body{
  margin-top:80px;
  text-align:center;
  font-family:"arial narrow", sans-serif;
  font-size:12px;
  background:#EEE;
  background:#fff url(../images/site-bg.gif) repeat-x;
}

body#pool
{
background:#14145E url(../images/site-bg.gif) repeat-x;
}

body#home{
  margin-top:120px;
  position:relative;
  background:#dddddd;
}

body#admin{
  background:#fff;
}

#squarelist{
background:transparent none repeat scroll 0% 50%;
left:-447px;
margin:10px 50%;
position:absolute;
width:900px;
}

.projectsquare{
background:#FFFFFF none repeat scroll 0%;
border-bottom:1px solid #888888;
border-right:1px solid #888888;
float:left;
height:155px;
margin:15px 14px;
width:151px;
position:relative;
}

.projectsquare img{
margin-left:1px;
margin-top:5px;
border:none;

}

.projectsquare a{
border:none;
}

.projectsquare p
{
background:transparent url(../images/square_caption_bg.png);
color:#FFFFFF;
font-family:arial;
font-size:11px;
left:6px;
padding:6px;
position:absolute;
text-align:left;
bottom:5px;
width:127px;
}

.projectsquare p span
{
font-weight:bold;
}

.projectsquare p.off
{
  display:none;
  left:-9999px;
}

.projectsquare p.on
{
 display:block;
}


#canvas{
  width:720px;
  margin: 0 auto;
  text-align:left;
}


#header{
  width:720px;
  height:42px;
  position:relative;
}

h1{
  width:168px;
  height:32px;
  background:url(../images/bca-logo.gif) no-repeat;
  position:absolute;
  top:0 px;
  left:0 px;
}

ul#mainmenu{
  position:absolute;
  bottom:8px;
  right:0px;
  color:#CCC;
}

ul#mainmenu li{
  display:inline;
  margin-left:5px;
  font-size:110%;
}

ul#mainmenu li a{
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  color:#14145E;
}

ul#mainmenu li a:hover{
  color:#8686AC;
}

#about2 #abouttab a,
#service #servicetab a,
#portfolio #portfoliotab a,
#press2 #presstab a,
#contact #contacttab a{
  color:#8686AC;
}

#service-temp
{
  width:715px;
  height:399px;
  position:absolute;
  top:32px;
  left:3px;
  background:#EDE19A url(../images/service-bg.jpg) no-repeat;
}

#contact #service-temp
{
   background:#EDE19A url(../images/contact-bg.jpg) no-repeat;
}

#about2 #service-temp
{
  background:#EDE19A url(../images/about-bg.jpg) no-repeat;
}

#press2 #service-temp
{
  background:#EDE19A url(../images/about-bg.jpg) no-repeat;
}

#service-temp ul
{
  height:300px;
left:10px;
position:absolute;
top:20px;
width:190px;
}

#service-temp ul  li
{
color: #14145E;
font-size:120%;
margin-bottom:10px;
}

#service-temp ul li a
{
  text-decoration:none;
  color:#14145E;
  font-weight:bold;
}

#service-temp ul li a:hover
{
  text-decoration:underline;
}

#service-content{
background:#FFF url(../images/service-content-bg.jpg) no-repeat;
color:#14145E;
height:349px;
left:200px;
margin:10px;
padding:15px;
position:absolute;
width:467px;
border:1px solid #14145E;
}

#about2 #service-content{
background:#FFF url(../images/about-content-bg.jpg) no-repeat;
}

#press2 #service-content{
background:#FFF url(../images/about-content-bg.jpg) no-repeat;
}

#contact #service-content{
background:#FFF url(../images/contact-content-bg.jpg) no-repeat;
}

#service-content h3{
  font-size:130%;
  font-weight:bold;
  text-transform:uppercase;
}

#service-content ul#presslist
{
width:100%;
position:relative;
top:0;
left:0;
}

#service-content ul#presslist li
{
color:#14145E;
font-size:115%;
margin-bottom:2px;
border:none;
}

#service-content ul#presslist li a
{
font-weight:normal;
}


#service-content p{
color:#08083A;
font-family:"arial";
font-size:97%;
line-height:1.5;
margin:4px 0pt;
}

#service-content div.graphic{
  border:1px solid #8686AC;
  float:left;
  margin-right:25px;
}

#service-content div.graphic_flash{
  border:1px solid #8686AC;
  margin-right:0px;
}


h1 span{
  display:none;
}

#s-main{
  width:721px;
  height:434px;
  border:2px solid #14145E;
  position:relative;
  background:#FFF;
}

/*HOME*/

#homestrip{
  width:100%;
  background:#FFF;
  height:184px;
  border-top:1px solid #14145E;
  border-bottom:1px solid #14145E;
}

