/* CSS Document */

body { background: url(images/sitebg.jpg) repeat-x #64ADD2; font-family: Verdana, Arial, sans-serif; font-size: 1em; margin: 10px 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

#entire { width: 780px; margin: 0 auto; padding: 5px 0; }
h1 a { display: block; width: 360px; height: 50px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #5af; margin: 0 0 8px 0; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #5af; margin: 0 0 8px 0; }

ul#nav { list-style: none; margin: 0; padding: 0 0 0 340px; height: 29px; border-bottom: 9px solid #69c; font-size: 0em; }
ul#nav li { float: left; padding: 0 4px 0 0; }
ul#nav li a.customerbase { background: url(images/customer-base.gif) no-repeat; display: block; height: 29px; width: 124px; text-indent: -9999px; }
ul#nav li a.aboutus { background: url(images/about-us.gif) no-repeat; display: block; height: 29px; width: 82px; text-indent: -9999px; }
ul#nav li a.supportpages { background: url(images/support-pages.gif) no-repeat; display: block; height: 29px; width: 119px; text-indent: -9999px; }
ul#nav li a.contactus { background: url(images/contact-us.gif) no-repeat; display: block; height: 29px; width: 94px; text-indent: -9999px; }
ul#nav li a:hover { background-position: 0 -29px; }
 
#details { border-bottom: 9px solid #cf6; background: #fff; padding: 8px; height: 1%; } 
#details:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 
#details img { float: right; }
#details ul { float: left; width: 312px; height: 144px; list-style: none; margin: 0; padding: 5px 0 0 10px; background: url(images/gradbg.jpg) repeat-x; }
#details ul li strong { color: #9c9c9c; font-size: 18px; line-height: 38px; }
#details ul li.telnum, #details ul li.faxnum, #details ul li a { color: #3978B8; font-size: 19px; font-weight: 700; line-height: 33px; height: 33px; padding-left: 14px; font-family: Arial, Helvetica, sans-serif; }

#content { background: #fff; padding: 5px; margin-top: 15px; border-bottom: 9px solid #cf6; }
#contentinfo { background: #fff; padding: 10px; background: url(images/gradbg.jpg) repeat-x #fff; height: 1%; }
#contentinfo:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 

#contentinfo p { margin: 9px 0; line-height: 1.7; font-size: 0.75em; }


#contentarea li {font-size: 0.75em; color: #3978B8}

.section { background: #e8e8e8; width: 171px; margin: 15px 8px 5px; float: left; display: inline; font-size: 1em; }
.section ul { background: #fff; padding: 1px; margin: 4px; list-style: none; }
.section ul li h3 a { background: #f6f6f6; padding: 4px 24px; color: #666; font-weight: 100; text-align: center; border-bottom: 1px solid #e0e0e0; font-size: 0.9em; text-decoration: none; display: block; }
.section ul li.info { padding: 10px 8px; display: block; color: #69c; font-size: 0.7em; line-height: 1.5; height: 55px; }
.section ul li.more { padding: 20px 10px 0 85px; height: 55px; border-top: 1px solid #e0e0e0; text-align: center; }
.section ul li.more a { color: #69c; font-size: 0.8em; text-decoration: none; font-weight: 700; }
.telephones { background: url(images/telephone.gif) no-repeat; }
.cablings { background: url(images/cabling.gif) no-repeat; }
.cameras { background: url(images/cameras.gif) no-repeat; }
.sockets { background: url(images/socket.gif) no-repeat; }

ul#sitenav { float: left; width: 200px; padding: 0; margin: 0 0 30px 0; list-style: none; }
ul#sitenav li { width: 200px; }
ul#sitenav li a { display: block; height: 30px; line-height: 30px; padding: 0 0 0 10px; margin: 0 0 5px 0; background-color: #efefef; color: #777; font-size: 0.8em; text-decoration: none; }
ul#sitenav li a:hover { background-color: #cf6; color: #000; }

#footer { background: #fff; padding: 7px 12px 37px; margin-top: 15px; background: url(images/gradbot.jpg) bottom repeat-x #fff; }
#footer p { font-size: 0.76em; line-height: 1.4; margin-top: 0; margin-bottom: 0; }
#footer p.address { color: #69c;  }
#footer p.designer { color: #b2cce5; padding: 0 0 0 15px; }
#footer p.designer a { color: #b2cce5; }