/*
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;
}

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

#page_wrapper{
	position:absolute;
	top:80px;
}
#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;
}
#right_header{
	height:70px;
	width:800px;
	/*position:fixed;*/
	float:left;
	margin-left:240px;
	background-color:#FFF;
	z-index:2;
}
#header_menu{
	position:relative;
	left:108px;
	top:-50px;	
	width:700px;
	background-color:#FFF;
	z-index:2;
}
#header_menu ul li{
	display:inline;
	font-variant:small-caps;
	letter-spacing:2px;
	font-size:9pt;
}
#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-variant:small-caps;
	font-weight:bold;
	font-size:11pt;
	color:#888;
	padding-left:10px;
}

#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;
	font-family:Times Roman;
	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_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;
}
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_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:220px;
	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:515px;
	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{
	
}
