/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: Computer Solutions
Date: March 2008
CSS: Styles for all pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html { width:100%; height:100%; }
body { position:relative; min-width:762px; width:100%; height:100%; font:normal 62.5%/1.3 Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#464646; background:#fff; } /* fixed for IE in hacks.css */

a { color:#05c; text-decoration:underline; }
a:hover { text-decoration:none; }
h1 img, h2 img { display:block; }

#all { position:relative; width:762px; min-height:100%; height:auto; margin:0 auto; } /* fixed for IE in hacks.css */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header { height:161px; padding:21px 0 0 193px; }
.logo { position:absolute; top:42px; left:23px; }


.illustrate { position:relative; width:569px; height:144px; background:url('../images/illustrate4.jpg') no-repeat; }
.illustrate ul { position:absolute; bottom:0; right:1px; }
.illustrate li { float:left; height:28px; margin-right:6px; background:url('../images/bg-illustrate-link-left.png') no-repeat; } /* fixed for IE in hacks.css */
.illustrate li a { display:block; height:28px; color:#fff; text-decoration:none; background:url('../images/bg-illustrate-link-right.png') no-repeat 100% 0;; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:Verdana } /* fixed for IE in hacks.css */
.illustrate li a span { display:block; height:19px; padding-top:9px; cursor:pointer; background:url('../images/bg-illustrate-a.gif') repeat-x;; margin-left:30px; margin-right:14px; margin-top:0; margin-bottom:0 } /* fixed for IE in hacks.css */
.illustrate li a:hover { text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content { overflow:hidden; padding-bottom:10px; } /* fixed for IE in hacks.css */
.left-column { width:203px; float:left; }
.right-column { width:559px; float:left; }

/* Navigation */
.navi { background:#3a6ea5 url('../images/bg-navi.gif') no-repeat;; margin-left:0; margin-right:17px; margin-top:0; margin-bottom:26px }
.navi-inner { background:url('../images/bg-navi-inner.gif') no-repeat 0 100%;; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:1px }
.navi li { position:relative; margin-bottom:5px; font:1.1em Verdana; color:#fff; background:#4889ce; border:1px solid #7a9ec4; }
.navi li:hover { background:#56acf6; border:1px solid #b7cbdf; }
.navi li a { display:block; height:13px; padding:4px 0 6px 6px; color:#fff; text-decoration:none; } /* fixed for IE in hacks.css */
.navi li.drop a { background:url('../images/navi-arrow.gif') no-repeat 165px 9px; }

.navi-drop { display:none; position:absolute; top:0; left:175px; padding:3px 5px; background:#3a6ea5; border-bottom:1px solid #fff; border-right:1px solid #fff; z-index: +1; }
.navi-drop li { border-left:0px none; border-right:0px none; border-top:0px none; margin-bottom:0; white-space:nowrap; font-size:1em; background:none; border-bottom:1px solid #6b92bc }
.navi-drop li:hover { border-left:0px none; border-right:0px none; border-top:0px none; background:none; border-bottom:1px solid #6b92bc;  }
.navi-drop li a { margin:1px 0; height:auto; padding:3px 7px 6px 6px; } /* fixed for IE in hacks.css */
.navi-drop li a:hover, .navi-drop li:hover a { background:#56acf6; }

.navi li:hover .navi-drop { display:block; }

/* Contats */
.contacts { padding:0 0 20px 14px; }
.contacts h2 { padding-bottom:11px; }
.contacts p.tel { background:url('../images/ico-tel.gif') no-repeat; color:#4b4b4b; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.2em; font-family:Verdana; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:7px }
.contacts p.mail { padding-left:25px; background:url('../images/ico-mail.gif') no-repeat 0 2px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.1em; font-family:Verdana }

/* Right content */
.inner-content { font:1.1em/1.5 Verdana; }
.inner-content h1 { margin-bottom:11px; padding-bottom:6px; background:url('../images/bg-h1.gif') repeat-x 0 100%; }
.inner-content p { padding-bottom:15px; }
.inner-content img.flo-left { float:left; padding:6px 19px 6px 0; }
.inner-content .list ul { bottom:0; right:1px; }
.inner-content li { background:url('../images/bullet.gif') no-repeat 5px 5px; padding-left: 1.3em; }
.map { z-index: -1; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.logotypes { width:762px; margin-bottom:20px; background:url('../images/bg-logotypes.gif') repeat-y; }
.logotypes-inner { background:url('../images/bg-logotypes2.gif') no-repeat; }
.logotypes-inner-sub { overflow:hidden; background:url('../images/bg-logotypes3.gif') no-repeat 0 100%;; padding-left:12px; padding-right:0; padding-top:21px; padding-bottom:23px } /* fixed for IE in hacks.css */
.logotypes-inner-sub .logos { float:left; margin-right:12px; height:42px; }
.logotypes-inner-sub .logos img { display:block; }

.bottom-menu { padding-bottom:9px; text-align:center; color:#000; }
.copyright { padding-bottom:9px; text-align:center; color:#000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */