/*-----------------------------------------------------------------------------
Summit Brooke Construction Style Sheet

version	:	1.0
company	:	Burnkit Creative Inc.
author	:	Alberto Trujillo Gonzalez
email	:	alberto@burnkit.com
website	:   http://www.burnkit.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul {
	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
	line-height: 0px;
	font-size: 0px;
}

/* Remove border around linked images */
img {
	border: 0;
}

html, body{
	height: 100%;
}

body{
	background: url(../img/gradient_bg.jpg) top left repeat-x;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

sup{
	font-size: 8px;
	color: #394a18;
	position: relative;
	top: -7px;
}

.enum{
	font-size: 28px;
	color: #e7b300;
	line-height: 30px;
}

.strong { 
	color: #333;
	font-weight: bold;
	}

.strong_italic{
	color: #333;
	font-style: italic;
}

.stronger{
	color: #333;
	font-weight: bold;
}

p{
	line-height: 16px;
	margin: 18px 0;
}

#frm_contact p{ margin: 10px 0;}

.important{	font-size: 14px;}

div.col_clients div.spec small{
	font-size: 9px;
	color: #333333;
}

div.col_clients div.spec{
	font-size: 11px;
	color: #333333;
}
div.col_clients div.spec td{
	padding-bottom: 5px;
}

div.col_clients div.desc p{
	margin: 20px 10px;
	font-size: 12px;
	font-style: italic;
	color: #666666;
}

div#pre_construction_phase p{
	font-style: italic;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#lets_get_started ul.list_enum p{
	margin-top: 0px;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1.title{
	font: 18px Georgia, "Times New Roman", Times, serif;
	border-bottom: 4px solid #810005;
	color: #666152;
	line-height: 30px;
	padding-bottom: 4px;
	height: 27px;
}

div.employment h1.title{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


/* =Links
-----------------------------------------------------------------------------*/
a{ 
	color: #9d1700;
	text-decoration: none;
	outline: none;	/* Remove border around links in FF */
}

a:hover{ color: #645f51;}


/* =Branding
-----------------------------------------------------------------------------*/




/* =Header
-----------------------------------------------------------------------------*/

#header{
	height: 147px;
	width: 910px;
	background: #fff;
	position: relative;
}

/* =Main Nav
-----------------------------------------------------------------------------*/

div#main_nav{
	width: 530px;
	height: 122px;
	background: #f6f5ec;
	position: absolute;
	top: 0px;
	right: 0px;
}

#main_nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_nav ul li { 
	display: inline; 
	width: 130px;
}

#main_nav ul li div.shell{
	width: 130px;
	height: 102px;
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#main_nav ul li div.shell div{
	height: 102px;
	background: url(../img/nav_item_bg.gif) top left no-repeat;
}

#main_nav ul li#company div.shell div{ width: 107px;}
#main_nav ul li#services div.shell div{ width: 98px;}
#main_nav ul li#projects div.shell div{ width: 96px;}
#main_nav ul li#contact div.shell div{ width: 88px;}

#main_nav ul li a{
	display: block;
	height: 27px;
	line-height: 27px;
	text-indent: -9999px;
	background-color: #fff;
	font-size: 17px;
	font-weight: normal;
	position: absolute;
	top: 75px;
	left: 0px;
}

#main_nav ul li#company a:hover, 
#main_nav ul li#services a:hover, 
#main_nav ul li#projects a:hover, 
#main_nav ul li#contact a:hover { 
	/*color: #645f51;*/
	background-position: 0 -27px;
}

#main_nav ul li#company a{ 
	width: 107px;
	background: url(../img/nav_company.gif) top left no-repeat;
}
#main_nav ul li#services a{ 
	width: 98px;
	background: url(../img/nav_services.gif) top left no-repeat;
}
#main_nav ul li#projects a{ 
	width: 96px;
	background: url(../img/nav_projects.gif) top left no-repeat;
}
#main_nav ul li#contact a{ 
	width: 88px;
	background: url(../img/nav_contact.gif) top left no-repeat;
}

