/*
WRAPPER STYLES (SEC01)
HEADER STYLES (SEC02)
FONT STYLES (SEC03)
LEFT COLUMN STYLES (SEC04)
INDEX PAGE STYLES (SEC05)
CONTACT STORY STYLES (SEC06)
CONTRACTOR DISPLAY STYLES (SEC07)
VIDEO PAGE STYLES (SEC08)
GALLERY PAGES (SEC09)
TESTIMONIAL PAGES (SEC10)
PROFILE PAGES (SEC11)
MYACCOUNT PAGE (SEC12)
HOT JOBS STYLES (SEC13)

*/

/* WRAPPER STYLES (SEC01)*/
body{
	font-family: arial;
	background-color:#FFF;
	margin: 0;
	padding: 0;
}

#full_wrapper{
	width:997px;
	margin:0 auto;
	position:relative;
}
#header_wrapper{
	width:1007px;
	height:70px;
	/*position:fixed;*/
	padding-top:15px;
	background-color:#FFF;
	z-index:1;
}

#page_wrapper{
	position:absolute;
	top:90px;
}
#main_column{
	position:absolute;
	left:180px;
	top:-20px;
	background-color:#FFF;
	width:817px;
}
#form_wrapper{
	float:left;
	width:600px;
}
.page_padder{
	padding-left:10px;
}
/*HEADER STYLES (SEC02)*/

#left_header{
	height:70px;
	width:250px;
	background:url(../img/logos/BB_logo_small.jpg) no-repeat;
	background-color:#FFF;
	/*position:fixed;*/
	cursor:pointer;
	z-index:2;
	float:left;
}
#right_headers{
	height:70px;
	width:800px;
	/*position:fixed;*/
	float:left;
	
	background:none;
	z-index:2;
}
#header_menu{
	/*position:relative;
	left:158px;
	top:-50px;*/
	margin:53px -5px 0 0;
	width:730px;
	float: right;
	background:none;
	position:relative;
	z-index:2;
}

#header_menu ul{
	margin: 0;
	padding: 0;
}
#header_menu ul li{
	display:inline;
	font-variant:small-caps;
	letter-spacing:2px;
	font-size:9pt;
	border-right: 1px solid #333;
	width: 120px;
	display: block;
	float: left;
	text-align: center;
}
#header_menu a{
	text-decoration:none;
	font-weight:bold;
	color:#555;
}
#header_menu a:hover{
	color:#000;
	font-weight:bold;
}

/*FONT STYLES (SEC03)*/
.hot{
	color:#FF5555;
	font-weight:bold;
	font-size:125%;
}
.warning{
	color:#FF3333;
	font-weight:bold;
}
.message{
	color:#5588FF;
	font-weight:bold;
}
.r1{
	background-color:#BBB;
}
.r2{
	background-color:#EEE;
}
/*LEFT COLUMN STYLES (SEC04)*/
#left_column{
	width:180px;
	background-color:#DDD;
	/*padding-left:20px;*/
	padding-top:5px;
	
	/*position:fixed;*/
}
#left_top_block{
	font-weight:bold;
	font-size:11pt;
	color:#888;
	padding-left:10px;
}

#left_top_block h2{
	display: inline;
}

#login_block, #left_request_form{
	font-weight:bold;
	font-size:7pt;
	padding-left:10px;
}
#left_column h4{
	font-variant:small-caps;
	font-size:10pt;
	letter-spacing:1px;
	padding: 0 0 10px 0;
	line-height:5px;
}
#login_block a{
	color:#000;
	text-decoration:none;
}
#login_block a:hover{
	color:#555;
	text-decoration:underline;
}


#registration{
	margin-left:40px;
}
#registration a{
	color:#000;
	text-decoration:none;
}
#registration a:hover{
	color:#555;
	text-decoration:underline;
}
#pword{
	margin-left:20px;
}
#pword a{
	color:#000;
	text-decoration:none;
}
#pword a:hover{
	color:#555;
	text-decoration:underline;
}
#left_menu{
	font-weight:bold;
	font-variant:small-caps;
	font-size:12pt;
	padding-left:20px;
}
#left_menu ul li{
	list-style-type:none;
	margin-left:-40px; 
}
#left_menu a{
	color:#888;
	text-decoration:none;
}
#left_menu a:hover{
	color:#000;
	text-decoration:underline;
}
#left_menu a img{
	border:2px #DDD solid;
}
#left_menu a:hover img{
	border:2px #FFF inset;
}

