/*

Copyright Chapman Data Services | All Rights Reserved
Developed by Scott English and Rob Busby
Designed by Rob Busby
Date: 01 December 2009

site size:
	width: 950px
	height: 700px
	
site colors:
	124f80 - drk blue
	13446c - drkr blue
	247fc8 - lte blue
	cee3f3 - lter blue

site font:
	Verdana, Geneva, sans-serif

*/

/* body background 124f80*/

html {
	background: url(../images/trim-bot.jpg) repeat-x center bottom;
}

/* body elements - text, ul, img, etc. */
body {
	font-size: .84em;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.1em;
	text-align: justify;
	color: #1d1d1d;
	background: url(../images/trim-top.jpg) repeat-x center top;
}

html, body {
	height: auto;
}

body,td,th {
	font-size: 0.84em;
}

ul, li, img, body, html {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #1b4e93;
}

a:hover {
	text-decoration: none;
	color: #C03;
}

a img {
	border: none;
}

#sm-text {
	font-size: 0.80em;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

/* container wrap */
#container {
	text-align: left;
	width: 950px;
	height: 100%;
	margin: auto;
}

#container ul, #container ul li {
	list-style-type: none;
	padding: 0;
}

/* header - 1 */
#header {
	width: 950px;
	height: 119px;
	background: url(../images/1-1.jpg) no-repeat;
}

/* logo - 2 */
#lg {
    width: 950px;
    height: 65px;
    margin: 0px auto; 
    padding: 0;
    position: relative;
}

#lg li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 65px;
    display: block;
}

#lg1 {
	left: 0;
	width: 166px;
	background: url(../images/2-1.jpg);
}

#lg2 {
	left: 166px;
	width: 266px;
	background: url(../images/2-2.jpg);
}

#lg3 {
	left: 432px;
	width: 134px;
	background: url(../images/2-3.jpg);
}

#lg4 {
	left: 566px;
	width: 306px;
	background: url(../images/2-4.jpg);
}

#lg5 {
	left: 872px;
	width: 78px;
	background: url(../images/2-5.jpg);
}

/* top - 3 */
#tp {
    width: 950px;
    height: 68px;
    margin: 0px auto; 
    padding: 0;
    position: relative;
}

#tp li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 68px;
    display: block;
}

#tp li, #tp a {
    height: 68px;
    display: block;
}

#tp1 {
	left: 0;
	width: 166px;
	background: url(../images/3-1.jpg);
}

#tp2 {
	left: 166px;
	width: 266px;
	background: url(../images/3-2.jpg);
}

#tp3 {
	left: 432px;
	width: 518px;
	background: url(../images/3-3.jpg);
}

/* links - 4 */
#ls {
    width: 950px;
    height: 26px;
    background: url(../images/4-1-services.jpg);
    margin: 0px auto; 
    padding: 0;
    position: relative;
}

#ls li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#ls li, #ls a {
    height: 26px;
    display: block;
}

#ls1 {
	left: 202px;
	width: 107px;
}

#ls1 a:hover { /* home */
	background: url(../images/btn-home.jpg) no-repeat;
}

#ls2 {
	left: 309px;
	width: 107px;
}

#ls2 a:hover { /* services */
	background: url(../images/btn-services.jpg) no-repeat;
}

#ls3 {
	left: 416px;
	width: 116px;
}

#ls3 a:hover { /* ftp upload */
	background: url(../images/btn-web.jpg) no-repeat;
}

#ls4 {
	left: 532px;
	width: 112px;
}

#ls4 a:hover { /* the printad */
	background: url(../images/btn-tpa.jpg) no-repeat;
}

#ls5 {
	left: 644px;
	width: 107px;
}

#ls5 a:hover { /* contact us */
	background: url(../images/btn-contact.jpg) no-repeat;
}

/* body-top - 5 */
#body-top {
	width: 950px;
	height: 19px;
	background: url(../images/5-1.jpg) no-repeat;
}

/* body-bottom - 7 */
#body-bottom {
	width: 950px;
	height: 50px;
	background: url(../images/7-1-disclaimer.jpg) no-repeat;
}

/* footer-text - 8 */
#ft {
    width: 950px;
    height: 49px;
    margin: 0px auto; 
    padding: 0;
    position: relative;
}

#ft li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 49px;
    display: block;
}

