/*
Theme Name: FlintStones Theme
Theme URI: http://bluelabelmedia.com
Description: Custom theme by www.bluelabelmedia.com
Version: 1.0
Author: Blue Label Media
Author URI: http://www.bluelabelmedia.com
Tags: custom layout

*/



/******* Commons Elements *******/
body { padding:0px; margin: 0 auto; background: #FFFFFF url('images/background.gif') repeat-x; }

.clear { clear:both; height:0; }
#wrapper { width: 960px; margin: 0 auto; margin-top: 10px; position: relative; }

.grid_8 { margin-left: 0px; 
margin-right:0 px; 
}


/******* Common Text style elements ********/
a:link {color:#a07332; text-decoration: underline; font-weight: bold;}
a:visited {color:#916525; text-decoration: underline; font-weight: bold;}
a:hover {color:#a07332; text-decoration: none; font-weight: bold; }
a:active {color:#a07332; text-decoration: underline; font-weight: bold;}

h1, h2, h3, h4 { color: #a07332;}

/******* Navigation Elements *******/
#navigation { 
				font-family:arial,sans-serif;
				font-weight: bold;
				font-size: .90em;
				color:#301f07;
}
#navigation .logobit { color: #a07332; font-size: 11px; position: absolute; margin-left: 120px; margin-top: 30px;  }
#navigation .logo {float: left; margin-left: 15px; margin-top: 28px; }
#navigation ul { width: 572 px; float: left; margin-top: 45px; margin-bottom: 5px; }
#navigation li { display: inline; list-style: none;  }
#navigation li a { 
				background:url('images/nav_bg.gif') left top repeat-x; 
				height: 68px; 
				display: block; 
				float: left; 
				text-decoration: none; 
				font-family:"Arial",Verdana,Sans-Serif;
				font-size: 1.1em;
				color: black;
				}
#navigation span { padding-left: 6px;  margin-top: 33px; display:inline-block; vertical-align:top; padding-bottom: 5px; font-size: 12px; }
#navigation .nav_seperator { float: left; }
#navigation a.nav_home { width: 58px;}
#navigation a.nav_home span { margin-left: 3px; }
#navigation a.nav_home:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_aboutus { width: 55px; }
#navigation a.nav_aboutus span { margin-left: 3px; }
#navigation a.nav_aboutus:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_gallery { width: 60px; }
#navigation a.nav_gallery span { margin-left: 4px; }
#navigation a.nav_gallery:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_services { width: 66px; }
#navigation a.nav_services:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_fireplace { width: 170px; }
#navigation a.nav_fireplace:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_testimonials { width: 91px; }
#navigation a.nav_testimonials span { margin-left: 3px; }
#navigation a.nav_testimonials:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }

#navigation a.nav_community { width: 83px; }
#navigation a.nav_community span { margin-left: 3px; }
#navigation a.nav_community:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }
 
#navigation a.nav_contactus { width: 67px; }
#navigation a.nav_contactus span { margin-left: 4px; }
#navigation a.nav_contactus:hover { background:url('images/nav_bg_hover.gif') left top repeat-x; }



/******* Banner Elements *******/
#banner .banner_area { float: left; width: 960px; height: 329px; background:url('images/banner_bg.gif') left top no-repeat; }
#banner .flash_area { margin-left: 20px; margin-top: 14px; }

/******* Content Formating Elements *******/
#content_area {	margin-top: 12px; padding-left: 10px; }
#content { background:url('images/content_top_bg.gif') top left no-repeat; }
#content {
						font-family: arial, sans-serif;
						font-weight: normal;
						letter-spacing: .01em;
						line-height: 1.25em;
						font-size: .90em;
						font-color:#301f07;
					}
#content .text_area {margin: 19px 0px 19px 16px; }
#content .list_wrapper { height: 80px; float: left;}
#content #text_list li { 
	color: #a07332; 
	font-weight: bold;
	font-size: .85em;
	display: inline;
	width: 265px;
	float: left;
	list-style: none;
	padding-left: 15px;
	background: url('images/list_image.gif') left no-repeat;
}

/******* SIDEBAR Formating Elements *******/
#sidebar { 				text-align: right; 
						font-family: arial, sans-serif;
						font-weight: normal;
						letter-spacing: .01em;
						line-height: 1.35em;
						font-size: .75em;
						font-color:#301f07;
}
#sidebar .right_homes_image { position: absolute; clear: both; right: 1px; }
#sidebar .feature_surround { margin-top: 100px; }
#sidebar .feature_surround h1 { margin-bottom: 3px; margin-top: 18px; padding-top: 5px;}
#sidebar .right_text { float: right; width: 275px; }
#sidebar .seperator { clear: both; margin-bottom: 20px; width: 300px; height: 3px; background: url('images/right_div.png') top no-repeat; }
#sidebar .rooter { margin-top: 15px; margin-bottom: 35px; }


/******* FOOTER Formating Elements *******/
#footer { width: 100%; height: 104px; background: #FFFFFF url('images/footer_bg.gif') repeat-x; }
#footer .footer_text { float: left; color: #482e09; margin-top: 45px; line-height: .8em;  font-family: verdana, sans-serif; font-weight: bold; font-size: .8em; }
#footer .copyright { font-weight: normal; }
#footer .bluelabel {float: right ; margin-top: 19px; }

/*******SUB-PAGE (Including Testimonaials, About, etc...) Elements *******/
#banner .subpage_banner_area { float: left; width: 960px; height: 178px; background:url('images/banner_content_bg.gif') left top no-repeat; }
#banner .header_area { margin-left: 20px; margin-top: 14px; }

#main_content_area {margin-top: 4px; }
#main_content { background:url('images/content_subpage_top.gif') top left no-repeat; background-color:#FFFFFF;}
#main_content {
						font-family: arial, sans-serif;
						font-weight: normal;
						letter-spacing: .01em;
						line-height: 1.25em;
						font-size: .90em;
						font-color:#301f07;
					}