#main_nav ul li .sup_num{
	position: absolute;
	top: 64px;
	left: 1px;
}

#main_nav ul li#company a.activated, 
#main_nav ul li#services a.activated, 
#main_nav ul li#projects a.activated, 
#main_nav ul li#contact a.activated { 
	/*color: #645f51;*/
	background-position: 0 -27px;
}

#main_nav ul li#company a.activated:hover, 
#main_nav ul li#services a.activated:hover, 
#main_nav ul li#projects a.activated:hover, 
#main_nav ul li#contact a.activated:hover { 
	background-position: 0 -27px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

.clients_nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clients_nav li { margin: 0; }

.clients_nav a{
	display: block;
	background: url(../img/lnk_block_bg.gif) top left no-repeat;
	width: 220px;
	height: 40px;
	padding: 6px 0px 0px 12px ;
	text-decoration: none;
}

* html .clients_nav a{ 
	width: 208px;
	height: 40px;
}

.clients_nav a:hover{ background-position: 0 -46px;}
.clients_nav a.active{ background-position: 0 -92px;}
.clients_nav a:hover.active{ background-position: 0 -46px;}

.clients_nav a span{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#shell{
	width: 930px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	background: url(../img/stripes_bg.gif) top left repeat-y;
}

* html #shell{ height: 100%;}

#content{
	padding-bottom: 70px;
	width: 890px;
	margin: 0 auto;
	background: #fff;
}

div.slim_left_col{
	width: 220px;
	margin-left: 90px;
	float: left;
	display: inline;
}

div.slim_col{
	width: 220px;
	float: left;
}

div.phase div.content{
	height: 300px;
	overflow: hidden;
}

div.col_contact{
	width: 490px;
	float: left;
	display: inline;
	margin-left: 50px;
}

div.employment{ margin-top: 27px;}

div.col_clients{
	width: 530px;
	float: left;
	display: inline;
	margin-left: 50px;
}

div.col_clients div.spec{
	width: 208px;
	height: 100px;
	background: #e5dab8;
	float: left;
	display: inline;
	padding: 20px 0px 0px 12px;
}

* html div.col_clients div.spec{
	width: 220px;
	height: 120px;
}

div.col_clients div.desc{
	width: 290px;
	height: 180px;
	background: #f1ebd7;
	float: left;
}

div.col_wide{
	width: 490px;
	float: left;
	margin: 0px 50px 0px 90px;
	display: inline;
}

div#pricing_phase, div.margin_slim_col{ margin-left: 50px;}

div#build_types{ margin-top: 36px;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 550px;
	height: 30px;
	background: #f1ebd7;
	line-height: 30px;
	font-size: 11px;
}

* html #footer{ 	/* for IE 6 */
	bottom: 5px;
}

#footer span{
	margin-left: 10px;
}

#footer div{
	position: absolute;
	right: 10px;
	top: 0px;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}

input{ 	background: #ecece7;}

textarea{ 	background: #ecece7;}

input#full_name, input#email, input#phone{ width: 180px;}

textarea#message{
	width: 490px;
	height: 93px;
}

#contact_us td p{
	margin: 0px 0px 10px 0px;
}

/* =Tables
-----------------------------------------------------------------------------*/

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

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

div.employment table{
	margin: 0px;
	padding: 0px;
}

table.map{
	margin: 7px 0 30px 0;
}
/* =List
-----------------------------------------------------------------------------*/

