@charset "UTF-8";
/* CSS Document */



/*------------------Colours-------------------*/
/*

Exisiting Colours
484741	Mid Black	Background (Alt), Header Background, Footer Background, Navigation Text
999995	Mid Grey	Text A Link
A5A09F	Light Grey
F38200	Orange		Header, Title, A Hover Text



Proposed Colours
21211F	Dark Grey	Background
484741	Mid Black	Content Text
AAA39B	Mid Grey	Text A Link
DDDAD7	Light Grey
F38200	Orange


*/




/*------------------HTML Body-------------------*/

html, body 
{
	background-color: #7F7F7B;
	text-align: center;
	margin: 0;
	min-width: 1200px; /***Set Fixed width for ALL content***/
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 91%; /*12px*/
	color: #484741;
}

body
{
		background: #EAEAE9 url('/sites/default/themes/jamesgood/images/floor-short.png') repeat-x bottom center;
}



/*------------------Main Container Styles-------------------*/


#main_container
{
	position: relative;
	text-align: left;
	margin: 0 auto 0px;
	min-height: 100%;
	height: auto;
	width:1200px;
	background-color:#F7F5F5;
}



#inner_container
{
	width: 1200px;/***Set Fixed width for ALL content***/
	margin: 0px auto 0px;
}



/*------------------Header Styles-------------------*/


#header
{
	width: 100%;
	height: 200px;
	
/*	background-image: url('../images/header-bg.jpg');
	background-position: left;
	background-repeat: repeat-x;*/
}


#header_image
{
	width: 100%;
	height: 200px;
	
	
/*	background-image: url('../images/demonstrate-your-difference.jpg');
	background-position: right;
	background-repeat: no-repeat;*/
	
}





#inner_header_container
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 1200px; /***Set Fixed width for ALL content***/
}


* html #inner-wrapper
{
height: 100%;
}



#logo
{
	float: left;
	left: 20px; /*20*/
	margin-top: 68px; /*75*/
	margin-left: 24px; /*40*/
	height: 75px; /*50*/
	width: 200px; /*160*/
	font-family: Bartholeme, Helvetica, Lucida Grande, Arial;
	text-align:left;
	z-index: 1;
}



#logo_text
{
	float: left;
	margin-top: 83px;
	margin-left: 16px; /*40*/
	padding-top: 9px;
	height: 50px;
	width: 30%;
	font-weight: 100;	
	line-height: 0.6em;
	text-align: left;
}


#logo_text h1
{
	font-size: 91%; /*12px*/
	font-weight: 100;	
	margin: 0px;
}


#logo_text .orange
{
	color: #F38200;
}

#logo_text .white
{
	color: #464644;
}



#strapline
{
	float: right;
	margin-top: 92px;
	margin-right: 40px;
	height: 50px;
	width: 30%;
	font-size: 91%; /*12px*/
	font-weight: 100;	
	line-height: 0.6em;	
	text-align: right;
	color:#FFFFFF;
	visibility: hidden; 
}




#sub_header
{
	width: 100%;
	height: 22px;
	background-image: url('../images/sub-nav-bg.jpg');
	background-position: left;
	background-repeat: repeat-x;	
	visibility: hidden;
}









/*------------------Navigation Styles-------------------*/


#nav 
{
	top: 30px;
	float: left;  /*Makes Accordian Animation slow in Firefox*/
	position: relative;
	left:40px;
	/*top: 11px;*/ /*Match top with Recent Projects*/
	/*margin-bottom: 40px;*/
	width:180px; /*180*/
	font-weight: 100;
	line-height: 1.2em;
	text-align: left;	
	color: #484741;
	overflow: visible;
	
}




#nav h1
{
	font-size: 140%; /*18px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #F38200;
}


#nav .spacer
{
	height: 13px; /*Match top of nav to content*/
}













/*---------------------------------------------------------------From Version 2---------------------------------------------*/

#nav h3
{
	width: 120px; /*Set mouse hover to max width of text*/
	margin-top: 0px;
	/*line-height: 16px;*/
	font-size: 91%; /*12px*/
	font-weight: normal;
	color: #484741;
	text-decoration: none;
}

#nav h3.submenu 
{
	margin-top: 0px;
	/*line-height: 16px;*/
	font-size: 91%; /*12px*/
	font-weight: normal;
	color: #484741;
	text-decoration: none;
}


#nav h3.disable_link 
{
	margin-top: 0px;
	margin-bottom: 7px; /*Reduce gap between link and submenu*/
	/*line-height: 16px;*/
	font-size: 91%; /*12px*/
	font-weight: normal;
	color: #484741;
	text-decoration: none;
	cursor: text;  /*Disable Link Cursor*/
}


#nav h3 a
{
	color: #484741;
	/*line-height: 14px; */
	text-decoration: none;
}