#main_content .text_area {margin: 19px 19px 19px 19px; }
#main_content .list_wrapper { height: 80px; float: left;}
#main_content #text_list li { 
	color: #a07332; 
	font-weight: bold;
	font-size: .85em;
	display: inline;
	width: 265px;
	float: left;
	list-style: none;
	padding-left: 15px;
	background: url('images/list_image.gif') left no-repeat;
}
#main_content .client_text_left {float: left; width: 580px; }
#main_content .client_image_right {float: right; width: 300; padding-top: 30px; }
#main_content .testimonial_sep { clear: both; width: 880px; height:2px; background:url('images/testimonial_seperator.png') top left repeat-x; margin-left: 10px; margin-bottom: 15px; }

#main_content .client_text_right {float: right; width: 580px; }
#main_content .client_image_left {float: left; width: 300; padding-top: 60px; }

#main_content .contact_strong {font-size: 1.3em;}
#main_content .email { background:url('images/contact_email.png') top left no-repeat; float: left; height: 60px; width: 360px; padding-left: 85px; padding-top: 18px;  }
#main_content .phone { background:url('images/contact_phone.png') top left no-repeat; float: right; height: 60px; width: 360px;  padding-left: 85px; padding-top: 18px; }
#main_content .fax { background:url('images/contact_fax.png') top left no-repeat; float: left; height: 60px; width: 360px; padding-left: 85px; padding-top: 18px; }
#main_content .tollfree { background:url('images/contact_tollfree.png') top left no-repeat; float: right; height: 60px; width: 360px;  padding-left: 85px; padding-top: 18px; }

#main_content .email_quick { background: url('images/contact_email.png') top left no-repeat; float: left; height: 35px; width: 255px; padding-left: 85px; padding-top: 26px; overflow: hidden; }
#main_content .email_quick_summary { float: left; clear: both; width: 330px; padding-left: 15px; }

#main_content #contactpage .light_up {color: #a07332; font-size: 1.5em; }
#main_content #contactpage .light_up2 { color: #a07332; font-size: 1.5em; width: 115px; }

#main_content .web_form { border: 1px gray; text-align: right; float: right; width: 550px; height: 500px; }



.gallery-item {margin: 10px 0px 10px 0px; float: left; width: 150px;}