#left_sub_menu{
	position:absolute;
	background-color:#FFF;
	font-variant:small-caps;
	font-size:8pt;
	padding-left:11px;
	padding-right:12px;
	padding-top:3px;
	margin-top:5px;
	width:160px;
	margin-top:10px;
}
#left_sub_menu a{
	text-decoration:none;
	color:#555
}
#left_sub_menu a:hover{
	color:#000;
}
/*INDEX PAGE STYLES (SEC05)*/
#contractor_display{
	background:#FFF;
	width:807px;
	height:339px;
	cursor:pointer;
	margin-top:20px;
}
#contractor_display img{
	border:0px;
}
#index_horizontal_menu{
	position:absolute;
	margin-top:5px;
}

#index_horizontal_menu a{
	text-decoration: none;
}
#index_horizontal_menu_item{
	width:268px;
	height:48px;
	background-color:yellow;
	float:left;
	background:url('../img/backgrounds/index_menu_black.png');
	line-height:38px;
	text-align:center;
	color:#FFF;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14pt;
}
a #index_horizontal_menu_item {
	text-decoration:none;
}
#bottom_bar{
	/*position:relative; 
	top:48px;*/
	float:left;
}
#about_us_block{
	width:403px;
	float:left;
	margin-top:53px;
}

#about_us_block a{
	text-decoration: none;
}
a #about_us_block_header{
	text-decoration:none;
}
#about_us_block_header{
	background:url('../img/backgrounds/silver_strip.png') no-repeat;
	height:45px;
	margin-left:10px;
	line-height:35px;
	color:#FFF;
	font-variant:small-caps;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}
#about_us_content{
	width:383px;
	padding-left:10px;
	padding-right:5px;
}
#about_us_content a{
	font-variant:small-caps;
	font-weight:bold;
	font-size:10pt;
	color:#555;
	text-decoration:none;
}
#about_us_content a:hover{
	font-variant:small-caps;
	font-size:11pt;
	color:#000;
	text-decoration:none;
}
#index_vertical_menu{
	float:left;
	width:388px;
	margin-top:53px;
	margin-left:5px;
}

#index_vertical_menu a{
	text-decoration: none;
}
#index_vertical_menu_item{
	height:45px;
	width:100%;
	background:url('../img/backgrounds/silver_strip.png') no-repeat;
	line-height:35px;
	color:#FFF;
	font-variant:small-caps;
	font-size:14pt;
	font-weight:bold;
	padding-left:10px;
}
a #index_vertical_menu_item{
	text-decoration:none;
	
}
#sponsor_logos{
	width:403px;
	height:100px;
	/*background-color:pink;*/
}
#sponsor_logos img{
	border:0px;
}

/*CONTACT STORY STYLES (SEC06)*/
#contact_story_intro_image, #contact_story_body_image{
	width:800px;
	float:left;
	text-align:center;
	padding:10px;
}
#contact_story_intro_image img, #contact_story_body_image img{
	padding:4px;
	background-color:#E2E2E2;
}
#contact_story_body_image img{
	margin-bottom:5px;
}
#contact_story_intro_text, #contact_story_body_text{
	float:left;
	width:800px;
	padding-left:5px;
	padding-top:20px;
}
#contact_story_intro_no_image, #contact_story_body_no_image{
	float:left;
	width:800px;
	padding-left:5px;
	padding-top:20px;
}

#contact_story_wrapper h1{
	margin-left:10px;
}
#contact_story_image_box{
	width:265px;
	text-align:center;
	float:left;
}
#contact_story_image_box img{
	padding:5px;
	background-color:#E2E2E2;
}
#mailform{
	float:left;
	padding-left:10px;
	margin-top:20px;
	width:400px;
	height:300px;
}
#mailform textarea{
	border:2px inset #777;
	width:330px;
	height:200px;
}
#mailform th{
	text-align:left;
	width:142px;
}
#mailform td{
	text-align:center;
	width:190px;
}
#mailform input[type="text"]{
	border:2px inset #777;
	width:180px;
}
#message_block{
	width:100%;
	float:left;
	margin-top:20px;
}
#contractor_box_job{
	width:285px;
	float:left;
	margin-top:20px;
	height:300px;
}
.contractor_image{
	float:left;
	padding-top:20px;
	padding-left:20px;
}
.contractor_image img{
	padding:5px;
	background-color:#DDD;
}
.contractor_blurb{
	padding-top:20px;
	line-height:20px;
	float:left;
	padding-left:20px;
}
.contractor_wrapper{
	float:left;
	width:385px;
	margin-top:30px;
}
/*CONTRACTOR DISPLAY STYLES (SEC07)*/

