@charset "UTF-8";

 * { 
	margin:0;
	padding:0;
}

body {
	background-color: #F6F1ED;
}

#container {
	height: 725px;
	width: 932px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}#top_cap {
	background-image: url(images/top_cap.gif);
	background-repeat: no-repeat;
	height: 206px;
	width: 932px;
}
#midsection {
	background-image: url(images/body.gif);
	background-repeat: no-repeat;
	height: 490px;
	width: 932px;
}

#logo {
	float: left;
	height: 206px;
	width: 299px;
	background-image: url(images/BJTO_logo_rev.gif);
	background-repeat: no-repeat;
}
#topcap_right {
	float: right;
	height: 206px;
	width: 633px;
}
#hp_spacer_top {
	background-image: url(images/homepage_spacer_top.gif);
	background-repeat: no-repeat;
	height: 48px;
	width: 631px;
}

#follow {
	background-repeat: no-repeat;
	height: 68px;
	width: 596px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(images/tagline_survey.gif);
	padding-left: 35px;
}
#follow a {
	color: #EA9919;
	text-decoration: none;
}
#follow a:hover {
	text-decoration: underline;
}


#tagline {
	background-repeat: no-repeat;
	height: 68px;
	width: 631px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(images/tagline_survey.gif);
}
#tagline a {
	color: #EA9919;
	text-decoration: none;
}
#tagline a:hover {
	text-decoration: underline;
}
#navigation {
	height: 90px;
	width: 631px;
	background-image: url(images/navbar_area.gif);
	background-repeat: no-repeat;
}

#navigation .navbar {
	height: 33px;
	width: 575px;
	margin-left: 32px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	text-decoration: none;
	display: inline;
	float: left;
	height: 33px;
}
#navigation .home_nav a{
	height: 33px;
	width: 65px;
	background-image: url(images/navbar_home.gif);
	background-repeat: no-repeat;
}

#navigation .home_nav a:hover{
	height: 33px;
	width: 65px;
	background-image: url(images/navbar_home_f2.gif);
	background-repeat: no-repeat;
}
#navigation .bjto_diff a{
	height: 33px;
	width: 142px;
	background-image: url(images/navbar_BJTO_diff.gif);
	background-repeat: no-repeat;
}

#navigation .bjto_diff a:hover{
	height: 33px;
	width: 142px;
	background-image: url(images/navbar_BJTO_diff_f2.gif);
	background-repeat: no-repeat;
}

#navigation .before_after a{
	height: 33px;
	width: 105px;
	background-image: url(images/navbar_before.gif);
	background-repeat: no-repeat;
}

#navigation .before_after a:hover{
	height: 33px;
	width: 105px;
	background-image: url(images/navbar_before_f2.gif);
	background-repeat: no-repeat;
}

#navigation ul .recent a {
	background-image: url(images/navbar_recent.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 114px;
}

#navigation ul .recent a:hover {
	background-image: url(images/recent_projects_f2.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 114px;
}

#navigation ul .news a {
	background-image: url(images/navbar_news.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 57px;
}
#navigation ul .news a:hover {
	background-image: url(images/navbar_news_f2.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 57px;
}

#navigation ul .meet_us a {
	background-image: url(images/navbar_meetus.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 75px;
}

#navigation ul .meet_us a:hover {
	background-image: url(images/navbar_meetus_f2.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 75px;
}



#navigation ul .portfolio a {
	background-image: url(images/portfolio.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 87px;
}
#navigation ul .portfolio a:hover {
	background-image: url(images/portfolio_f2.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 87px;
}
#navigation ul .contact a {
	background-image: url(images/contact_us.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 101px;
}
#navigation ul .contact a:hover {
	background-image: url(images/contact_us_f2.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 101px;
}

#navigation li {float: left;}

#navigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#content {
	height: 450px;
	width: 932px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
}
#content a {
	color: #CC6600;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content_left {
	float: left;
	height: 472px;
	width: 292px;
}
#content_left_text {
	margin-right: 20px;
	margin-left: 35px;
	margin-top: 35px;
}
#content_right_photos {
	height: 430px;
	width: 590px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 35px;
}
#content_right {
	height: 472px;
	width: 640px;
	float: right;
}
#content_main {
	height: 450px;
	width: 900px;
	clear: both;
	float: none;
	padding-top: 10px;
}
#content_main img {
	border: none;
}
#footer {
	clear: both;
	float: none;
	margin-left: 30px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	color: #EB9B1E;
	font-size: 12px;
}
#footer a {
	color: #D17920;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer p {
	font-weight: normal;
	color: #CC6600;
}

#content_popup {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	width: 265px;
	padding-left: 10px;
}
#portfolio_frame {
	height: 455px;
	width: 932px;
}
#portfolio {
	height: 450px;
	width: 875px;
	margin-left: 30px;
}
.style1 {
	color: #D17519;
	font-weight: bold;
}

.style3 {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	color: #CC6600;
	font-size: 16px;
	font-weight: bold;
}

#bottom {
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 932px;
}