html {
	height: 100%;
	width: 100%;
	margin-bottom: 0px;
}

body {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
    text-align: center; 
}

a{ outline:none;}

a.img
{
    border: 0px;
}

#mainContent{
	margin: 40 auto;
}

#header{
	background-image: url(../images/JBP_BG_header.jpg);
	background-repeat: no-repeat;
	width: 885px;
	height: 126px;
	padding-bottom: 5px;
}

#logo{
	padding: 19px 0px 0px 34px;
}

#nav{
	position:relative;
 	top:80px;
 	left:70px;
}

#nav a{
	color: #95C7BA;
	font-family: Arial;
	font-size: 12.5px;
	padding: 7px 20px 22px 20px;
	text-decoration: none;
}

#nav a:hover{
	color: #494A48;
	background-color: #E5E6CF;
}

#client_access_link{
	float: right;
	
	padding: 35px 5px 0px 0px;
}

#client_access_link a{
	padding: 4px 4px 4px 4px;
	background-color: #e5e6cf;
	color: #95C7BA;
	font-family: Arial;
	font-size: 12.5px;
	text-decoration: none;
}

#client_access_link a:hover{
	color: #494A48;
}

.nav_selected{
	color: #494A48;
	background-color: #E5E6CF;
}

#nav_ro{
	
	text-align: left;
	position:relative;
 	top:105px;
 	left:0px;
}

.nav_ro_div{
	display: none;
	width: 221px;
	color: #494A48;
	background-color: #E5E6CF;
	font-family: Arial;
	font-size: 12.5px;
	padding: 4px 0px 4px 8px;
	margin: 7px 0px 0px 650px;
}

#nav_ro_team{
}
#nav_ro_work{
}
#nav_ro_green{
}
#nav_ro_411{
}





#footer{
	background-image: url(../images/JBP_BG_footer.jpg);
	background-repeat: no-repeat;
	width: 885px;
	height: 93px;
	margin-top: 0px;	
}

#contact_nav{
	float:right;
	text-align:left;
	padding: 20px 20px 0px 0px;
}

#contact_nav a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #BFC28A;
	text-decoration: none;	
	
	
}
#contact_nav a:hover{
	text-decoration: none;
	color: #666666;
}

#contact_nav h1{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #BFC28A;	
	line-height: .25em;
}

.subNav{
	background-image: url(../images/subnav_bg_03.jpg);
	background-repeat: no-repeat;
	position:relative;
	top: 0px;
	left: 40px;
}

.subNav a{
	color: #95C7bA;
	padding-left: 20px;
	padding-right: 15px;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
}

.subNav a:hover{
	color: #494A48;
}

.subNav h4{
	color: #494a48;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
}

#body{
	background-color: #F8F8F8;
	width: 875px;
}

.content{
	display: none;
	text-align: left;
	width: 875px;
	position:relative;
 	bottom:0px;
 	left:0px;
}


.subcontent{
	display: none;
	text-align: left;
	width: 885px;
	position:relative;
 	bottom:0px;
 	left:0px;

	
}

.subcontent_left{
	/*position:relative;
	top: 20px;
	left: 40px;*/
	float: left;
	width: 420px;
	margin: 30px 10px 0px 40px;
}

.subcontent_right{
	/*border: 1px solid #000000;
	position:relative;
	top: 0px;
	left: 440px;*/
	float: right;
	width: 400px;
	margin-top: 20px;
}

.subcontent_leftLanding{
/*position:relative;
top: 20px;*/
float: left;
width: 330px;
margin: 20px 0px 0px 40px;
}



.subcontent_rightLanding{
/*border: 1px solid #000000;
position:relative;
top: 0px;*/
float: right;
margin-top: 20px;
padding: 0px 0px 0px 0px;
}



.subcontent h1{
	color: #494a48;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-align: left;
	line-height: 1.25em;
}

.subcontent h2{
	color: #286076;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-align: left;	
	line-height: .25em;
	padding-left: 15px;
}

.subcontent h3{
	color: #286076;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: left;	
	line-height: .25em;
}
.subcontent h4{
	color: #494a48;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	line-height: 1.5em;
}
.subcontent h5{
	color: #286076;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}
.subcontent h6{
	color: #8a8c49;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: lighter;
	margin-bottom: 0px;
	
}

#landing_image_text{
	color: #BBBBBB;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: lighter;
	line-height: .75em;
	font-style: italic;
}

.text_h7{
	color: #BBBBBB;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: lighter;
	font-style: italic;
	line-height: .1em;
	
}
.greenlist {
	color: #8a8c49;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	
}

.subcontent a{
	color: #95c7ba;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
}
.subcontent a:hover{
	color: #286076;
}


#team_what{
	height: 380px;
}
#provide{
	background-image: url(../images/provide_bg_03.jpg);
	background-repeat: no-repeat;	
	padding: 1px 0px 0px 15px;
}

#landing{
	height: 410px;
	padding-top: 10px;
}


#landing_image{
width: 498px;
float: right;

}
#landing_blurb{
width: 335px;

}

#team_jenny{
	height: 380px;
}
#image_jenny{
	padding-top: 20px;
}
#work_clients{
	height: 750px;
}
#work_clients_content{
	float: left;
	margin: 20px 0px 0px 40px;
}
#work_photog_content{
	float: left;
	margin: 20px 0px 0px -140px;
	padding-left: 80px;
}
#work_int_loc_content{
	position: relative;
	padding-top: 40px;
}
#work_stateside_content{
	padding-top: 20px;
}
#work_behind{
	height: 271px;
}
#content_411{
	height: 300px;
}
#411_main{
	height: 600px;
}
#green_main{
	height: 790px;
}
#green_heading{
	position: absolute;
	top: 0px;
	left: 40px;
}
#green_left{
	padding: 15px 0px 0px 0px;

}
#green_right{
	margin-left: 45px;
	padding: 15px 0px 0px 20px;
	line-height: 1em;
}

#contact {
	margin-right: 75px;
}

#client_access{
	height: 200px;
}

#subcontent_client_access{
	padding-top: 40px;
	width: 875px;
	padding-left: 280px;
}

#work_portfolio{
	padding-top: 20px;
	height: 410px;
}

em{
	font-weight: bold;
}