/* ================================================
 
Theme Name: Clark Quality
Description:  Clark Quality Theme
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: August 2009

==================================================*/


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

		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
 		11. Buttons

---------------------------------------------------

		COLOURS
			
	

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


/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}
	
br {
	clear:both;
	line-height:10px;}

/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
		
.logo, .main_strapline, .banner_button_holder a img { 
	behavior: url(/wp-content/themes/clarkquality/js/iepngfix.htc) ;
	}

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/



/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #4c4c4c;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
	}


strong {
	font-weight:bold;
	color:#000000;
	}

em {
	font-style:italic;
	display:inline;
	}

small {
	font-size: 11px;
	line-height: 25px;
	}

br {
	line-height: 10px;
	}
	
blockquote {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	padding: 15px 0 15px 15px;
	}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin: 0 0 10px 0;
	height: 1px;
	}

/*------------------ FONT RESET -------------------*/

 {
	margin: 0;
	padding: 0;
	float: left;
	}

/*------------------ FONT RESET ENDS -------------------*/


p {
	margin: 0 0 15px 0;
	color:#000000;
	line-height:18px;
	}
	
	div#footer_feature_bg p {
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	margin: 0 0 8px 0;;
	}
	
	div#footer_feature_bg ul.latest_case_studies li {
	font-size: 11px;
	line-height: 14px;	
	}
	
	div#footer_feature_bg ul.latest_case_studies li strong {
	font-size: 12px;
	line-height: 18px;	
	}
	
	div#footer p.footer_left {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666666;
	}
	
	div#footer p.footer_right {
	float: right;
	text-align: right;
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666666;
	}
	
	div#sidebar p.sub_title {
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	padding: 0 0 0 30px;
	margin: 0;
	color: #999999;
	}
	
	div#content p#breadcrumbs {
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 11px;
	color:#333333;
	}
	
	div#content p#breadcrumbs strong {
	font-size: 11px;
	color:#333333;
	font-weight: normal;
	}
	
div.footer_left p {
	font-size:11px;
	padding:0;
	color:#1a6ea8;
	margin:0;}
	
div.footer_right p {
	font-size:11px;
	color:#1a6ea8;
	padding:0;
	margin:0;}
	
div.breadcrumb {
	font-size:10px;
	text-transform:uppercase;}
	
div.image_banner_left_col p {
	width:264px;
	color:#1f6199;
	padding:0;
	margin-bottom:11px;
	margin-left:20px;}
	
div.contact_details p {
	color:#000000;}
	
div.contact_details strong {
	color:#000000;}

/* -------------- HEADINGS ----------------*/



h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1 {
	padding: 0 0 15px 0;
	font-size: 20px;
	color: #124d8a;
	letter-spacing:-1px;
	line-height: 26px;
	}

h2 {
	padding: 0 0 10px 0;
	font-size: 28px;
	color: #124d8a;
	letter-spacing:-1px;
	line-height: 30px;
	font-weight: bold;
	}

h3 {
	font-size: 22px;
	line-height: 28px;
	padding: 0 0 10px 0;
	margin: 0;
	color: #124d8a;
	font-weight: bold;
	letter-spacing: -1px;
	}
h3 a{
	font-size: 18px;
	}
		
	div#sidebar h3 {
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 5px 0px;
	border-bottom:1px dotted #003399;
	margin-left:9px;
	width:267px;
	color: #124d8a;
	font-weight: bold;
	}
	
h4 {
	font-size: 18px;
	line-height: 16px;
	padding: 5px 0 10px 0;
	color: #124d8a;
	}
	
h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 5px 0 5px 0;
	color: #124d8a;
	}
	
h6 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #124d8a;
	}


h2.page_title {
	padding:0;
	margin:0;
	letter-spacing:-1px;
	font-size:26px;}


/*==================================================================================================
 
     3. LINK STYLES

================================================================================================== */

a:link, a:active, a:visited {
	color:#d9580d;
	text-decoration:underline;}
	
a:hover {
	color:#d9580d;
	text-decoration:none;}
	
	
	
	
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color:#1a6ea8;
	text-decoration:underline;}
	


	

/* End Typography & Colors */



/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/