/******   about us page *********/
#main_content .workedwith {
	margin-bottom: 15px;
}
#workedwith_list li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#workedwith_list ul {
	margin-left: 0em;
}

/******   Gallery page   *********/
#navlist {margin-top: 25px;}
#navlist li{
	float: left;
	padding-right: 10px;
	margin: 0px;
	width: 415px;
	display: inline;
	list-style-type: none;
	margin-bottom: 25px;
}
.gallery_img {

	width: 415px;
}
#navlist h4 {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 415px;
}
/******** services page *********/

#services_content img {
	display: block;
	margin: -5px 0px 5px 0px;
	float: left;
}
#main_content .services_text {
	padding-left: 15px;
	float: left;
	width: 595px;
}
.services_h3{
	margin-left: 295px;
	position: relative;
	color:#a07332;
	padding-bottom: -10px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 20px;
}
HR {
	border: none;
    height:1px;
    width:90%;
    background-color: #c6c6c6;
    margin: 5px 5px 5px 5px;  
   }


/* Begin Images --- DEFAULT WORDPRESS ---- */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*********** misc *************/
.thequotebox{
	margin-top: 50px;
	background-color: #f1f1f1 ;
	border: 1px solid #e9e9e9;
}
.quotage {
display: block;
padding: 0 60px;
padding-top: 45px;
padding-bottom: 30px;
width: 490px;
font-size: 12px;
font-style: italic;
color: #9e9e9e;
<!--[if IE 7]>
background-color: red;
<![endif]-->
}
.quotage:before, .quotage:after {
color: #c4a577;
display: block;
font-size: 700%;
width: 50px;
}
.quotage:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}
.quotage:after {
content: close-quote;
height: 50px;
margin-top: -30px;
margin-left: 500px;
}

/** MISC **/
.breadcrumb {
	padding: 8px 8px 8px 8px;
	background-color: #e8dbca;
	border: 1px solid #d2bea3;
	font-size: 16px;
}

.bbb_blurb { margin-top: 25px; border: 1px solid #dddddd ; padding: 15px 15px 15px 15px}
.bbb_blurb p {
	float: right;
	width: 500px;
	font-size:12px;
	color: #636363;
	
}
.darker { color: black; font-size: 14px; margin-top: 3px; margin-bottom: 3px; }
.gallery-caption {display: none;}

.phone_number {position: absolute; right: 22px; top: 5px;  }
.fancy {background:url('images/fancy_hr.jpg') no-repeat; width: 100%; height: 44px;}

.testimonials_side { width: 256px; border: 1px solid #e9e9e9; padding: 25px 15px 25px 15px; background-color: #f1f1f1; margin-left: 15px; margin-bottom: 20px;  }
.testimonials_side p {color: #555555; font-style: italic; }


/** new services related CSS                       **/
#services-content {    
    float: left;
    margin-left: 20px;
    width: 640px;
}
#sub_nav {float: left;width:220px;float:left;background:url(images/services/bg-sidebar.gif) 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;}
#sub_nav ul a {display:block;background:url(images/_global/services.gif) 0 100% repeat-x;padding:4px 0 8px 8px;height:1%;position:relative;margin:0 13px 0 0;}
#sub_nav ul a:hover,
#sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;}
#sub_nav ul ul a {background:url(images/services/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;}
#sub_nav ul ul a:hover {text-decoration:underline;color:#666;}
#sub_nav ul {margin:0;padding:0;list-style:none;}
#sub_nav ul li {vertical-align:top;height:1%;}
#sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;}
#sub_nav ul ul ul {padding:5px 0 9px 23px;}


#sub_nav ul li :hover {background:url(images/services/sprite.png) 0px 0px no-repeat !important;}
#sub_nav ul li a { font-size: 11px; }

#currentpage {margin-right:0;color:#fff;text-decoration:none;}



.list li,
.list2 li {background:url(../images/services/bullet2.png) 0 9px no-repeat !important;padding:5px 0 0 19px;}
.list3 li {background:url(../images/services/bullet3.png) 0 10px no-repeat !important;padding:5px 0 0 18px;}
.list4 li {background:url(../images/services/bullet4.png) 0 9px no-repeat !important;}