html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%}strong{font-weight: bold;}em{font-style:italic;}
/*#############
BRS Photography
##############*/
body {background: url(/bg.jpg) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif;}
.section {width: 830px; margin: 0 auto;}
.section0 {width: 830px; margin: 0 auto;}
.section1 {width: 830px; margin: 0 auto;}
.section2 {width: 830px; margin: 0 auto;}
.section3 {width: 830px; margin: 0 auto;}
.section9 {width: 970px; margin: 0 auto;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
#header .section {height:250px; position: relative;}
#header h2 {position: absolute; width:260px; top: 25px; left:-80px;}
#header h2 a:link, #header h2 a:visited {display: block; height: 130px; background: url(/logo.png) no-repeat 0 0; text-indent: -9999px;}
#header h2 a:hover, #header h2 a:active {background-position: 0 -130px}
#nav ul {position: absolute; top:100px; right:0;}
#nav ul li {display:inline;}
#nav li a:link, #nav li a:visited {display:block; height: 35px; line-height:35px; float:left; font-size:14px; text-decoration: none; color: #fff; background:url(/prime.png) no-repeat 0 0; text-indent: -9999px;}
#nav .section_list .nav_home {width:165px; background-position: 0 -35px;}
#nav .section_list .nav_about {width:115px; background-position: -165px -35px;}
#nav .section_list .nav_projects {width:170px; background-position: -280px -35px;}
#nav .section_list .nav_home:hover,
#nav .section_list .nav_home.active {background-position: 0 0;}
#nav .section_list .nav_about:hover,
#nav .section_list .nav_about.active {background-position: -165px 0;}
#nav .section_list .nav_projects:hover,
#nav .section_list .nav_projects.active {background-position: -280px 0;}
#nav2 ul {position: absolute; top:-8px; right:0;}
#nav2 ul li {display:inline;}
#nav2 li a:link, #nav2 li a:visited {display:block; height: 23px; line-height:23px; float:left; margin-left:20px;font-size:14px; text-decoration: none; color: #fff; background:url(/sub.png) no-repeat 0 0; text-indent: -9999px;}
#nav2 .section_list .nav2_services {width:115px; background-position: 0 -23px;}
#nav2 .section_list .nav2_community {width:145px; background-position: -130px -23px;}
#nav2 .section_list .nav2_team {width:60px; background-position: -300px -23px;}
#nav2 .section_list .nav2_contact {width:125px; background-position: -380px -23px;}
#nav2 .section_list .nav2_planroom {width:145px; background-position: -525px -23px;}
#nav2 .section_list .nav2_services:hover,
#nav2 .section_list .nav2_services.active {background-position: 0 0;}
#nav2 .section_list .nav2_community:hover,
#nav2 .section_list .nav2_community.active {background-position: -130px 0;}
#nav2 .section_list .nav2_team:hover,
#nav2 .section_list .nav2_team.active {background-position: -300px 0;}
#nav2 .section_list .nav2_contact:hover,
#nav2 .section_list .nav2_contact.active {background-position: -380px 0;}
#nav2 .section_list .nav2_planroom:hover,
#nav2 .section_list .nav2_planroom.active {background-position: -525px 0;}
#promo {
position: relative;
left:24px;
height: 309px;
top: 22px;
}
#content {background: url(bg2.jpg) #bfbfbf repeat-x;}
#content .section {position: relative; top: -60px; background: url(/content.png) no-repeat; padding-bottom:170px; }
#content .section0 {position: relative; top: -60px; background: url(/content0.png) no-repeat; padding-bottom:170px; }
#content .section1 {position: relative; top: -60px; background: url(/content1.png) no-repeat; padding-bottom:170px; }
#content .section2 {position: relative; top: -60px; background: url(/content2.png) no-repeat; padding-bottom:170px; }
#content .section3 {position: relative; top: -60px; background: url(/content3.png) no-repeat; padding-bottom:170px; }
#content .section9 {position: relative; top: -60px; background: url(/content9.png) no-repeat; padding-bottom:170px; }
#shadow {width:1071px; height:652px; position: absolute; top:200px; background: url(/shadow.png) no-repeat; z-index: -1;}
#main1 {float: left; width:720px; position: relative; top: 95px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; color:#444444; padding-left: 60px; font-size:12px;font-stretch:expanded;line-height:1.5em;}
#main_about {float: left; width:720px; position: relative; top: 95px; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px;font-stretch:expanded;line-height:1.5em; color: #444444; padding-left: 60px;}
#main2, main2 ul { list-style:none; padding-top: 110px; }
#main2, #main2 * {padding-left: 5px; margin: 0; font-size:16px; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
#main2 li.head1 { width: 180px; line-height: 20px; float: left; margin-left: 55px; text-align: left; }
#main2 li.head1 a { display: block; padding: 5px; }
/*dropdown menu */
#main2 li.head1 ul { position: absolute; display: none; text-align: left; }
#main2 li.head1:hover ul {display: block; background:url(tab1.png); width: 174px; height: 96px;}
#main2 li.head1 ul li a { color: #777; padding: 5px; height: 17px; }
#main2 li.head1 ul li a:hover { color: #000;}
#main2 li.head2 { width: 260px; line-height: 20px; float: left; margin-left: 30px; text-align: left; }
#main2 li.head2 a { display: block; padding: 5px; }
/*dropdown menu */
#main2 li.head2 ul { position: absolute; display: none; text-align: left; }
#main2 li.head2:hover ul {display: block; background:url(tab2.png); width: 273px; height: 96px;}
#main2 li.head2 ul li a { color: #777; padding: 5px; height: 17px; }
#main2 li.head2 ul li a:hover { color: #000;}
#main2 li.head3 { width: 150px; line-height: 20px; float: left; margin-left: 40px; text-align: left; }
#main2 li.head3 a { display: block; padding: 5px; }
/*dropdown menu */
#main2 li.head3 ul { position: absolute; display: none; text-align: left; }
#main2 li.head3:hover ul {display: block; background:url(tab3.png); width: 190px; height: 96px;}
#main2 li.head3 ul li a { color: #777; padding: 5px 0; height: 17px; }
#main2 li.head3 ul li a:hover { color: #000;}
#main3 {float: left; width:400px; padding-left: 60px; padding-right: 20px; position: relative; top: 95px; Arial, Helvetica, sans-serif; font-size: 12px; color: #444; font-stretch:expanded;line-height:1.5em; }
#main3 p {color: #555; font-size:46px; line-height:1.7em;}
#main3 p a:link, #main3 p a:visited {color: #014364; border-bottom: 1px dotted #014364; text-decoration: none;}
#main3 p a:hover, #main3 p a:active {color: #fff; background: #014364; border-bottom:1px solid #fff;}
#main {float: center; width:300px; height: 50px; position: relative; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; text-indent:-9999px; background: url(/db.png); left: 250px; top: 75px; }
#list {float: left; width:260px; padding-left: 40px; margin-left: 10px; border-left: 1px dotted #777; position: relative; top: 95px; font-family: Arial, Helvetica, sans-serif; color:#444444; font-size: 12px;line-height:1.5em;}
#services {float: center; width:300px; height: 50px; position: relative; text-indent:-9999px; background: url(/serv.png) no-repeat; left: 315px; top: 55px;}
#community {float: center; width:300px; height: 50px; position: relative; text-indent:-9999px; background: url(/comm.png) no-repeat; left: 280px; top: 55px;}
#team {float: center; width:300px; height: 50px; position: relative; text-indent:-9999px; background: url(/tm.png) no-repeat; left: 280px; top: 55px;}
#contact {float: center; width:245px; height: 50px; position: relative; text-indent:-9999px; background: url(/cont.png) no-repeat; left: 275px; top: 55px;}
#about {float: center; width:190px; height: 50px; position: relative; text-indent:-9999px; background: url(/abt.png) no-repeat; left: 300px; top: 55px;}
#projects {float: center; width:190px; height: 50px; position: relative; text-indent:-9999px; background: url(/pro.png) no-repeat; left: 300px; top: 55px;}
#started {float: center; width:290px; height: 50px; position: relative; text-indent:-9999px; background: url(/hws.png) no-repeat; left: 280px; top: 55px;}
#grew {float: center; width:250px; height: 50px; position: relative; text-indent:-9999px; background: url(/hwg.png) no-repeat; left: 280px; top: 55px;}
#now {float: center; width:350px; height: 50px; position: relative; text-indent:-9999px; background: url(/wwar.png) no-repeat; left: 250px; top: 55px;}
#kaw {float: center; width:230px; height: 50px; position: relative; text-indent:-9999px; background: url(/kv.png) no-repeat; left: 300px; top: 55px;}
#lead {float: center; width:230px; height: 50px; position: relative; text-indent:-9999px; background: url(/ldsp.png) no-repeat; left: 280px; top: 55px;}
#coast {float: center; width:325px; height: 50px; position: relative; text-indent:-9999px; background: url(/ctc.png) no-repeat; left: 250px; top: 55px;}
#trans {float: center; width:400px; height: 50px; position: relative; text-indent:-9999px; background: url(/trans2.png) no-repeat; left: 250px; top: 55px;}
#retail {float: center; width:110px; height: 50px; position: relative; text-indent:-9999px; background: url(/ret.png) no-repeat; left: 380px; top: 55px;}
#commercial {float: center; width:250px; height: 50px; position: relative; text-indent:-9999px; background: url(/cmc.png) no-repeat; left: 300px; top: 55px;}
.bio {margin: 0 0 27px 0; border-bottom: 1px solid #ddd; padding-bottom: 27px;}
.bio h2 {font-size:16px; color: #144761; font-style: italic; margin: 0 0 10px 0; width: 340px; font-weight: bold;}
.bio p {width:340px;}
#main #support_staff {font-size:24px; font-weight: normal; padding: 25px 0 20px 0;}
.case {margin: 0 0 15px 0; border-bottom: 1px solid #ddd; padding-bottom:15px;}
.case h3 {margin:0;}
.case p {margin:0;}
.col_1 {width:140px; margin-right:20px;}
.col_2 {width:830px; margin-right:20px;}
.col_3 {width:350px; margin-right:20px;}
#footer-wrap {background: #3a4450 url(/footer.jpg)repeat-x 0 0; clear:both; width:100%;}
#footer { position: relative; height:200px;}
#footer h4 { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #000; color: #fff; margin: 0 0 20px 0;}
#footer h6 { text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #777;}
#footer ul li a:link,#footer ul li a:visited {color:#fff; font-size:12px; text-shadow: 0 1px 0 #000; text-decoration: none; display: block; padding: 5px 2px 6px 2px;}
#footer ul li a:hover {color: #777; text-decoration:underline; text-shadow: none;}
#footer ul li a:active {position: relative; top:1px; left:0; color: #333;}
#footer_col_a {position: absolute; top:50px; left:100px;}
#footer_col_b {position: absolute; top:50px; left: 250px;}
#footer_col_c {position: absolute; top:50px; left: 400px;}
#footer_col_d {position: absolute; top:160px;}
#footer_col_e {position: absolute; top:160px; left: 475px; text-align: right; padding: 0 0 0 0;}
/* IE FIXES */
#header h2 {_position:absolute; _background: url(/logo.png) no-repeat 0 0; _top: 22px; _left:0;}
#promo ul {_position: absolute; _top:0; _right:35px;}
#shadow {_display:none;}
.p_area .left, .p_area .right {_float:none; _position:static;}