#nav h3 a:hover
{
	/*color: #A1A29C;*/
	color: #AAA39B;
	/*line-height: 14px; */
	text-decoration: none;
}


#nav h3.submenu a
{
	color: #484741;
	text-decoration: none;
}

#nav h3.submenu a:hover
{
	/*color: #A1A29C;*/
	color: #AAA39B;
	text-decoration: none;
}


/*Client Login*/

#nav h3.client_login a
{
	color: #AAA39B;
	text-decoration: none;
}

#nav h3.client_login a:hover
{
	color: #484741;
	text-decoration: none;
}





/*Sub class overrides style inheritance*/
#nav a.page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px;*/
	color: #F38200;
	text-decoration: none;
}

#nav a:hover.page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px;*/
	color: #F38200;
	text-decoration: none;
}



.nav_menu
{
	line-height: 1.4em;/*18px*/
}


.nav_menu a
{
	color: #484741;
	text-decoration: none;
}

.nav_menu a:hover
{
	color: #484741;
	text-decoration: none;
}


.nav_menu h3
{
	color: #484741;
	text-decoration: none;
	cursor: pointer;
}

.nav_menu h3 a
{
	color: #484741;
	text-decoration: none;
	cursor: pointer;
}

.nav_menu h3 a:hover
{
	color: #484741;
	text-decoration: none;
	cursor: pointer;
}








/*------------------Set Submenu Top Style-------------------*/

/*Sub class overrides style inheritance*/
.nav_menu a.top
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 26px;*/
	/*line-height: 18px; */
	/*color: #A1A29C;*/
	color: #AAA39B;
	text-decoration: none;
}

.nav_menu a:hover.top
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 26px;*/
	/*line-height: 18px; */
	color: #484741;
	text-decoration: none;
}


/*Sub class overrides style inheritance*/
.nav_menu a.top_page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 26px;*/
	/*line-height: 18px; */
	color: #F38200;
	text-decoration: none;
}

.nav_menu a:hover.top_page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 26px;*/
	/*line-height: 18px; */
	color: #F38200;
	text-decoration: none;
}


/*------------------Set Menu & Submenu Page Style-------------------*/


/*Sub class overrides style inheritance*/
.nav_menu a.page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px; */
	color: #F38200;
	text-decoration: none;
}

.nav_menu a:hover.page
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px;*/
	/*line-height: 18px; */
	color: #F38200;
	text-decoration: none;
}






.nav_submenu
{
	font-size: 91%; /*12px*/	
	left: 10px;
	margin-left: 10px;
	margin-top: -5px; /*Reduce gap between link and submenu*/ /*-10*/
	margin-bottom: 5px;
	line-height: 1.4em;/*18px*/
}



.nav_submenu a
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px; */
	color: #AAA39B;
	text-decoration: none;
}

.nav_submenu a:hover 
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px; */
	color: #484741;
	text-decoration: none;
}


.nav_submenu_show
{
	font-size: 91%; /*12px*/		
	left: 10px;
	margin-left: 10px;
	line-height: 1.4em;/*18px*/
}


.nav_submenu_show a
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px; */
	color: #AAA39B;
	text-decoration: none;
}

.nav_submenu_show a:hover
{
	/*text-indent: 10px;*/ /*IE6 Indent Bug */
	/*line-height: 18px; */
	color: #484741;
	text-decoration: none;
}





/*---------------------------------------------------------------From Version 2---------------------------------------------*/




























/*------------------Content Styles-------------------*/

#content 
{
	width: 660px; /***Set Fixed width for ALL content***/
	top: 30px;
	position:relative;
	margin-left: 220px; /*240*/
   	margin-right: 320px; /*350*/
	text-align: justify;
	font-size: 91%; /*12px*/	
	font-weight: 100;
	line-height: 1.4em;
	color: #484741;
}


#content h1
{
	font-size: 140%; /*18px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #F38200;
}


#content h2
{
	font-size: 116%; /*14px*/
	font-weight: 100;
	padding-top: 1.2em;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}


#content h2.testimonials
{
	font-size: 116%; /*14px*/
	font-weight: Bold;
	padding-top: 0em;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}




#content h3
{
	font-size: 116%; /*14px*/
	font-weight: 100;
	padding-top: 1.2em;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}




#content h3 a
{	
	color: #484741;
	text-decoration: none;
}


#content h3 a:hover
{	
	color: #AAA39B;
	text-decoration: none;
}



#content a
{
	color: #AAA39B;
	text-decoration: none;
}


#content a:hover
{
	color: #484741;
	text-decoration: none;
}


#content_lines
{

}

.read a
{
	color: #F38200;
	text-decoration: none;
}


.read a:hover
{
	color: #484741;
	text-decoration: none;	
}



