body { background:white; padding:15px; font-size:71%; color:#000; font-family:arial, verdana, tahoma, sans-serif; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-family:tahoma; font-size:1em; }
a img { border:0; }
a { color:#37a1ca; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 {  font-weight:bold; }
h1 { color:#06bedb; font-size:1.9em; clear:both; }
h2 {  color:#06bedb; font-size:1.6em;  }
h3 {  color:#5e6465; font-size:1.5em;  }
h4 { color:#5e6465; font-size:1.2em; margin:13px 0 4px 0; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:4px solid #EEEEEE; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:4px solid #EEEEEE; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:4px solid #EEEEEE; margin-left:10px; margin-bottom:10px; }
.datatable th { background:#8E49A8; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#F8EDFA; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; color:#888; }
.shout { font-size:1.2em; font-weight:bold; padding:4px; border:3px double #06c2dd; color:#8E49A8; }
.shout2 { font-size:1.2em; color:#8E49A8; font-weight:bold; padding:5px; background:#06c2dd }
.submit { background:#06bedb; color:white; border:0; cursor:pointer;  font-size:1em; padding:2px; width:90px; }
.reset { background:#06bedb; width:90px; color:white; border:0; cursor:pointer; font-size:1em; padding:2px; }
.quote { border:1px solid #C5D0D5; padding:4px; color:#8E49A8; font-weight:bold; }
.caption { font-weight:bold; background:#06c2dd; float:right; width:160px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; border-right:3px solid #8E49A8; }
.custom1 {}
.custom2 {}
.border { border:4px solid #EEEEEE; }
.noborder { border:0; }
.clear { clear:both; }
.whychoose { padding:10px; background:url(whychoose.jpg) #62cfe4 repeat-x bottom; color:#ffffff; font-size:1.1em; border:2px solid #2c95c4; }
.whychoose li { margin-left:-16px; line-height:1.78em; }
.whychoose h2 { margin-top:3px; color:#ffffff; border-bottom:1px dashed #2c95c4; padding-bottom:7px; font-size:1.4em; }

#container { margin:0 auto; width:940px; }
#head { height:182px; background:url(head_back.jpg) bottom right no-repeat; }
#sitelogo { float:left; width:323px; margin: 55px 0 0 0; }

#top_pic { background:url(top_pic.jpg) no-repeat; height:313px; }
#top_pic img { display: none; }

#contact { height:47px; line-height:46px; color:#FFF; background:url(contact_back.jpg) repeat-x; margin: 10px 0; padding:0 10px; font-size:1.01em; }
#contact a { color:#FFF; text-decoration:underline; }
#contact a:hover { text-decoration:none; }

#installation, #design, #aboutus {  float:left; width:283px; height:38px; color:#FFF; padding:122px 0 0 20px; font-size:0.9em; }
#installation a, #design a, #aboutus a { color:#FFF; font-weight:normal; text-decoration:none; }
#installation a:hover, #design a:hover, #aboutus a:hover { text-decoration:underline; }
#installation h4, #design h4, #aboutus h4 { margin:0; padding:0; color:#FFF; font-weight:bold; font-size:1.9em; }

#design h4 { background:url(arrow.jpg) 72px 8px no-repeat; }
#design h4:hover { background:url(arrow.jpg) 77px 8px no-repeat; cursor:pointer; }

#installation h4 { background:url(arrow.jpg) 110px 8px no-repeat; }
#installation h4:hover { background:url(arrow.jpg) 115px 8px no-repeat; cursor:pointer; }

#aboutus h4 { background:url(arrow.jpg) 110px 8px no-repeat; }
#aboutus h4:hover { background:url(arrow.jpg) 115px 8px no-repeat; cursor:pointer; }

#installation { background:url(installation.jpg) no-repeat; margin: 0 14px 20px 0; }
#design { background:url(design.jpg) no-repeat; margin: 0 14px 20px 0; }
#aboutus { background:url(aboutus.jpg) no-repeat; }

#pagebody { font-size:1.1em; line-height:1.5em; }
#logos { margin:10px 0 0 0; }

#bottom { height:27px; border-top: 1px solid #d9dcdd; border-bottom: 1px solid #d9dcdd; clear:both; margin:10px 0 10px 0; }
#bottom p { padding:0; margin:0; }
#bottom_right { float:right; line-height:27px; }
#copyright { float:left; line-height:27px; }


#menu { float:right; margin: 85px 0 0 0; width:555px; }
#nav, #nav ul { padding:0; margin:0; list-style:none;  text-align:left; float:right; font-size:1.3em; }
#nav a { display:block; float:left;  padding: 0 20px; color:#5e6465; height:31px; line-height:30px;  font-weight:normal; }
#nav a:hover {  color:#fff; text-decoration:none; }
#menu a:hover { background:url(nav_active2.jpg) right no-repeat; }
.hoverLi li:hover { background:url(nav_active.jpg) left no-repeat; }
#nav li { float:left; display:block; }
#nav li ul { position:absolute; width:170px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 170px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 170px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 { border:1px solid #fff; border-bottom:0; }
#nav .nav_parent a { background:url(../template/nav_parent_out.gif) no-repeat #F3DFF7 right; }
#nav .nav_parent a:hover { background:url(../template/nav_parent_over.gif) no-repeat #A159BC right; }
#nav .nav_child a { background:#F3DFF7; }
#nav .nav_child a:hover  { background:#A159BC; }
#nav .nav_parent2 a { background:url(../template/nav_parent_out.gif) no-repeat #F3DFF7 right; }
#nav .nav_parent2 a:hover { background:url(../template/nav_parent_over.gif) no-repeat #A159BC right; }
#nav .nav_child2 a { background:#F3DFF7; }
#nav .nav_child2 a:hover  { background:#A159BC; }

#nav li #active { background:url(nav_active2.jpg) right no-repeat ; color:#fff; cursor:default; position:relative; z-index:10;}
#nav .activeLi { background:url(nav_active.jpg) left no-repeat; }