/* 
 Global CSS Declarations for accnets.com
 Copyright (C) Analogue Web Design, LLC. All rights reserved
 Version 2008
*/

@media screen, projection {

  /* GLOBAL RESET */
  html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong { background: transparent; border: none; font-size: 100%; margin: 0; outline: none; padding: 0; vertical-align: baseline; }
  a { outline: none; text-decoration: none; }
  abbr:hover, acronym:hover { border-bottom: 1px dotted #999; cursor: help; }
  address { font-style: normal; }
  blockquote, q { quotes: none; }
  h1, h2, h3, h4, h5, h6 { font-size: 1em; }
  hr { clear: both; height: 1.2em; visibility: hidden; }
  html { height: 100%; }
  fieldset, img { border: medium none; }
  input, button, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
  label { cursor: pointer; }
  ol, ul { list-style: none; }
  :focus { outline: none; }

  /* LAYOUT */
  body { background: #ced1d5 url(/assets/img/body.jpg) repeat-y 50% 0%; color: #5b6571; font: 10px/1.5 Verdana, Geneva, sans-serif; height: 100%; margin: 0 auto; min-width: 960px; }
  #container { background: #fff url(/assets/img/container.jpg) repeat-y 50% 0%; color: #5b6571; margin: 0 auto; min-height: 100%; position: relative; width: 900px; }

  /* HEADER */
  #header { background-repeat: no-repeat; background-position: 100% 100%; overflow: hidden; position: relative; }
  #header h1 { background: url(/assets/img/logo.gif) no-repeat 50% 50%; height: 180px; position: absolute; text-indent: -999em; top: 0; width: 300px; z-index: 400; }
  #header h2 { background: url(/assets/img/tagline.jpg) repeat-y; color: #ced1d4; font-size: 1.1em; font-weight: normal; letter-spacing: 2px; padding: 3px 9px; position: absolute; text-align: right; text-transform: uppercase; top: 0; width: 882px; z-index: 300; }
  #header address { background: #fff url(/assets/img/shadow.jpg) repeat-x 0% 22px; color: #919598; font-size: 1.6em; font-weight: bold; padding: 132px 0 16px; position: relative; text-align: center; width: 300px; z-index: 200; }
  #header address em { font-size: 0.75em; font-style: normal; font-weight: normal; }
  #header blockquote { background: #44576f; color: #d6dadf; font-size: 1.2em; position: relative; padding: 12px 36px; text-align: center; width: 228px; z-index: 200; }
  #header blockquote img { position: absolute; right: -8px; top: 31px; z-index: 600; }

  /* MENU */
  #menu { background: #fff; color: #bfbbb0; font-size: 1.4em; padding: 12px 9px; }
  #menu li { background-color: #fff; display: inline; text-transform: uppercase; }
  #menu li ul { display: inline; font-size: 0.7142em; margin-left: 12px; }
  #menu li a { color: #737b86; padding: 8px 6px; }
  #menu li a:hover { color: #e78430; }
  #menu li ul li a { border-right: 1px solid #737b86; margin-right: 2px; padding: 2px 5px 2px 0; }
  #menu li ul li.data-center a { border-right: medium none; }
  #menu li.contact { float: right; }
  #menu li.contact a { color: #e78430; }
  #menu li.contact a:hover { color: #3ba9ff; }
  #menu li.services { background: url(/assets/img/services-arrow.jpg) no-repeat 82px 50%; }

  /* LOCATION */
  #home #header { background-image: url(/assets/img/home.jpg); }
  #about #header { background-image: url(/assets/img/about.jpg); }
  #services #header { background-image: url(/assets/img/services.jpg); }
  #contact #header { background-image: url(/assets/img/contact.jpg); }
  #outside-plant-work #header { background-image: url(/assets/img/outside-plant-work.jpg); }
  #structured-cabling #header { background-image: url(/assets/img/structured-cabling.jpg); }
  #outsourcing #header { background-image: url(/assets/img/outsourcing.jpg); }
  #data-center #header { background-image: url(/assets/img/data-center.jpg); }
  #admin #header, #error #header, #terms #header { background-image: url(/assets/img/admin.jpg); }
  #home #menu li.home a, #about #menu li.about a, #services #menu li.services a, #outside-plant-work #menu li.outside-plant-work a, #outsourcing #menu li.outsourcing a, #structured-cabling #menu li.structured-cabling a, #data-center #menu li.data-center a { color: #e78430; }
  #home #menu li.home a:hover { color: #3ba9ff; }
  #about #menu li.about a:hover { color: #3ba9ff; }
  #services #menu li.services a:hover { color: #3ba9ff; }
  #services #menu li.services li a { color: #737b86; }
  #outside-plant-work #menu li.outside-plant-work a:hover { color: #3ba9ff; }
  #outsourcing #menu li.outsourcing a:hover { color: #3ba9ff; }
  #structured-cabling #menu li.structured-cabling a:hover { color: #3ba9ff; }
  #data-center #menu li.data-center a:hover { color: #3ba9ff; }
  #home #menu li.about a { background: url(/assets/img/menu-left.jpg) no-repeat 0% 0%; }
  #about #menu li.home a { background: url(/assets/img/menu-right.jpg) no-repeat 100% 0%; }
  #about #menu li.services a { background: url(/assets/img/menu-left.jpg) no-repeat 0% 0%; }
  #about #menu li.services li a { background: none; }
  #services #menu li.about a { background: url(/assets/img/menu-right.jpg) no-repeat 100% 0%; }

  /* CONTENT */
  #content a { color: #e78430; }
  #content a:hover { color: #3ba9ff; text-decoration: underline; }

  /* CONTENT-MAIN */
  #content-main { float: right; min-height: 400px; padding: 32px 32px 96px; width: 536px; }
  #content-main h3 { color: #0c4c7f; font-size: 1.4em; margin-bottom: 18px; text-transform: uppercase; }
  #content-main h4 { color: #0c4c7f; font-size: 1.2em; margin-bottom: 18px; text-transform: uppercase; }
  #content-main p { font-size: 1.2em; margin-bottom: 18px; }
  #content-main p.intro { font-size: 1.4em; }
  #content-main p.intro strong { color: #0c4c7f; font-weight: bold; text-transform: uppercase; }
  #content-main ul { font-size: 1.2em; margin-bottom: 18px; }
  #content-main ul li { list-style-type: disc; margin-left: 18px; padding-left: 9px; }
  
  #content-main ul.column { overflow: hidden; width: 518px; }
  #content-main ul.column li { float: left; list-style-type: none; margin: 0 9px 6px 0; padding-left: 0; width: 250px }
  
  /* CONTENT-SIDEBAR */
  #content-sidebar { background: url(/assets/img/sidebar.jpg) repeat-x 0% 0%; color: #0c4c89; float: left; min-height: 400px; width: 300px; }
  #content-sidebar .associations { margin: 18px 18px 9px; }
  #content-sidebar .news { color: #5b6571; }
  #content-sidebar .news h4 { color: #0c4c7f; font-size: 1.4em; margin: 18px 18px 9px; text-transform: uppercase; }
  #content-sidebar .news p { border-bottom: 1px solid #0c4c7f; font-size: 1.2em; margin: 0 18px 9px; padding-bottom: 18px; }
  #content-sidebar .news ul { border-bottom: 1px solid #0c4c7f; font-size: 1.2em; margin: 0 18px 9px; padding-bottom: 18px; }
  #content-sidebar .news dl { border-bottom: 1px solid #0c4c7f; font-size: 1.2em; margin: 0 18px 9px; padding-bottom: 18px; }
  #content-sidebar .news dl dd { margin-bottom: 9px; }
  #content-sidebar .news strong { color: #0c4c7f; }
  #content-sidebar .contact { background: #304560; bottom: 48px; color: rgb(189,193,198); padding: 12px 9px; position: absolute; width: 282px; }
  #content-sidebar .contact em { color: #3ba9ff; font-style: normal; text-transform: lowercase; }
  #content-sidebar .contact strong { color: #fff; font-weight: normal; }
  #content-sidebar .contact address.email { clear: both; text-align: center; }
  #content-sidebar .contact address.mail { float: left; margin: 9px 0; width: 50%; }
  #content-sidebar .contact address.phone { float: right; margin: 9px 0; text-align: right; width: 50%; }
  #content-sidebar .contact h4 { background: url(/assets/img/logo-sidebar.jpg) no-repeat 50% 50%; height: 31px; text-indent: -999em; }
  #content-sidebar .contact h5 { text-align: center; }
  
  /* FORMS */
  #admin form { font-size: 1.2em; margin-bottom: 18px; }
  #admin form fieldset fieldset input { border: 1px solid #5b6571; padding: 2px 1px; width: 258px; }
  #admin form fieldset fieldset input:focus { border-color: #e78430; }
  #admin form fieldset fieldset textarea { border: 1px solid #5b6571; padding: 2px 1px; width: 526px; }
  #admin form fieldset fieldset textarea:focus { border-color: #e78430; }
  #admin form input.button { background: url(/assets/img/button.jpg) no-repeat 0% 0%; border: medium none; color: #fff; font-weight: bold; height: 22px; text-align: center; line-height: 1.0; text-transform: uppercase; width: 85px; }
  #admin form input.button:hover { background-position: 0% 100%; }
  #admin form label { display: block; margin-bottom: 9px; }
  #contact form { font-size: 1.2em; margin-bottom: 18px; width: 536px; }
  #contact form a { margin-left: 9px; }
  #contact form button { background: url(/assets/img/button.jpg) no-repeat 0% 0%; border: medium none; color: #fff; font-weight: bold; height: 22px; text-align: center; line-height: 1.5; text-transform: uppercase; width: 85px; }
  #contact form button:hover { background-position: 0% 100%; }
  #contact form fieldset fieldset fieldset { float: left; width: 268px; }
  #contact form input { border: 1px solid #5b6571; padding: 2px 1px; width: 258px; }
  #contact form input:focus { border-color: #e78430; }
  #contact form label { display: block; width: 268px; margin-bottom: 18px; float: left; }
  #contact form label.isInvalid { color: #3ba9ff; font-weight: bold; }
  #contact form label.city { width: 125px; }
  #contact form label.city input { width: 116px; }
  #contact form label.message { float: none; width: 536px; }
  #contact form label.state { width: 53px; }
  #contact form label.state select { border: 1px solid #5b6571; padding: 1px 0; width: 48px; }
  #contact form label.state select:focus { border-color: #e78430; }
  #contact form label.zip { width: 90px; }
  #contact form label.zip input { width: 81px; }
  #contact form small { color: #0c4c7f; float: right; margin-right: 6px; }
  #contact form strong { color: #0c4c7f; }
  #contact form textarea { border: 1px solid #5b6571; height: 84px; padding: 2px 1px; width: 526px; }
  #contact form textarea:focus { border-color: #e78430; }
  
  /* SLIDES*/
  #slides img { position: absolute; top: 0; left: -300px; z-index: 50; }
  
  /* QUICK-FORM */
  #quick { font-size: 1.2em; margin-bottom: 18px; width: 536px; }
  #quick a { margin-left: 9px; }
  #quick button { background: url(/assets/img/button.jpg) no-repeat 0% 0%; border: medium none; color: #fff; font-weight: bold; height: 22px; text-align: center; line-height: 1.5; text-transform: uppercase; width: 85px; }
  #quick button:hover { background-position: 0% 100%; }
  #quick fieldset fieldset fieldset { float: left; width: 268px; }
  #quick input { border: 1px solid #5b6571; padding: 2px 1px; width: 258px; }
  #quick input:focus { border-color: #e78430; }
  #quick label { display: block; width: 268px; margin-bottom: 18px; float: left; }
  #quick label.isInvalid { color: #3ba9ff; font-weight: bold; }
  #quick label.message { float: none; width: 536px; }
  #quick small { color: #0c4c7f; float: right; margin-right: 6px; }
  #quick strong { color: #0c4c7f; }
  #quick textarea { border: 1px solid #5b6571; height: 84px; padding: 2px 1px; width: 526px; }
  #quick textarea:focus { border-color: #e78430; }
  
  /* FOOTER */
  #footer { bottom: 0; background: #c87a3a; color: #92593c; padding: 15px 0 18px; position: absolute; text-align: center; width: 900px; }
  #footer ul li { display: inline; padding: 0 6px; }
  #footer a { color: #92593c; }
  #footer a:hover { color: #fff; text-decoration: underline; }
  
  /* CLASSES */
  .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
  .right { border: 1px solid #5b6571; float: right; margin: 0 0 9px 18px; }

  /* MSIE 7.0 */
  *+html .clear { height: 1%; }
  *+html #menu { padding: 6px 9px 5px;}
  *+html #menu li a { display: inline-block; padding: 6px 6px;}
  *+html #menu li ul li a { margin-bottom: 6px; padding: 1px 5px 1px 0; }
  *+html #contact form label.state select { margin-top: 1px; }
  *+html #contact form textarea { width: 527px; }
  
  /* MSIE 6.0 */
  * html .clear { height: 1%; }
  * html #menu { padding: 6px 9px 5px;}
  * html #menu li a { display: inline-block; padding: 6px 6px;}
  * html #menu li ul li a { margin-bottom: 6px; padding: 1px 5px 1px 0; }
  
}