#homestrip #inner{
  height:174px;
  margin:5px 0px;
  background:#14145E;
}

#intro{
  width:880px;
  height:174px;
  position:absolute;
  left:50%;
  top:206px;
  margin-left:-440px;
}

#home #mainmenu{
  width:400px;
  position:absolute;
  left:50%;
  margin-left:55px;
  top:-230px;
  color:#bbb;
}

#home #mainmenu a
{
  font-weight:bold;
  color:#14145E;
}

#home #mainmenu a:hover
{
  color:#666;
}

#home #featurelist{
  width:100%;
  height:140px;
}

#survey-link{
background:transparent url(../images/surveylink-bg.jpg) no-repeat scroll right top;
display:block;
height:44px;
left:-440px;
margin:0px 50%;
position:absolute;
top:-119px;
width:880px;  
}

#survey-link-ie{
display:none; 
}

#survey-link span{
display:none;
}

#home #featureinner{
  width:880px;
  left:-440px;
  margin-left:50%;
  position:absolute;
  text-align:left;
  top:220px;

}

#home .feature
{
  width:422px;
  float:left;
  margin-left:18px;
}

.feature h2{
  color:#14145E;
  border-bottom:2px solid #14145E;
  padding-bottom:1px;
  font-size:110%;
  font-weight:bold;
  text-transform:uppercase;
}

.feature img
{
  float:left;
  margin:6px;
  border:1px solid #14145E;
  margin-left:0px;
}

.feature p
{
  font-family:arial;
  font-size:90%;
  margin:6px;
}

.feature p.title
{
  text-transform:uppercase;
  color:#727292;
  font-weight:bold;
}

.feature a
{
  color:#C89F14;
}


#home #footer{
margin-top:10px;
color:#7D724F;
margin-left:-690px;
margin-top:-22px;
}

/*PORTFOLIO MENU*/

ul#project-list{
  width:715px;
  height:427px;
  margin-left:3px;
  margin-top:3px;
}

ul#project-list li{
  width:236px;
  height:140px;
  background-color:#F0D56C;
  background-image: url(../images/port-menu-off.jpg);
  background-repeat: no-repeat;
  margin-left:2px;
  margin-top:2px;
  float:left;

}

ul#project-list li.title{
  color:#FFF;
  font-size:150%;
  font-weight:bold;
  background-color:#8686AC;
  background-image: url(../images/port-title.jpg);
  text-align:center;
  padding-top:60px;
  height:80px;
  margin-left:2px;
  margin-top:2px;
  width:236px;

}

ul#project-list li.title a{
  font-size:80%;
  height:20px;
  position:absolute;
  top:121px;
}

ul#project-list li.title a:hover{
  background:transparent;
  text-decoration:underline;
}

ul#project-list li a{ 
  font-size:130%;
  font-weight:bold;
  width:235px;
  height:139px;
  display:block;
  color:#FFF;
  text-decoration:none;
  position:relative;

}

ul#project-list li a span{
  background:#C89F14;
  position:absolute;
  left:0px;
  bottom:0px;
  width:230px;
  height:20px;
  padding:3px;
  border-top:2px solid #FFF;
}

ul#project-list li a:hover span{
  background:#C89F14;
}


ul#project-list li a:hover{
  background-color:#C7C814;
  background-image: url(../images/port-menu-over.jpg);
  background-repeat: no-repeat;
}

ul#project-list li#single,ul#project-list li#single a{
  background-position: 0px 0px;
}

ul#project-list li#mixed, ul#project-list li#mixed a{
  background-position: -236px 0px;
}

ul#project-list li#hirise,ul#project-list li#hirise a{
  background-position: -472px 0px;
}

ul#project-list li#midrise,ul#project-list li#midrise a{
  background-position: 0px -140px;
}

ul#project-list li#lorise,ul#project-list li#lorise a{
  background-position: -236px -140px;
}

ul#project-list li#retail,ul#project-list li#retail a{
  background-position: -472px -140px;
}

ul#project-list li#urban,ul#project-list li#urban a{
  background-position: 0px -280px;
}

ul#project-list li#garage,ul#project-list li#garage a{
  background-position: -236px -280px;
}

ul#project-list li#marina,ul#project-list li#marina a{
  background-position: -472px -280px;
}

/*ABOUT TEXT*/



h2#about{
  position:absolute;
  top:3px;
  left:3px;
  width:134px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#8686AC;
  color:#FFF;
  font-size:120%;
  font-weight:bold;

}

#aboutdetail{
  width:570px;
  position:absolute;
  top:3px;
  right:3px;
}

#aboutdetail #content{
  width:558px;
  position:absolute;
  top:28px;
  right:0px;
  padding:6px;
  background:#EEE;
  height:388px;
}