#ft1 {
	left: 0;
	width: 68px;
	background: url(../images/8-1.jpg);
}

#ft2 {
	left: 68px;
	width: 37px;
	background: url(../images/8-2.jpg);
}

#ft3 {
	left: 105px;
	width: 736px;
	background: url(../images/8-3.jpg);
}

#ft4 {
	left: 841px;
	width: 40px;
	background: url(../images/8-4.jpg);
}

#ft5 {
	left: 881px;
	width: 69px;
	background: url(../images/8-5.jpg);
}

/* bottom - 9 */
#bottom {
	width: 950px;
	height: 45px;
	background: url(../images/9-1.jpg) no-repeat;
}

/* footer-links - 10 */
#ftlx {
	width: 950px;
	height: 18px;
	margin: 0px auto;
	padding: 0;
	position: relative;
}

#ftlx li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 18px;
    display: block;
}

#ftlx1 {
	left: 0;
	width: 68px;
	background: url(../images/10-1.jpg);
}

#ftlx2 {
	left: 68px;
	width: 813px;
	background: url(../images/10-2.jpg);
}

#ftlx3 {
	left: 881px;
	width: 69px;
	background: url(../images/10-3.jpg);
}

/* footer - 11 */
#footer {
	width: 950px;
	height: 15px;
	background: url(../images/11-1.jpg) no-repeat;
}


/* roll menu */

table {
	empty-cells: show;
	border-collapse: collapse;
}

#left_nav {
	float: left;
}

div.sidebar {
	width: 280px;
	height: 40px;
}
div.sidebar a{
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	height: 100%;
}

/* left roll images */
div#ac {
	background: url(../images/z-ac-1.gif) left top no-repeat;	
}
div#ac:hover{
	background: url(../images/z-ac-2.gif) left top no-repeat;	
}
div#de {
	background: url(../images/z-de-1.gif) left top no-repeat;	
}
div#de:hover {
	background: url(../images/z-de-2.gif) left top no-repeat;	
}
div#dp {
	background: url(../images/z-dp-1.gif) left top no-repeat;	
}
div#dp:hover {
	background: url(../images/z-dp-2.gif) left top no-repeat;	
}
div#shop {
	background: url(../images/z-shop-1.gif) left top no-repeat;	
}
div#shop:hover {
	background: url(../images/z-shop-2.gif) left top no-repeat;	
}
div#per {
	background: url(../images/z-per-1.gif) left top no-repeat;	
}
div#per:hover {
	background: url(../images/z-per-2.gif) left top no-repeat;	
}
div#prt {
	background: url(../images/z-prt-1.gif) left top no-repeat;	
}
div#prt:hover {
	background: url(../images/z-prt-2.gif) left top no-repeat;	
}
div#wh {
	background: url(../images/z-wh-1.gif) left top no-repeat;	
}
div#wh:hover {
	background: url(../images/z-wh-2.gif) left top no-repeat;	
}
div#rw {
	background: url(../images/z-rw-1.gif) left top no-repeat;	
}
div#rw:hover {
	background: url(../images/z-rw-2.gif) left top no-repeat;	
}

/* right default images */
div#right_roll_default {
	float:left;
	width: 505px;
	height: 320px;
	background: url(../images/zz-default.gif) right top no-repeat;
}
div#main_window_content_default {
	padding-left: 10px;
	padding-top: 90px;
	margin-right: 10px;
}


div.right_roll {
	float:left;
	width: 505px;
	height: 320px;
/*	margin-left: 200px; */
}


div.main_window_content {
	padding-left: 10px;
	padding-top: 90px;
	margin-right: 10px;

}

div#right_roll_ac {
	background: url(../images/zz-ac.gif) right top no-repeat;
}
div#right_roll_de {
	background: url(../images/zz-de.gif) right top no-repeat;
}
div#right_roll_dp {
	background: url(../images/zz-dp.gif) right top no-repeat;
}
div#right_roll_shop {
	background: url(../images/zz-shop.gif) right top no-repeat;
} 
div#right_roll_per {
	background: url(../images/zz-per.gif) right top no-repeat;
}
div#right_roll_prt {
	background: url(../images/zz-prt.gif) right top no-repeat;
}
div#right_roll_wh {
	background: url(../images/zz-wh.gif) right top no-repeat;
}
div#right_roll_rw {
	background: url(../images/zz-rw.gif) right top no-repeat;
}