* {margin:0; padding:0; border:0}
html {height:100%}
body {height:auto !important; height:100%; min-height:100%; min-width:800px; background:#fff; color:#333; font:12px Verdana, Arial, Helvetica, sans-serif}

.shadow-l {position:absolute; width:10px; height:100%; background:url(../images/shadow-l.png) repeat-y}
.shadow-b {position:absolute; width:100%; height:10px; background:url(../images/shadow-b.png) repeat-x}

#header {width:100%; height:110px; display:block}

#logo {position:relative; top:5px; left:10px; width:320px; height:100px; background:url(../images/printco-logo.gif) center center no-repeat; z-index:5}
#logo a {position:relative; top:16px; left:87px; color:#999; font:10px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0; text-transform:uppercase}
#logo a:hover {color:#000; background:none; border:none}

#menu {position:relative; display:block; margin:0 0 0 10px; padding:0; height:90px; background:#accae9 url(../images/menu-bg.gif) repeat-x; border-bottom:1px solid #ccc;}
#menu .shadow-b {top:250px; z-index:5}
#menu #flash {position:relative; margin:0 0 0 202px; top:20px}

#menu-left {height:100%; position:absolute; padding:40px 20px; top:110px; left:10px; width:160px; background:#ceddf4 url(../images/menu-left-bg.gif) repeat-x; border-right:1px solid #ddd; border-left:1px solid #ddd; z-index:5}
#menu-left .shadow-l {left:-11px}
#menu-left .body {padding:40px 8px 20px 18px; width:164px; overflow:hidden}
#menu-left b {display:block; font-size:18px; display:block; font-weight:normal; color:#999; line-height:16px; padding:0; margin:0}
#menu-left ul {margin:6px 0; list-style:none}
#menu-left li {margin:18px 0; list-style-image:none}
#menu-left li {font-size:11px}
#menu-left .active {font-size:12px; color:#930}
#menu-left .active img {filter:Alpha(Opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
#menu-left img {position:relative; display:block; float:left; padding-right:4px; top:-6px; filter:Alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5}
#menu-left a:hover img {filter:Alpha(Opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
#menu-left ul ul {margin:0 0 0 29px}
#menu-left ul ul li {margin:4px 0}
#menu-left ul ul li a {font-size:10px}

#note-line {position:absolute; display:block; top:110px; right:0; left:0; height:20px; width:100%; background:#fdf4e7 url(../images/note-arrow.gif) no-repeat; z-index:6}
#note-line i {font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; letter-spacing:1px; line-height:18px; padding-left:17px}

#content {padding:0 10px 40px 240px; min-height:600px}

#footer {position:relative; width:100%; height:20px; background:#accae9; overflow:hidden; clear:both}

#copyrights {position:relative; top:20px; left:10px; width:200px; height:80px; text-align:center; font-size:9px; color:#666; line-height:14px; overflow:hidden; z-index:8}
#copyrights i {font-style:normal; letter-spacing:1px}

#phone {position:absolute; top:35px; right:280px; z-index:5; text-align:center; letter-spacing:3px; font-size:12px; color:#999}
#phone b {position:relative; top:-5px; font-family:Arial, Helvetica, sans-serif; font-size:35px; font-weight:bold; color:#9dbee3; letter-spacing:normal}

#hot-news {position:absolute; top:10px; left:340px; width:200px; height:70px; background:#ceddf4 url(../images/menu-left-bg.gif) repeat-x; 
background-position:0 -140px; border:1px solid #ccc; font-size:10px; z-index:8; padding:10px; overflow:hidden}

#banner {position:absolute; top:20px; left:340px; width:200px; height:70px; background:#ceddf4 url(../images/menu-left-bg.gif) repeat-x; background-position:0 -140px; border:1px solid #ccc; z-index:8; padding:3px; overflow:hidden}


#cabbinete-panel {position:absolute; top:10px; right:0px; width:250px; height:123px; background:#ceddf4 url(../images/menu-left-bg.gif) repeat-x; background-position:0 -140px; z-index:7; border:1px solid #fff; font-size:11px}
#cabbinete-panel .shadow-b {top:124px; left:2px; z-index:7}
#cabbinete-panel .body {padding:5px; text-align:center; font-size:10px}
#cabbinete-panel .body a {font-size:10px}
#cabbinete-panel b {display:block; text-align:center; font:14px Verdana, Arial, Helvetica, sans-serif; color:#009; padding:0 0 5px 0; margin:0;}
#cabbinete-panel fieldset label {width:70px; float:left; clear:left; text-align:right; font-size:10px; padding:7px 4px; color:#999}
#cabbinete-panel fieldset input {float:left; margin:3px 0; padding:2px; clear:right; font-size:12px; color:#666; border:1px solid #999}
#cabbinete-panel fieldset button {float:left; padding:0; margin:4px 2px}
#cabbinete-panel #cabbinete-icon {position:absolute; top:-7px; left:18px; background:url(../images/login-icon.png) no-repeat; width:48px; height:48px}

#search-panel {position:absolute; top:143px; right:0px; width:250px; height:62px; background:#ceddf4 url(../images/menu-left-bg.gif) repeat-x; background-position:0 -170px; z-index:7; border:1px solid #fff}
#search-panel .shadow-b {top:63px; left:2px; z-index:7}
#search-panel .body {padding:5px; text-align:center}
#search-panel b {display:block; text-align:center; font:12px Verdana, Arial, Helvetica, sans-serif; color:#009; padding:0 0 5px 0; margin:0; letter-spacing:1px}
#search-panel #search_form input {float:left; font-size:12px; color:#666; border:1px solid #999; padding:2px 5px; margin-left:46px}
#search-panel #search_form button {float:left; padding:0; margin:0 2px}
#search-panel #search-icon {position:absolute; top:3px; left:18px; background:url(../images/search-icon.png) no-repeat; width:48px; height:48px}

#footer-print {display:none}
#logo-print {display:none}

#form input, textarea, select, option { border-top:1px solid #666; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #666}


.news {padding:5px 20px 30px 0; margin:0}
.news .news-date {float:left; padding:5px 3px; margin:0; color:#039; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.news .news-title {float:left; padding:2px 0; margin:0; font-size:16px; color:#930}
.news .news-body {clear:both; padding:0 20px; margin:0; line-height:18px}