#aboutdetail h3{
  position:absolute;
  top:0px;
  left:0px;
  width:563px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#C89F14;
  color:#FFF;
  font-size:120%;
  font-weight:bold;
  border-bottom:2px solid #FFF;
  text-transform:uppercase;
}

ul#aboutlist{
  position:absolute;
  top:31px;
  left:3px;
  width:142px;
  height:400px;
  background:#D5D591 url(../images/list-bg.jpg);
}

ul#aboutlist li{
  width:208px;
  height:27px;
  font-size:120%;
  border-bottom:1px solid #FFF;
}

ul#aboutlist li a{
  width:132px;
  height:17px;
  padding:5px;
  display:block;
  color:#14145E;
  text-decoration:none;
}

ul#aboutlist li a:hover{
  background:#C7C814;
  color:#14145E;
}

/*SERVICES TEXT*/



h2#service{
  position:absolute;
  top:3px;
  left:3px;
  width:200px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#8686AC;
  color:#FFF;
  font-size:120%;
  font-weight:bold;

}

#service h2#service, #contact h2#service, #about2 h2#service,#press2 h2#service{
  width:707px;
}

ul#servicelist{
  position:absolute;
  top:31px;
  left:3px;
  width:208px;
  height:400px;
  background:#D5D591 url(../images/list-bg.jpg);
}

ul#servicelist li{
  width:208px;
  height:27px;
  font-size:120%;
  border-bottom:1px solid #FFF;
}

ul#servicelist li#subcurrent,
ul#typelist li#subcurrent{
  background:#C7C7D9;
}


ul#servicelist li a{
  width:198px;
  height:17px;
  padding:5px;
  display:block;
  color:#14145E;
  text-decoration:none;
}

#servicedetail #content{
  width:480px;
  position:absolute;
  top:28px;
  right:0px;
  padding:12px;
  background:#EFE5C5 url(../images/info-bg.jpg) bottom right repeat-x;
  height:376px;
  font-size:115%;
  line-height:1.3;
  font-family:arial;
  color: #14145E;
}

#about #servicedetail #content{
  font-size:105%;
  line-height:1.4;
}


#about2 #content{
   background:#EFE5C5 url(../images/about-bg.jpg) bottom right no-repeat;
   overflow-y:scroll;
}


ul#servicelist li a:hover{
  background:#C7C814;
  color:#14145E;
}

#address-list{
  position:absolute;
  bottom:3px;
  right:3px;
  width:504px;
  height:56px;
   background:#D5D591;

}

#address-list p{
  width:150px;
  position:absolute;
  color:#14145E;
}

#address-list p#one{
  top:4px;
  left:4px
}  

#address-list p#two{
  top:4px;
  left:260px
}

#address-list p strong{
  font-weight:bold;
}



/*TYPE MENU*/

h2#project_title{
  position:absolute;
  bottom:3px;
  left:3px;
  width:200px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#8686AC;
  color:#FFF;
  font-size:120%;
  font-weight:bold;
}

h2#project_title a{
  display:block;
  width:204px;
  height:22px;
  color:#FFF;
  text-decoration:none;
}

h2#type{
  position:absolute;
  top:3px;
  left:3px;
  width:200px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#8686AC;
  color:#FFF;
  font-size:120%;
  font-weight:bold;

}



#project-detail, #servicedetail{
  width:504px;
  position:absolute;
  top:3px;
  right:3px;
}

#infowrapper{
  width:504px;
  position:absolute;
  top:31px;
  right:3px;
  background:#EFE5C5 url(../images/info-bg.jpg);
  color:#14145E;
  height:342px;
  font-size:110%;
}

#infobox{
 margin:8px;
}

#info{
}

#info strong{
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}

#info span{
  display:block;
font-family:arial;
font-size:12px;
padding-left:10px;
}

#info p{
  margin-bottom:3px;
}

#infotoggle{
  position:absolute;
  top:3px;
  right:9px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  color:#FFF;
}

#infotoggle #showinfo span{
  width:13px;
  height:9px;
  background:transparent url(../images/arrow-show.gif);
  position:absolute;
  top:26px;
  right:16px;
}

#infotoggle #hideinfo span{
  width:13px;
  height:9px;
  background:transparent url(../images/arrow-hide.gif);
  position:absolute;
  top:19px;
  right:16px;
}


#infotoggle a
{
  color:#FFF;
  text-decoration:none;
}

#infotoggle a:hover
{
  color:#FFF;
  font-weight:bold;
}



#project-detail h3, #servicedetail h3{
  position:absolute;
  top:0px;
  left:0px;
  width:496px;
  height:22px;
  padding-left:8px;
  padding-top:4px;
  background:#C89F14;
  color:#FFF;
  font-size:120%;
  font-weight:bold;
  border-bottom:2px solid #FFF;
  text-transform:uppercase;
}