.nav_home {
	background-image:url(images/navigation/nav_home.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:80px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_home:hover {
	background-position: -80px 0;
	}
	
.nav_about {
	background-image:url(images/navigation/nav_about_us.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:96px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_about:hover {
	background-position: -96px 0;
	}
	
.nav_meet_the_team {
	background-image:url(images/navigation/nav_meet_the_team.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:132px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_meet_the_team:hover {
	background-position: -132px 0;
	}
	
.nav_news {
	background-image:url(images/navigation/nav_news.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:71px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_news:hover {
	background-position: -71px 0;
	}
	
.nav_services {
	background-image:url(images/navigation/nav_services.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:93px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_services:hover {
	background-position: -93px 0;
	}
	
.nav_case_studies {
	background-image:url(images/navigation/nav_case_studies.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:120px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_case_studies:hover {
	background-position: -120px 0;
	}
	
.nav_faq {
	background-image:url(images/navigation/nav_faq.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:60px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_faq:hover {
	background-position: -60px 0;
	}
	
.nav_links {
	background-image:url(images/navigation/nav_links.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:72px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_links:hover {
	background-position: -72px 0;
	}
	
.nav_contact {
	background-image:url(images/navigation/nav_contact_us.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:52px;
	width:253px;
	overflow:hidden;
	text-decoration:none !important;
	text-indent:-5000px;
	}
	
	.nav_contact:hover {
	background-position: -253px 0;
	}
		
/* End Main Navigation */




/*==================================================================================================

	5. SIDEBAR NAVIGATION
	
==================================================================================================*/



/*==================================================================================================


	6. MAIN STRUCTURE
 
==================================================================================================*/

body {
	margin:0;
	padding:0;
	height: auto;
	background: url(/wp-content/themes/clarkquality/images/backgrounds/main_blue_bg.jpg) no-repeat center top #072F6F;
	}	

div#wrapper {
	margin: 0 auto;
	width: 990px;
	}
	
div#page {
	width: 990px;
	float: left;
	/*background-color: #99FF00;*/
	}

div#header {
	width: 990px;
	height: 146px;
	position:relative;
	float:left;
	}
	
div.navigation_holder {
	width:984px;
	height:57px!important;
	padding:6px 0 0 6px;
	background-color:#F4F4F4;
	float:left;
	background-image:url(images/backgrounds/nav_bg.jpg);
	background-repeat:no-repeat;}

div#sub_header {
	float: left;
	clear: both;
	width: 990px;
	height: 280px;
	position: relative;
	z-index: 10;
	border-bottom: 3px solid #CCCCCC;
	background-color: #00FF00;
	}	
	
div.image_banner {
	float:left;
	width:976px;
	height:244px;
	padding:4px 6px 0 6px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color:#f4f4f4;}
	
div.image_banner_left_col {
	float:left;
	width:367px;
	background-image:url(images/backgrounds/image_banner_text_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	height:245px;}

div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/homepage_banner.jpg);
	background-repeat:no-repeat;
	height:245px;}

body.page-3 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/homepage_banner.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-30 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/about-us.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.cat-3 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/news.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.cat-4 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/case-studies.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-34 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/services.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-36 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/faqs.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-39 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/links.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-41 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/contact_us.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
body.page-32 div.image_banner_right_col {
	float:right;
	width:609px;
	background-image:url(images/photos/meet-the-team-banner.jpg);
	background-repeat:no-repeat;
	height:245px;}
	
	
	
	
	
	
	
	
	
	
div#content {
	float: left;
	width: 601px;
	background-color:#FFFFFF;
	padding: 20px 20px 20px 20px;
	/*background-color: #FF00FF;*/
	}
	
div#content_wide {
	float: left;
	width: 944px;
	background-color:#FFFFFF;
	padding: 20px 10px 20px 20px;
	/*background-color: #FF00FF;*/
	}

div#sidebar {
	width: 303px;
	float:right;
	padding:20px 10px 10px 20px;
	}

div#footer {
	float: left;
	clear: both;
	width: 990px;
	padding:20px 0 20px 0;
	/*background-color: #9966CC;*/
	}
	
/* End Structure */



/*=================================================
	
	7. INNER ELEMEMTS

=================================================*/

.logo {
	background-image:url(/wp-content/themes/clarkquality/images/sitewide/logo.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:113px;
	height:113px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	top:14px;
	left:50px;}
	
.main_strapline {
	background-image:url(images/sitewide/strapline.png);
	background-repeat:no-repeat;
	display:block;
	width:487px;
	height:70px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:42px;
	left:482px;}


div.footer_left {
	float:left;
	width:390px;
	text-align:left;
	padding-left:10px;}
	
div.footer_right {
	float:right;
	width:390px;
	padding-right:10px;
	text-align:right!important;}


div.content_holder {
	float:left;
	width:974px;
	padding:7px;
	background-color:#f4f4f4;
	border:1px solid #FFFFFF;}


div.sidebar_shadow_rep {
	float:left;
	width:974px;
	background-image:url(/wp-content/themes/clarkquality/images/backgrounds/sidebar_shadow.jpg);
	background-repeat:repeat-y;}
	
div.breadcrumb {
	padding:0px 0 10px 0;
	width:400px;}

.postmetadata {
	display:none;}

div.biog_padding {
	padding:20px;}

/*============ FOOTER FEATURE STYLES ===============*/



/*============ SITE MAP STYLES ===============*/

	
div.ddsg-wrapper {
	float: left;
	width:600px;
	}
	
div.ddsg-wrapper ul li {
	padding:8px 0 8px 5px;
	list-style-type:none;}
	
div.ddsg-wrapper ul li ul li {
	padding:12px 0 0px 35px;
	list-style-type:none;}

div.ddsg-wrapper h2 {
	display: none;
	}

div.ddsg-wrapper div.ddsg-pagenav {
	float: left;
	clear: both;
	width:600px;
	}
	
div.ddsg-wrapper div.ddsg-pagenav p {
	text-align: right;
	}
	
div.ddsg-wrapper p {
	display:none;}
	
div.navigation {
	padding-bottom:20px;
	float:left;
	clear:both;
	width:944px;}
	
div.navigation div.alignleft {
	width:280px;
	padding-bottom:20px;
	float:left;}
	
div.navigation div.alignright {
	width:280px;
	padding-bottom:20px;
	float:right;
	text-align:right;}
	
div.contact_details {
	float:left;
	width:250px;
	padding:15px 0 0 10px;}


/*==================================================================================================
	
	8. LISTS 

==================================================================================================*/


div.navigation_holder ul {
	padding:0;
	margin:0;}
	
div.navigation_holder ul li {
	padding:0;
	list-style-type:none;
	display:inline;
	float:none;
	margin:0;}
	
div.navigation_holder ul li a:link {
	float:left;}

ul.latest_news_sidebar {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:10px 0 0 10px;
	width:272px;
	}
	
	ul.latest_news_sidebar li {
	border-bottom:1px solid #c9c9c9;
	padding:8px 0 8px 0;
	font-size:11px;
	margin:0;
	border-top:1px solid #f4f4f4;}
	
	ul.latest_news_sidebar li p {
	margin:0;
	padding:0;}
	
	ul.latest_news_sidebar li strong {
	color:#505050;}
	

.entry ul {
	padding:0 0 20px 20px;
	margin:0;}
	
.entry li {
	padding:3px 0 3px 0px;
	color:#000000;
	margin:0;}
	
#content ul {
	padding:0 0 20px 20px;
	margin:0;}
	
#content li {
	padding:3px 0 3px 0px;
	color:#000000;
	margin:0;}
	


/*==================================================================================================

	9. FORMS
 
 ====================================================================================================*/
 

form, input, textarea, label, select, fieldset  {	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#666666;
	float: left;
	}
	
form {
	padding: 20px 0 0 0;
	}

	
input {
	padding: 2px;
	border: none;
	}
	
textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 200px;
	}
		
label {
	clear: both;
	font-size:12px;
	color: #333333;
	text-align: right;
	padding: 0 15px 0 0;
	}	
	
select {
	font-size:12px;
	}		
	
fieldset {
	clear: both;
	font-size:12px;
	border: none;
	}		


/*---------------------- LABELS FIELD -------------------------*/

	


/*----------------------TEXT FIELD -------------------------*/


.fmtext {
	width:150px;
	padding:5px 5px 0 5px;
	border:1px solid #BFBFBF;}
	
.fmverify {
	width:50px;
	padding:5px;
	border:1px solid #BFBFBF;}


/*---------------------- SELECT -------------------------*/

select.fmselect {
	width: 160px;
	margin: 0 0 9px 0;
	padding: 6px;
	border: 1px solid #999999;
	background-color: #ffffec;
	}


/*----------------------TEXT AREA-------------------------*/

	
textarea.fmtextarea {
	border:1px solid #BFBFBF;
	background-color:#FFFFFF;
	}
	
	

/*---------------------- SUBMIT BUTTONS -------------------------*/
	

form.ddfm div.submit {
	padding: 0 0 0 137px;
	}

	form.ddfm div.submit input {
	background-color: #072F6F;
	border: 1px solid #00183F;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 100px;
	height: 30px;
	padding: 0px 1px 3px 1px;
	}
	
	
	input.submit_button {
	background-color: #F68621;
	border: 1px solid #CF6100;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	width: 90px;
	height: 30px;
	padding: 0px 1px 3px 1px;
	float: right;
	}
	
	
	
/*---------------------- DAGON DESIGN FORM MAILER STYLES -------------------------*/


form.ddfm .credits {
	display:none;}


/*==================================================================================================
	
	10. Various Tags & Classes 
	
==================================================================================================*/


/* End Various Tags & Classes*/



/*==================================================================================================
	
	11. Headers
	
==================================================================================================*/

.heading_our_services  {
	background-image:url(images/headings/heading_our_services_banner.jpg);
	background-repeat:no-repeat;
	display:block;
	height:62px;
	overflow:hidden;
	text-indent:-999px;
	padding:0;
	margin:0;
	width:367px;
	}


.heading_telephone  {
	background-image:url(images/headings/telephone_number.jpg);
	background-repeat:no-repeat;
	display:block;
	height:39px;
	overflow:hidden;
	text-indent:-999px;
	padding:0;
	margin:0;
	width:367px;
	}


/*==================================================================================================
	
	12. BUTTONS
	
==================================================================================================*/

	
	
.banner_button_holder {
	position:absolute;
	display:block;
	height:38px;
	top:166px;
	left:0px;
	padding:0;
	margin:0;
	width:386px;}
	
.button_find_out_more  {
	background-image:url(images/buttons/button_find_out_how.jpg);
	background-repeat:no-repeat;
	display:block;
	height:41px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	top:203px;
	left:0px;
	padding:0;
	margin:0;
	width:367px;
	}

strong.question {
	margin-bottom:-10px;
	}
	
div.category-case-studies small {
	display:none;
}