#content_lines a
{
	color: #F38200;
	text-decoration: none;
}


#content_lines a:hover
{
	color: #484741;
	text-decoration: none;
}




#content hr
{
	height: 2px;
	border: 0px;
	background: url('../images/line-hr.jpg') repeat-x scroll center;
	width: 100%;
}






/*---------------------New Portfolio Layout------------------*/



#content .portfolio_inner
{
	padding-top:40px;
	padding-bottom: 40px;
	text-align:center; 
}

#content .portfolio_inner_zoom
{
	padding-top:40px;
	padding-bottom: 40px;
	text-align:center;
}

#content .portfolio_title
{
	text-align: right;
	color: #A1A29C;
}


#content td.grid_width2 /*2x2 Grid*/
{
	width: 30px;
}

#content td.grid_width3 /*3x3 Grid*/
{
	width: 20px;
}



#content td.grid_height2 /*2x2 Grid*/
{
	height: 30px;
}

#content td.grid_height3 /*3x3 Grid*/
{
	height: 20px;
}


#content h2.portfolio_index
{
	font-size: 116%; /*14px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	padding: 2px;
	margin: 2px;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}


#content_portfolio_index { width: 660px; }

#content_portfolio_index a { color: #484741; text-decoration: none; }

#content_portfolio_index a:hover {	color: #AAA39B;	text-decoration: none; }



/*Portfolio Index*/


#content_portfolio_index table.outline { border: solid 1px #C8C8C2; }

#content_portfolio_index td.title { background-color:#C8C8C2; text-align:center; }

#content_portfolio_index td.title h3 {	font-size: 116%; /*14px*/	font-weight: 100;	letter-spacing: 0.02em;	padding: 9px;	margin: 0px;	line-height: 1.2em;	text-align: center;	color: #484741; }

#content_portfolio_index td.description { background-color: #EBEBE8;  }

#content_portfolio_index td.description p {margin:0px; padding:10px; text-align:left;}

#content_portfolio_index td.spacer {height:40px; width:40px; }



/*------------------Recent Projects Styles------------*/


#recent_projects 
{
	
	top:19px;
	float: right;
	position: relative;
	right:40px;
	width:220px;
	text-align: left;
	font-size: 91%; /*12px*/
	font-weight: 100;
	line-height: 1.4em;	
	color: #484741;
	z-index: 2;
}
	
	


#recent_projects h2 /*h1*/
{
	font-size: 140%; /*18px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	line-height: 1.2em;	
	text-align: left;
	color: #F38200;	
}


#recent_projects h3 /*h2*/
{
	font-size: 100%; /*14px*/
	font-weight: 100;
	padding-top: 0.6em; /*Match to start of content text*/
	line-height: 0.2em;
	letter-spacing: 0.02em;	
	text-align: left;	
	color: #484741;
}



#recent_projects a
{
	color: #AAA39B;
	text-decoration: none;
}


#recent_projects a:hover
{
	color: #484741;
	text-decoration: none;
}







#recent_projects hr
{
	height: 2px;
	border: 0px;
	background: url('../images/line-hr.jpg') repeat-x scroll center;
	width: 100%;
}


#recent_projects .spacer
{
	height: 0px; /*Match top of projects to content*/
}



#recent_projects .recent_projects_inner
{
	text-align:center;
	padding: 20px 0px 20px 0px;
}


#recent_projects small
{
	text-align: center;
	color: #AAA39B;
	display: block;
	padding: 10px 0px;
}




/*---------------Footer Styles---------------------*/


#footer
{
	
	clear:both;
	position: relative;
	bottom: 0;
	width:100%;
	height: 80px;
/*	color: #AAA39B;*/
	font-size: 85%; /*11px*/
	font-weight: 100;
	line-height: 1.2em;	
	
/*	background-image: url('../images/footer-bg.jpg');
	background-position:bottom;
	background-repeat:repeat-x;*/
	
	
	/*margin: -40px auto 0 auto;*/ /*Reduced viewport height on short content only*/

  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 3em;
  color: #898989;
}



#footer a
{
	color: #AAA39B;
	text-decoration: none;
}


#footer a:hover
{
	color: #484741;
	text-decoration: none;
}


#inner_footer_container
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 26px; /*40*/

	/*
	padding-left: 40px;
	padding-right: 40px;
	*/
	
	padding-top: 14px;
	width: 1200px;
}	


#footer_left
{
	float: left;
	left: 20px;
	position:absolute;
	left: 40px;
	/*
	margin-top: 14px;
	margin-left: 40px;
	*/
	width: 45%;
	font-weight: 100;
	line-height: 1.2em;		
	text-align:left;
	float: left;
	color: #BABAB8;
	padding-top: 30px;
	position:relative;
	z-index:3;
}

#footer_right
{
	float: right;
	position:absolute;
	right: 40px;
	/*
	margin-top: 14px;
	margin-right: 40px;
	*/
	width: 45%;
	font-weight: 100;
	line-height: 1.2em;		
	text-align: right;
	float: right;
	text-align: right;
	color: #BABAB8;
	padding-top: 30px;
	position:relative;
	z-index:3;
}



/*------------------Spacer Styles-------------------*/



.footer-spacer
{
	clear: both;
	height: 100px;
}






/*------------------Vcard Styles-------------------*/

.vcard
{
	/*visibility: hidden;*/
}





/*------------------Slideshow Styles--------------- */






/*-----------------------------------------------------*/



img
{
	border: 0;
}






/*-----------------Proofing Styles---------------------*/


/*
.textfield
{
	height: 16px;
	border: solid 1px #BEC7CD;
	color: #405767;
	vertical-align: middle;
}


.file
{
	height: 20px;
	border: solid 1px #BEC7CD;
	color: #405767;
	vertical-align: middle;
}
*/

textarea
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	/*border: solid 1px #BEC7CD;*/
	color: #484741;
	vertical-align: middle;
}