ul.list_enum{
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.list_enum li{
	display: inline;
	/*color: #666152;
	font-weight: bold;*/
	color: #333;

}

ul.list_enum li div{
	/*padding: 15px 0px 0px 0px;*/
	float: left;
	width: 130px;
	display: inline;
}

ul.list_enum li div.wider{ width: 140px;}

ul.list_enum li div.last{
	width: 90px;
}

ul.list_images{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.list_images li{
	display: inline;
	color: #666;
	font-size: 10px;
}

ul.list_images li div{
	padding: 0px;
	float: left;
	display: inline;
	width: 130px;
}

ul.list_images li div.wider{ width: 140px;}

ul.list_images li div.last{	width: 90px;}

ul.list_images li img{
	border: 1px solid #9d1700;
}

ul.list_images li a{
	font-size: 12px;
}

ul.bg_bullets{
	margin: 0px;
	padding: 15px 0px 7px 0px;
	list-style-type: none;
}

ul#pre_bottom_list{
	padding-top: 5px;
}

ul.bg_bullets li{
	line-height: 20px;
	background: url(../img/yellow_bullet.gif) 0px 7px no-repeat;
	padding-left: 8px;
}

div#testimonials_txt{ height: 74px;}

div#testimonials_img{ height: 150px;}


/* =Home page
-----------------------------------------------------------------------------*/

/* Addition of top100 class, June 3 2008*/
#top100{
	margin-left:0px;
	margin-top:312px;
	width:295px;
	height:109px;
}

/* Addition of top100 a setting, June 3 2008*/
#top100 a {
	padding:0;
	margin:0;
	position:relative;
}
	
#header_long{
	height: 182px;
	width: 910px;
	background: #fff;
	position: relative;
}

#home div.left_col{
	/*border-top: 4px solid #810005;*/
	width: 350px;
	/* June 3, changed height from 422px */
	height: 312px;
	/* June 3, added margin-bottom */
	margin-bottom:15px;
	margin-right: 8px;
	/*margin-top: 27px;*/
	background: url(../img/home_greeting.gif) top left no-repeat;
	color: #ffffff;
	font-size: 14px;
	position: relative;
	float: left;
	display: inline;
}
/* June 3, changed this to apply only to lnk_learn_more */
#home div.left_col a#lnk_learn_more{ 
	/*margin-left: 40px;*/
	position: absolute;
	top: 250px;
	left: 40px;
}

#home div.left_col p{
	font: 14px/22px Georgia, "Times New Roman", Times, serif;
	padding-left: 40px;
}

# html #home div.left_col{	/* for IE 6 */
	width: 350px;
}

#home div.left_col h1.greeting{
	border: 0px;
	font-size: 24px;
	line-height: 28px;
	margin: 0px;
	color: #fff;
	padding: 34px 0px 10px 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
		
#home div.quote{
	width: 330px;
	height: 120px;
	background: #f1ebd7;
	position: relative;
	top: 25px;
	left: 20px;
	color: #4a4a30;
	font-size: 13px;
	font-style: italic;
}

#home div.quote p{
	padding: 15px 18px;
	margin: 0px;
	font: 13px/20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#home div.right_col{
	float: right;
	width: 530px;
	position: relative;
	top: -26px;
}

#home div#flashcontent{
	width: 530px;
	height: 470px;
	background: #f1ebd7;
	margin-bottom: 21px;
}

#home div.testimonials{
	width: 249px;
}

#home div.promises{
	float: right;
	width: 250px;
}

#home h2.title{
	font: 14px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #810005;
	color: #666152;
	line-height: 30px;
	padding-bottom: 5px;
}

#home p{
	margin: 10px 0;
}

/* =Misc 1
-----------------------------------------------------------------------------*/

.solid_bg{
	background: #f9f4ee;
}

.solid_bg_border{
	background: #f9f4ee;
	border-bottom: 1px solid #891a1c;
}

img.border{
	border: #a31c12 1px solid;
}

.no_bottom{
	margin-bottom: 0px !important;
}

.no_top{
	margin-top: 0px !important;
}

.sup_no{ padding-bottom: 10px;}

.sup_num{padding-bottom: 5px;}
/* =Misc 2
-----------------------------------------------------------------------------*/

div.phase p{
	margin: 0px;
	padding: 10px 0px;
}

div.widest_col{
	width: 760px;
	margin-left: 90px;
}

div#our_promise div.solid_bg_border{
	/*padding: 10px 0px 13px 0px;*/
	height: 53px;
}

/*div.bio{ min-height: 106px;}

* html div.bio{ height: 106px;}

div.bio img{
 float: left;
 padding-right: 10px;
}*/