a#printable{
  position:absolute;
  bottom:27px;
  right:8px;
  border-bottom:1px solid #FFF;
  padding:3px;
  color:#FFF;
  text-decoration:none;
}

#project-detail img, #servicedetail img{
  width:504px;
  height:342px;
  position:absolute;
  top:28px;
  left:0px;
}


#project-thumblist{
  position:absolute;
  bottom:3px;
  right:3px;
  width:504px;
  height:56px;
  background:#C89F14;
}

#project-thumblist li
{
  float:left;
  margin-right:5px;
}

#project-thumblist a img{

  border:1px solid #DDD;
  margin:6px;

}

#project-thumblist a:hover img{
 border:1px solid #14145E;
}

ul#typelist{
  position:absolute;
  top:31px;
  left:3px;
  width:208px;
  height:372px;
  background:#D5D591 url(../images/list-bg.jpg);
}

ul#typelist li{
  width:208px;
  height:25px;
  font-size:120%;
  border-top:1px solid #FFF;
}

ul#typelist li a{
  width:198px;
  height:17px;
  padding:5px;
  display:block;
  color:#14145E;
  text-decoration:none;
}

ul#typelist li a:hover{
  background:#C7C7D9;
  color:#14145E;
}

#bigpic{
  display:block;
}

/*footer*/
#footer{
  margin-top:3px;
}

#footer p{
  color:#888;
}

/*admin*/
#admin h2{
  font-size:140%;
  font-weight:bold;
  margin-bottom:10px;
  text-transform:uppercase;
}

#admin h3{
  font-size:130%%;

}


#admin #p_list li{
  font-size:120%;
  font-weight:bold;
  text-decoration:underline;
  margin-bottom:6px;
}

#admin #p_list li li{
   font-size:90%;
   margin-left:10px;
   font-weight:normal;
   margin-bottom:3px;
   text-decoration:none;
}

#admin #s-main{
  background:transparent;
  padding:10px;
  width:701px;
  border:none;
  border-top:3px solid #C7C814;
  position:relative;
}

body#pool #s-main2{
width:721px;
  border:2px solid #14145E;
  position:relative;
  background:#FFF;
  font-size:12px;
  font-family:arial;
  padding-bottom:30px;
}

body#pool #s-main2 p.center img
{
  margin-right:15px;
  border:1px solid #666;
}

body#pool #s-main2 h2
{
  margin:20px 30px 20px 30px;
  font-size:18px;
  font-weight:bold;
}

body#pool #s-main2 h3
{
  margin:20px 30px 10px 30px;
  font-size:13px;
  font-weight:bold;
}


body#pool #s-main2 p
{
  margin:0px 30px 20px 30px;
  font-size:13px;
}

body#pool #s-main2 ul
{
  margin-left:40px;
  font-size:13px;
  list-style-type:circle;
  padding-left:20px;
}

body#pool #s-main2 table
{
  margin:0px 30px 20px 30px;
  font-size:13px;
}

body#pool #s-main2 table td
{
  padding:1px 10px;
}



#admin form.project p
{
  margin-top:10px;
  clear:both;
}

#admin form.project label
{
  border-bottom:1px solid #333;
  font-size:120%;
  width:100px;
  float:left;
}

#admin form.project input.text,select,textarea
{
  border:1px solid #333;
  width:400px;
  padding:2px;
}

#admin form.project textarea
{
  height:100px;
}

#admin form.project textarea.long
{
  height:200px;
}

#admin form.project input.submit
{
  width:100px;
  background:#14145E;
  color:#FFF;
}

#presslist li{
  font-family:"arial narrow";
  margin-bottom:4px;
  padding-bottom:4px;
  border-bottom:1px solid #C89F14;
}

#presslist li a{
 text-decoration:none;
}

#presslist li a:hover{
color: #14145E;

}

#cdir, #sdir{
  width:240px;
  float:left;
  font-size:90%;
}

#cdir p, #sdir p{
  margin-bottom:4px;
}

#sdir{
  display:none;
}

h4{
  font-weight:bold;
}

.clear
{
  clear:both;
}

table.directory
{
  margin-top:5px;
  margin-right:1%;
  border-left:1px solid #aaa;
  border-top:1px solid #aaa;
  font-size:110%;
  width:48%;
  float:left;
}

table.directory th, table.directory td
{
   border-bottom:1px solid #aaa;
   border-right:1px solid #aaa;
   padding:1px 5px 1px 5px;
}

table.directory th
{
  font-weight:bold;
  background;
}

table.directory  td a
{
  color:#14145E;
  text-decoration:none;
}

table.directory  td a:hover
{
  text-decoration:underline;
}