/*
.checkbox
{
	height: 16px;
	width: 16px;
	border: solid 1px #BEC7CD;
	color: #405767;
	vertical-align: middle;
}

.select
{
	height: 20px;
	border: solid 1px #BEC7CD;
	color: #405767;
	vertical-align: middle;
}
*/




/*-----------------View Proof Styles---------------------*/


#proof-header
{
	margin:0 auto;
	height: 100px;
	width:1200px;
	background-color: #F7F5F5;
	
/*	background-image: url('../images/header-bg.jpg');
	background-position: left;
	background-repeat: repeat-x;*/
	

}


#proof-header_image
{
	width: 100%;
	height: 100px;
	
}

#proof-inner_header_container
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 1200px; /***Set Fixed width for ALL content***/
}


#proof-logo
{
	float: left;
	left: 20px; /*20*/
	margin-top: 15px; /*75*/
	margin-left: 24px; /*40*/
	height: 75px; /*50*/
	width: 200px; /*160*/
	font-family: Bartholeme, Helvetica, Lucida Grande, Arial;
	text-align:left;
	z-index: 1;
}


#proof-logo_text
{
	float: left;
	margin-left: 16px;
	margin-top: 40px;
	height: 50px;
	width: 150px;
	font-weight: 100;	
	text-align: left;
	line-height:0.6em;
}


#proof-details
{
	float: right;
	margin-top: 40px;
	margin-right: 16px; /*40*/
	height: 50px;
	width: 30%;
	/*font-size: 91%;*/ /*12px*/
	font-weight: 100;	
	text-align: right;
	line-height:0.6em;
}





#proof-logo_text h2, #proof-details h2
{
	font-size: 91%; /*12px*/
	font-weight: 100;
	margin: 0;
}


#proof-logo_text .orange, #proof-details .orange
{
	color: #F38200;
}

#proof-logo_text .white, #proof-details .white
{
	color: #464644;
	
}


#proof-logo_text a
{
	color: #F38200;
	text-decoration: none;
}

#proof-logo_text a:hover 
{
	color: #F38200;
	text-decoration: none;
}


div#proof-distance 
{ 
	width:1px;
	height:50%;
	margin-bottom: -50%;
	float:left;
}


div#proof-container
{
	margin:0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	width:1200px;
	clear: left;
	background-color: #F7F5F5;
}


#proof-container a
{
	color: #AAA39B;
	text-decoration: none;
}

#proof-container a:hover 
{
	color: #F38200;
	text-decoration: none;
}




.proof
{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}










/*----------------------------Colour Overrides---------------------*/



.grey
{
	color: #AAA39B;
}


a.orange, #content a.orange
{
	color: #F38200;
	text-decoration: none;
}


a.orange:hover, #content a.orange:hover
{
	color: #AAA39B;
	text-decoration: none;
}





/*----------------------------jQuery Galleria---------------------*/


#main_image { width:600px; height:382px; }

ul.gallery_demo { height:110px; padding:0; margin:30px 0px; }

.galleria { list-style:none;width:600px; padding:0; margin:30px; }

.galleria li { display:block;width:210px;height:115px;overflow:hidden;float:left;margin:0px 0px 0px 0px; padding:0px; }

.galleria li:last-child { width: 180px; }

.galleria li a { display:none; }

.galleria li div { position:absolute;display:none;top:0;left:0px; }

.galleria li div img { cursor:pointer; }

.galleria li.active div img,.galleria li.active div { display:block; }

.galleria li img.thumb { cursor:pointer;top:0;left:0;display:block;width:auto;height:auto; }

.galleria li .caption { display:block;padding-top:0; }

* html .galleria li div span { width:600px; } /* MSIE bug */