/* Global Settings */

/* --------- Layout ---------- */
body, a:link, a:visited, a:active{font-family:Verdana, Geneva, sans-serif;color:#a2a2a2;}
a:hover, a span:hover, .gray a:hover{color:#edf7dc;}
a{text-decoration:none;outline:none;}
#container, #splash-page{width:1024px;height:697px;}
#left, #right, #frame, #home, #about, #design, #showcase, #contact{height:697px;}
#frame, #home, #about, #design, #showcase, #contact, .header, .image-box{width:698px;}
#left{float:left;width:326px;background:url(images/backgrounds/nav-bg.jpg);text-align:right;}

/* ------- Typography and Links ------ */ 
.small-bold{font:bold 9px/25px Verdana, Geneva, sans-serif;}
.small{font:9px Verdana, Geneva, sans-serif;}
.smaller{font:8px/11px Arial, Helvetica, sans-serif;letter-spacing:2.6px;margin-top:4px;}
.smaller span{color:#4d7186;}
h3{font:15px Verdana, Geneva, sans-serif;letter-spacing:3px;text-align:right;}
h3, span{color:#8d9383;}
#nav-links{margin:318px 6px 0 0;}
#nav-links a{font-size:10px;color:#6a7065;}
#nav-links a:hover, .accordion_toggle:hover{color:#a2a2a2;}
#nav-links ul li{margin-top:1px;}
/* ----------------------------------------- End Global Settings ------------------------------------- */

/* For Extras */
.header2, .header3, .header4, .header5{position:absolute;top:-35px;}
.header2, .header4, .header5{left:250px;}
.header3{left:210px;}

/* ----------------------------------------- Effects ------------------------------------- */
/* Page Fade */
.sliderwrapper{position:relative;overflow:visible;width:698px;height:509px;}
.sliderwrapper .contentdiv{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1;opacity:1;}


/* Accordion */
.accordion_toggle{width:120px;outline:none;cursor:pointer;margin:2px 0 0 200px;text-align:right;font-size:10px;color:#6a7065;}
.accordion_toggle_active{}
.accordion_content{text-align:right;overflow:hidden;margin-bottom:10px;}
.accordion_content ul li{margin-top:-4px;}
.accordion_content ul li a{font-size:9px;}
/* ----------------------------------------- End Effects ------------------------------------- */




/* Splash Page */
#splash{background:url(images/splash_bg.jpg);}
#splash-page{text-align:center;position:absolute;top:50%;left:50%;margin-top:-348px;margin-left:-512px;overflow:auto;}
#splash img{margin:217px 15px 0 0;}


/* Home */
#home{position:absolute;background:url(images/backgrounds/home-bg.jpg);text-align:center;}
#fadeshow1{margin-top:90px;}
#home p{letter-spacing:.9px;margin:8px 0 0 13px;}


/* About Us */
#about{background:url(images/backgrounds/about-bg.jpg);}
#about-content{position:absolute;width:289px;height:575px;margin:115px 0 0 384px;}
#about-content p{font-size:11px;line-height:12.5px;text-align:justify;}


/* Current Design */
#design{position:absolute;background:url(images/backgrounds/design-bg.jpg);text-align:center;}
.image-box{position:absolute;height:545px;margin-top:107px}
.image-box p{margin-top:-10px;}
.header{position:absolute;margin-top:78px;text-align:center;}


/* Sub-nav-bar */
#image-nav li, #showcase-nav li, #showcase-menu{display:inline;list-style:none;}
#image-nav li a, #showcase-menu li a{font-size:9px;}
#showcase-nav li a{font-size:8px;}
#showcase-nav{position:relative;float:right;width:80px;z-index:1000;margin:88px 1px 0 0;}


/* Showcase */
#showcase{position:absolute;background:url(images/backgrounds/showcase-bg.jpg);}
#planning1, #planning2, #planning3{height:597px;margin-top:26px;}
#planning1{background:url(images/showcase/masterplanning/planning01.jpg);}
#planning2{background:url(images/showcase/masterplanning/planning02.jpg);}
#planning3{background:url(images/showcase/masterplanning/planning03.jpg);}

#pools-landscape1, #pools-landscape2, #pools-landscape3, #pools-landscape4, #pools-landscape5, #pools-landscape6{height:597px;margin-top:26px;}
#pools-landscape1{background:url(images/showcase/pools-landscape/pools-landscape01.jpg);}
#pools-landscape2{background:url(images/showcase/pools-landscape/pools-landscape02.jpg);}
#pools-landscape3{background:url(images/showcase/pools-landscape/pools-landscape03.jpg);}
#pools-landscape4{background:url(images/showcase/pools-landscape/pools-landscape04.jpg);}
#pools-landscape5{background:url(images/showcase/pools-landscape/pools-landscape05.jpg);}
#pools-landscape6{background:url(images/showcase/pools-landscape/pools-landscape06.jpg);}

#industrial-furniture1, #industrial-furniture2{height:597px;margin-top:26px;}
#industrial-furniture1{background:url(images/showcase/industrial-furniture/industrial-furniture01.jpg);}
#industrial-furniture2{background:url(images/showcase/industrial-furniture/industrial-furniture02.jpg);}


.label-box{float:right;width:237px;height:44px;background:url(images/label-box.png);margin-top:543px;text-align:right;}
#showcase-menu{position:absolute;width:100%;margin:630px 0 0 48px;z-index:999;}
#showcase-menu li{list-style:none;display:inline;}
#showcase-menu li a{padding:1px 2px;letter-spacing:.7px;}
#showcase-menu li a span{padding-right:4px;border-right:1px solid #a2a2a2;}


/* Contact Us */
#contact{position:absolute;background:url(images/backgrounds/contact-bg.jpg);}
#contact-info{float:right;width:430px;height:212px;margin:210px 70px 0 0;text-align:right;}
#contact-info p{font-size:11px;line-height:12.5px;}
.gray, .gray a{color:#4e4e4e;font-size:9px;}




.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}