.contractor_display{
	width:800px;
	float:left;
	padding-left:0px;
	border-bottom:3px #FFF solid;
	margin-top:20px;
	margin-left:-10px;
}
.mugshot{
	width:160px;
	text-align:center;
	float:left;
	margin-top:10px;
}
.mugshot img{
	padding:5px;
	background-color:#5F5F5F;
	margin:5px;
}
.contractor_name{
	float:left;
	line-height:150px;
	width:150px;
}
.contractor_skills{
	height:80px;
	float:left;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	width:150px;
}
.contractor_location{
	line-height:150px;
	width:175px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.contractor_action{
	padding-top:45px;
	width:100px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
#contractor_filter_form{
	border:2px outset #333;
	position:fixed;
	top:140px;
	margin-left:0px;
	width:176px;
	font-size:8pt;
	height:160px;
	background-color:#EFEFEF;
	padding-top:10px;
	text-align:center;
	font-weight:bold;
	z-index:12;
}
#contractor_filter_form select{
	font-size:8pt;
}
.contractor_display a{
	text-decoration:none;
	color:#000;
}
.contractor_display a:hover{
	text-decoration:underline;

}
#contractor_detail{
	width:380px;
	border:2px #DDD inset;
	background-color:#DDD;
}
#contractor_box{
	border:2px #DDD inset;
	width:450px;
}
.detail_heading{
	font-weight:bold;
}

/*VIDEO PAGE STYLES (SEC08)*/
#flash_wrapper{
	width:400px;
	margin-top:30px;
	margin-bottom:10px;
	float:right;
}
#video_blurb{
	width:400px;
	float:left;
}
#video_contact_form{
	float:left;
}
/*GALLERY PAGES (SEC09)*/
#gallery_blurb{
	float:left;
	width:800px;
}

.gallery_picture{
	float:left;
	width:260px;
	padding-bottom:5px;
}

.gallery_intro{
	float:left;
	width:490px;
	padding-left:20px;
}
.gallery_intro a{
	text-decoration:none;
	color:#000;
}
.gallery_intro a:hover{
	text-decoration:underline;
	color:#555;
}
.gallery_picture img{
	padding:5px;
	background-color:#DDD;
	border:none;
}
.gallery_image_display{
	padding:5px;
	float:left;
	margin-left:200px;
	width:590px;
	height:590px;
	text-align:center;
	
}
.gallery_image_display img{
	position:relative;
	top:50%;
	padding:5px;
	background-color:#DDD;
	border:0px;
}

/*TESTIMONIAL PAGES (SEC10)*/

.testimonial_box{
	width:780px;
	padding:10px;
	border-bottom:2px #DDD inset;
}
.testimonial_contents{
}
.testimonial_details{
	font-variant:small-caps;
	font-size:9pt;
	padding-left:250px;
	padding-top:5px;
}

/*PROFILE PAGES (SEC11)*/

#skill_directory{
	width:800px;
}
.skill_block{
	width:33%;
	font-size:9pt;
	background-color:#DDD;
	padding-left:5px;
}
.skill_heading{
	font-weight:bold;
	color:#000;
	padding-left:30px;
	font-size:10pt;
}
.skill_block a{
	color:#000;
	margin-left:5px;
}
.skill_block a:hover{
	color:#888;
	margin-left:5px;
}

/*MYACCOUNT PAGE (SEC12)*/

.myaccount_details{
	background-color:#DDD;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border:2px inset #555;
}
.myaccount_actions{
	padding-left:10px;
	background-color:#DDD;
	padding-bottom:10px;
	padding-top:1px;
	border:2px inset #555;
}

.myaccount_job_history{
	background-color:#DDD;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:1px;
	border:2px inset #555;
}
.myaccount_actions a, .myaccount_job_history a{
	color:#000;
	font-variant:small-caps;
	font-size:10pt;
	text-decoration:none;
}
.myaccount_actions a:hover, .myaccount_job_history a:hover{
	color:#555;
	font-variant:small-caps;
	font-size:10pt;
	text-decoration:underline;
}

/* HOT JOBS STYLES (SEC13)*/

#job_holder{
	border:2px inset #555;
	background-color:#DDD;
	padding-left:10px;
	margin-top:20px;

}
.even_display_row td {
	background-color: #EFEFEF;
}

.odd_display_row td {
	background-color: #DEDEDE;
}
#employment_form{
	margin-top:20px;
}
#job_holder td{
	
}