body,html{background:#fff url('Images/bodyBg.gif') repeat-x; font-family:Arial !important;font-size:12px;font-weight:normal;margin:0; padding:0; text-align:center;}

/* ie6 notice */
.ie6fail{background:#1c1c1c; width:100%; height:250px; position:absolute; top:0; left:0; z-index:999999999999999; text-align:left; }
.ie6fail .wrap{width:75%; font-size:14px; color:White; margin:20px auto;}
.ie6fail h1{font-size:32px; color:#e85151;}
.ie6fail p{color:white; font-size:16px; line-height:24px;}
.ie6fail span{color:White; cursor:pointer; font-size:11px; text-decoration:underline;}
.ie6fail .hideNotice{width:100%; text-align:right; }
.ie6fail a{color:#bdde7c; font-size:14px; padding:3px;}
.ie6fail a:hover{background:#bdde7c; color:#374e09;padding:3px;}

h1{color:#294e8b; font-size:18px; font-weight:bold; line-height:22px; margin:0px 0px 10px 0px;}
h2{color:#000; font-size:14px; font-weight:bold; line-height:14px; margin:0px 0px 5px 0px;}
h3{color:#004983; font-size:14px; font-weight:bold; line-height:18px; margin:0px 0px 10px 0px;}
p{color:#000;line-height:20px; margin:10px 0px 10px; font-size:14px;}
u{text-decoration:underline;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}
fieldset{background:#fff; border:1px solid #bdcdd3; clear:both; float:left; padding:15px;}
legend{}
ul{color:#000;  line-height:20px; margin:0px 0px 15px 30px; font-size:14px;}
ul li{list-style-type:square; margin:0px 0px 5px;}
ol{color:#000; line-height:20px; margin:0px 0px 15px 30px; font-size:14px;}
ol li{list-style-type:decimal; margin:0px 0px 5px;}
a{color:#5a716e; font-weight:bold; text-decoration:underline;}
a:hover{color:#5a716e; text-decoration:none;}

.clear{clear:both; height:0px; width:100%;}
.left{float:left;}
.right{float:right;}
.nofloat{float:none;}
.size10{font-size:10px;}
.hrBreak{border-bottom:1px solid #B7C5D9; clear:both; height:10px; margin-bottom:10px;}
.actionNoticeBoxGIANT{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px; line-height:20px;}
.actionNoticeBoxGIANT a{color:#CC1C21;}
.lblError{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.actionNoticeBoxGIANT ul{font-size:12px; margin:0px 0px 0px 15px; color:#cc1c21 !important; list-style-type:disc !important; line-height:18px; padding:5px 0px 0px 10px;}
.loginFail{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.loginFail a{color:#cc1c21;}
.nothingFound{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.iUpdate{background:#f3fef3; border:1px solid #2f6929; font-weight:bold; color:#2f6929 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.picRight{float:right; margin:0px 0px 7px 7px; padding:2px; border:1px solid #294F8C;}
.picLeft{float:left; margin:0px 7px 7px 0px; padding:2px; border:1px solid #294F8C;}
.requiredField{float:left; margin-left:2px; visibility:visible !important;}

/* form styles */
.labeler{color:#004983;font-weight:bold; float:left; font-size:14px; margin:3px 4px 15px 0px; width:105px;}
.sButton{color:#fff; cursor:pointer; background: url('Images/buttonBg.gif') repeat-x; border:1px solid #003157; font-weight:bold; padding:3px 10px; text-transform:uppercase; text-decoration:none; position:relative; font-size:14px;}
.sButton:hover{color:#fff;}
.iButton{border:none !important; font-size:15px !important; height:auto !important; padding:0px !important; width:auto !important;}
input{border:1px solid #bdcdd3; font-size:14px; padding:3px; float:left;}
.phone-input{width:85px;}
.addy2-input{width:60px;}
.zip-input{width:60px}
select{border:1px solid #bdcdd3; font-size:14px; padding:3px; float:left;}
textarea{border:1px solid #bdcdd3; font-size:14px; padding:3px; float:left; }
.rButtons td{padding-right:10px;}
.rButtons input{border:0;}
.sendIt{background: url('Images/btnSubmit.png') no-repeat; float:left; height:33px; width:145px;}
.sendIt span{display:none;}

/* grid */
#container{height:auto; /* set auto */ margin:0 auto; text-align:left; width:1024px;}
#top{background: url('images/topBg.gif') no-repeat; height:295px; width:100%;}
#top-main{display:block; height:auto; margin:0 auto; width:942px;}
#mast{display:block; height:109px; width:auto;}
#nav{display:block; height:35px; width:auto;}
#subnav{display:block; height:62px; padding:10px 0px 0px; width:auto;}
#top-ctas{display:block; height:63px; padding:8px 0px 0px; width:auto;}
#main{display:block; height:auto; margin:40px auto 0px; width:942px; min-height:350px; height:auto !important; height:350px;}
	#main .hug{width:755px; padding-bottom:20px;}
	#main .hug-full{width:942px; padding-bottom:20px;}
#installs-home{background: url('images/installs-home-main-bg.gif') repeat-y; min-height:357px; height:auto !important; height:357px; margin:0px 0px 12px 12px; width:352px;}
#installs-interior{background: url('images/installs-interior-main-bg.gif') repeat-y; min-height:361px; height:auto !important; height:361px; margin:0px 0px 12px 12px; width:174px;}
#left-ctas{height:auto; width:187px;}
#foot{background:#c3cbca url('images/footBg.gif') repeat-x; clear:both; position:relative; left:0; bottom:0; height:140px; padding:24px 0px 0px; width:100%;}

/* top main area */
a.logo{background:url('images/logo.gif') repeat 0px 0px; width: 284px; height: 109px; float:left; margin:0px 0px 0px 11px;}
a.logo span {display: none; }
a.phone{background:url('images/phone.gif') repeat 0px 0px; width: 158px; height: 42px; float:right; margin:30px 30px 0px 0px;}
a.phone span {display: none; }

/* top nav */
.owners-top{background:url('images/top-nav.gif') repeat 0px 0px; width: 170px; height: 30px; float:left; margin:0px 64px 0px 44px; cursor:default;}
.owners-top span {display: none; }
.design-top{background:url('images/top-nav.gif') repeat -234px 0px; width: 123px; height: 30px; float:left; margin:0px 102px 0px 0px; cursor:default;}
.design-top span {display: none; }
.installation-top{background:url('images/top-nav.gif') repeat -459px 0px; width: 174px; height: 30px; float:left; margin:0px 78px 0px 0px; cursor:default;}
.installation-top span {display: none; }
.operations-top{background:url('images/top-nav.gif') repeat -711px 0px; width: 114px; height: 30px; float:left; cursor:default;}
.operations-top span {display: none; }
/*
#nav a.installation:hover {background: url('images/top-nav.gif') repeat -459px -40px; }  
#nav a.owners:hover {background: url('images/top-nav.gif') repeat 0px -40px; }  
#nav a.design:hover {background: url('images/top-nav.gif') repeat -234px -40px; }  
#nav a.operations:hover {background: url('images/top-nav.gif') repeat -711px -40px; }  
*/

/* sub nav */
#subnav .owners{margin:0px 0px 0px 52px; width:235px;}
#subnav .design{width:225px;}
#subnav .installation{width:253px}
#subnav .operations{}
#subnav a{display:block;}
#subnav a.planning{background:url('images/sub-nav.gif') repeat 0px 0px; width: 103px; height: 17px;}
#subnav a.planning span {display: none; }
#subnav a.planning:hover{background-position: 0px -46px;}
#subnav a.procurement{background:url('images/sub-nav.gif') repeat 0px -18px; width: 103px; height:17px;}
#subnav a.procurement span {display: none; }
#subnav a.procurement:hover{background-position: 0px -64px;}
#subnav a.architect{background:url('images/sub-nav.gif') repeat -234px 0px; width: 146px; height: 17px;}
#subnav a.architect span {display: none; }
#subnav a.architect:hover{background-position: -234px -46px;}
#subnav a.security{background:url('images/sub-nav.gif') repeat -234px -18px; width: 148px; height: 17px;}
#subnav a.security span {display: none; }
#subnav a.security:hover{background-position: -234px -64px;}
#subnav a.contractor{background:url('images/sub-nav.gif') repeat -460px 0px; width: 156px; height: 17px;}
#subnav a.contractor span {display: none; }
#subnav a.contractor:hover{background-position: -460px -46px;}
#subnav a.installer{background:url('images/sub-nav.gif') repeat -460px -18px; width: 156px; height: 17px;}
#subnav a.installer span {display: none; }
#subnav a.installer:hover{background-position: -460px -64px;}
#subnav a.admin{background:url('images/sub-nav.gif') repeat -712px 0px; width: 120px; height: 17px;}
#subnav a.admin span {display: none; }
#subnav a.admin:hover{background-position: -712px -46px;}
#subnav a.maintenance{background:url('images/sub-nav.gif') repeat -712px -18px; width: 119px; height: 17px;}
#subnav a.maintenance span {display: none; }
#subnav a.maintenance:hover{background-position: -712px -64px;}

/* top area ctas */
#top-ctas a.about{background:url('images/top-ctas.gif') repeat -0px 0px; width: 309px; height: 71px; float:left; margin:0px 6px 0px 0px;}
#top-ctas a.about span {display: none; }
#top-ctas a.about:hover {background: url('images/top-ctas.gif') repeat -0px -81px; } 
#top-ctas a.start{background:url('images/top-ctas.gif') repeat -314px 0px; width: 310px; height: 71px; float:left; margin:0px 6px 0px 0px;}
#top-ctas a.start span {display: none; }
#top-ctas a.start:hover {background: url('images/top-ctas.gif') repeat -314px -81px; } 
#top-ctas a.creative{background:url('images/top-ctas.gif') repeat -630px 0px; width: 309px; height: 71px; float:left;}
#top-ctas a.creative span {display: none; }
#top-ctas a.creative:hover {background: url('images/top-ctas.gif') repeat -630px -81px; } 

/* home page current installations */
#installs-home .top{background: url('images/installs-home-top.gif') no-repeat; min-height:332px; height:auto !important; height:332px; padding:25px 0px 0px; width:352px;}
#installs-home .bot{background: url('images/installs-home-bot.gif') no-repeat; height:11px; width:352px;}
#installs-home a.title{background: url('images/title-rp-home.gif') no-repeat; height:21px; float:left; margin:0px 0px 20px 90px; width:172px;}
#installs-home a.title span{display:none;}
#installs-home .project{color:#002470; font-size:14px; margin:0px 0px 10px 15px; width:320px; display:block;}
#installs-home .project img{border:1px solid #2d528d; margin:0px 8px 0px 0px}
#installs-home .project .dets{width:200px;}
#installs-home .project .title{display:block; margin:0px 0px 5px; font-weight:bold; font-size:18px;}
#installs-home .project .location{display:block; font-style:italic;}

/* interior current installations */
#installs-interior .top{background: url('images/installs-interior-top.gif') no-repeat; min-height:347px; height:auto !important; height:347px; padding:14px 0px 0px; width:174px;}
#installs-interior .bot{background: url('images/installs-interior-bot.gif') no-repeat; height:11px; width:174px;}
#installs-interior a.title{background: url('images/title-rp-interior.gif') no-repeat; height:35px; float:left; margin:0px 0px 15px 50px; width:76px;}
#installs-interior a.title span{display:none;}
#installs-interior .project{color:#002470; font-size:14px; margin:0px auto 12px; text-align:center; width:108px; }
#installs-interior .project img{border:1px solid #2d528d}
#installs-interior .project .title{display:block; margin:5px 0px 0px;}
#installs-interior .project .location{display:block; margin:5px 0px 0px;}

/* left side ctas */
#left-ctas a.demo{background:url('images/left-ctas.gif') repeat 0px 0px; width: 172px; height: 61px; display:block; margin:0px 0px 8px;}
#left-ctas a.demo span {display: none; }
#left-ctas a.demo:hover {background: url('images/left-ctas.gif') repeat -182px 0px; }  
#left-ctas a.contact{background:url('images/left-ctas.gif') repeat 0px -68px; width: 172px; height: 61px; display:block; margin:0px 0px 8px;}
#left-ctas a.contact span {display: none; }
#left-ctas a.contact:hover {background: url('images/left-ctas.gif') repeat -182px -68px; }  
#left-ctas a.downloads{background:url('images/left-ctas.gif') repeat 0px -138px; width: 172px; height: 61px; display:block; margin:0px 0px 8px;}
#left-ctas a.downloads span {display: none; }
#left-ctas a.downloads:hover {background: url('images/left-ctas.gif') repeat -182px -138px; }  
#left-ctas a.videos{background:url('images/left-ctas.gif') repeat 0px -206px; width: 172px; height: 61px; display:block; margin:0px 0px 8px;}
#left-ctas a.videos span {display: none; }
#left-ctas a.videos:hover {background: url('images/left-ctas.gif') repeat -182px -206px; }  

/* faqs */
#faqs{width:748px;}
#faqs .cats{background: url('images/faqBg.gif') no-repeat; height:28px; width:724px; padding:8px 12px; margin:0px 0px 15px;}
#faqs .cats span{display:inline-block; color:#fff; font-size:20px; font-weight:bold; margin:0px 10px 0px 0px; padding:3px 0px 0px;}
#faqs .list{display:block; width:748px;}
#faqs .question{display:block; margin:0px 0px 0px; font-size:14px; color:#294E8B; line-height:20px;}
#faqs .question span{font-weight:bold; font-size:14px; display:inline-block; color:#294E8B; margin:0px 5px 0px 0px;}
#faqs .answer{display:block; font-size:14px; line-height:20px;}
#faqs .answer span{font-weight:bold; font-size:14px; display:inline-block; margin:0px 5px 0px 0px;}
#faqs .sep{display:block; border-bottom:1px solid #C3CBCA; margin:0 !important; height:1px !important;}
#faqs .viewanswer{font-size:10px !important; color:#5A716E !important; cursor:pointer;}
#faqs .viewanswer:hover{text-decoration:underline;}

/* downloads */
#downloads{width:748px;}
#downloads .cats{background: url('images/faqBg.gif') no-repeat; height:28px; width:724px; padding:8px 12px; margin:0px 0px 15px;}
#downloads .cats span{display:inline-block; color:#fff; font-size:20px; font-weight:bold; margin:0px 10px 0px 0px; padding:3px 0px 0px;}
#downloads .list{display:block; width:748px;}
#downloads .list .icon{width:40px;}
#downloads .list .file{display:block; width:688px}
#downloads .list .file a.title{display:block; font-size:18px; line-height:22px; margin:0px 0px 5px; text-decoration:none;}
#downloads .list .file a.title:hover{text-decoration:underline;}
#downloads .list .file .description{line-height:18px;}

/* case studies */
.csearch{background: url('images/searchBg.gif') no-repeat; height:28px; width:918px; padding:8px 12px; margin:0px 0px 25px;}
.csearch .chose{color:#fff; font-size:20px; font-weight:bold; margin:0px 10px 0px 0px; padding:3px 0px 0px;}	
.cstudy{float:left; padding:10px; width:922px}
.cstudy .img{margin:0px 10px 10px 0px; width:175px; text-align:center;}
.cstudy .title{font-size:24px; color:#566D6A; display:block; font-weight:bold; margin:0px 0px 5px;}
.cstudy .location{display:block; font-size:14px; font-style:italic; margin:0px 0px 10px;}
.cstudy .intro{display:block; line-height:18px;}
.sep{display:block; height:15px; margin-bottom:15px; border-bottom:1px solid #C3CBCA;}
.cdetails{float:left; margiN:0px 0px 10px; width:940px;}
.cdetails h2{margin-bottom:2px;}
.cdetails .img{margin:0px 10px 10px 0px; width:250px; text-align:center;}
.cdetails .title{font-size:24px; color:#566D6A; display:block; font-weight:bold; margin:0px 0px 5px;}
.cdetails .location{display:block; font-size:14px; font-style:italic; margin:0px 0px 10px;}
.cdetails .intro{display:block; line-height:18px; margin:0px 0px 15px; font-size:14px;}

/* videos */
.vids{}
.vids .vid{background:gray; height:344px; margin:0px 20px 0px 0px; width:425px;}
.vids .info{width:497px}
.vids .title{font-size:18px; font-weight:bold; color:#566D6A; display:block; margin:0px 0px 10px;}
.vids .descrip{display:block;}

/* form areas */
.form-top{background-color:#c8cfce; background-image: url('images/form-top.gif'); background-repeat:no-repeat; background-position:top left; height:auto; width:342px; padding:20px 40px 10px; margin:5px 0px 0px;}
.form-bottom{background-color:#c8cfce; background-image: url('images/form-bottom.gif'); background-repeat:no-repeat; background-position:top left; height:10px; width:422px;}
.form-contactus{}
.form-todd{}
.form-demo{margin:0px 0px 0px 160px;}

/* footer */
#foot .links a{font-size:13px; color:#566d6a; font-weight:bold; text-decoration:none;}
#foot .links a:hover{text-decoration:underline;}
#foot .links span{font-size:13px; color:#566d6a;}

/* spam trap hider */
.heidi{display:none;}



/*========================*/
/* SCROLLER AREA HOMEPAGE */
/*========================*/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 352px; 
    height:480px; 
    background:yellow
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:320px; 
    height:20000em;
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}