html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #000;
} 

 a:link {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}
 a:visited {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}
 a:hover {color: #fff; border-bottom:1px solid #fff; text-decoration:none;}
 a:active {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}
 
 
#about-bg { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(../images/template/about-bg.jpg) 0 0 no-repeat; 
}
#news-bg { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(../images/template/news-bg.jpg) 0 0 no-repeat; 
}
#wrap-bg { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(../images/template/wrap-bg.jpg) 0 0 no-repeat; 
}

#sitemap-bg { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(../images/template/sitemap-bg.jpg) 0 0 no-repeat; 
} 
/**************/ 
#header{
 	position:relative; 
 	height:101px;  
 	width:100%;
	padding-top:21px;
	padding-left:3px;
} 

h1.logo {
	background: url(../images/template/csi-logo.jpg) top left no-repeat;
	width: 196px;
	height: 101px;
	float: left;
	margin: 0 0 0 0;
}

h1.logo span {
	height: 0;
	width: 0;
	overflow: hidden;
	font-size: 1px;
	color: #333;
	display: block;
}

h1.logo a {
	width: 196px;
	height: 101px;
	display: block;
	border:none;
}

/**************/ 

#nav {
	width: 664px;
	height: 101px;
	background: url(../images/template/menu.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
}

#nav li {top:20px; margin: 0 0 0 0; padding: 0 0 0 0 ; list-style: none; position: absolute; }
#nav li, #nav a { height: 41px; display: block; border:none; text-indent: -9999px;}

#home { left: 114px; width: 72px; }
#about { left: 186px; width: 100px; }
#our { left: 286px; width: 107px;}
#news { left: 393px; width: 75px;}
#contact { left: 468px; width: 98px; }

#home a:hover { background: url(../images/template/menu.jpg) -114px -120px no-repeat;}
#about a:hover { background: url(../images/template/menu.jpg) -186px -120px no-repeat;}
#our a:hover { background: url(../images/template/menu.jpg) -286px -120px no-repeat;}
#news a:hover { background: url(../images/template/menu.jpg) -393px -120px no-repeat;}
#contact a:hover { background: url(../images/template/menu.jpg) -468px -120px no-repeat;}

/**************/
#staff-nav {
	width: 300px;
	height: 538px;
	background: url(../images/template/staff-side-bar.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	top: 0;
}
#staff-nav span { display:none;}
#staff-nav li { margin: 0px; padding: 0px; list-style: none; position: absolute;}
#staff-nav li, #staff-nav a { height: 82px; width:255px; display: block; border:none; }

#chuff { top: 19px; width: 255px; }
#jhuff { top: 101px; width: 255px;}
#knight { top: 183px; width: 255px;}
#khuff { top: 265px; width: 255px; }
#hart { top: 347px; width: 255px; }
#rig { top: 429px; width: 255px; }

#chuff a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -19px no-repeat;}
#jhuff a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -101px no-repeat;}
#knight a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -183px no-repeat;}
#khuff a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -265px no-repeat;}
#hart a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -347px no-repeat;}
#rig a:hover { background: url(../images/template/staff-side-bar.jpg) -310px -429px no-repeat;}

/**************/
#about-wrapper {margin-top:200px;}
#side-bar{
 width:300px; 
 float:left; 
 position:relative; 
 padding: 0 0 0 3px;
 margin: 0; 
 }
 
#about-body{  
 float: right; 
 display:inline; 
 position: relative; 
 width:557px; 
 padding: 56px 0 0 0;
 margin: 26px 3px 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 background:url(../images/template/about-us.gif) 0 0 no-repeat;
 }
#about-title {margin: 0 0 20px 0;}
#about-body h2 {margin: 0 50px 10px 170px; font-size: 16px; font-weight:bold;}
#about-body #title {font-size:12px; font-weight:normal;}
#about-body p {margin: 0 50px 10px 0px; font-size: 12px; }
#staff-photo {float:left; margin-right: 17px;}
#clients-img {margin-top:10px;}


/**************/
#work-wrapper {margin-top:200px;}
#side-bar{
 width:300px; 
 float:left; 
 position:relative; 
 padding: 0 0 0 3px;
 margin: 0; 
 }
 
#work-body{  
 float: right; 
 display:inline; 
 position: relative; 
 width:557px; 
 padding: 26px 0 0 0;
 margin: 0px 3px 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 }
#work-body #work-title {margin-bottom: 26px;}
#work-body h2 {margin: 0 50px 10px 0px; font-size: 16px; font-weight:bold;}
#work-body p {margin: 0 50px 10px 0px; font-size: 12px;}

#work-list ul{ list-style-type:none; padding: 0; margin: 20px 50px 0 0;}
#work-list li {float:left; margin: 0 14px 14px 0;}

#work-list li a:link {color: #404e7d; border:none;}
#work-list li a:hover {color: #fff; border:none;}

/**************/
#work-nav {
	width: 300px;
	height: 538px;
	background: url(../images/template/work-side-bar.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	top: 0;
}
#work-nav span { display:none;}
#work-nav li { margin: 0px; padding: 0px; list-style: none; position: absolute;}
#work-nav li, #work-nav a { height: 40px; width:255px; display: block; border:none; }

#veh { top: 19px; width: 255px; }
#vin { top: 59px; width: 255px;}
#str { top: 99px; width: 255px;}
#int { top: 139px; width: 255px; }
#cus { top: 179px; width: 255px; }
#bui { top: 219px; width: 255px; }
#let { top: 259px; width: 255px; }
#ins { top: 299px; width: 255px; }
#sig { top: 339px; width: 255px; }
#ban { top: 379px; width: 255px; }
#oth { top: 419px; width: 255px; }

#veh a:hover { background: url(../images/template/work-side-bar.jpg) -310px -19px no-repeat;}
#vin a:hover { background: url(../images/template/work-side-bar.jpg) -310px -59px no-repeat;}
#str a:hover { background: url(../images/template/work-side-bar.jpg) -310px -99px no-repeat;}
#int a:hover { background: url(../images/template/work-side-bar.jpg) -310px -139px no-repeat;}
#cus a:hover { background: url(../images/template/work-side-bar.jpg) -310px -179px no-repeat;}
#bui a:hover { background: url(../images/template/work-side-bar.jpg) -310px -219px no-repeat;}
#let a:hover { background: url(../images/template/work-side-bar.jpg) -310px -259px no-repeat;}
#ins a:hover { background: url(../images/template/work-side-bar.jpg) -310px -299px no-repeat;}
#sig a:hover { background: url(../images/template/work-side-bar.jpg) -310px -339px no-repeat;}
#ban a:hover { background: url(../images/template/work-side-bar.jpg) -310px -379px no-repeat;}
#oth a:hover { background: url(../images/template/work-side-bar.jpg) -310px -419px no-repeat;}
/**************/
#news-body{  
 float: right; 
 display:inline; 
 position: relative; 
 width:557px; 
 padding: 56px 0 0 0;
 margin: 26px 3px 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 background:url(../images/template/news.gif) 0 0 no-repeat;
 min-height:300px; height:auto !important;
  height:300px;
 }
#news-body h2 {margin: 0 50px 10px 0; font-size: 16px; font-weight:bold;}
#news-body p {margin: 0 50px 10px 0; font-size: 12px; }
#news-list {margin-top: 20px;color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.news-date { font-size:11px; 
color: #8f92b4;}
#news-list li {margin: 0 60px 14px 0; }


/**************/ 
#contact-body {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#contact-title {margin: 20px 0 0 22px;}
#contact-photo {float: right; margin-right: 30px;}
#contact-body p {margin-left: 22px;}

/**************/ 
#upload-body {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#upload-title {margin: 20px 0 0 22px;}
#upload-body p {margin: 0 0 0 22px; padding: 0;}

#upload-left {
	float: left;
	width:	250px;
}

#upload-left input, #upload-right input {
	background-color:#ccc;
	padding: 3px;
	font-size: 12px;
	width: 160px;
	margin-bottom: 8px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border: 1px solid #111;
}

#upload-left input:hover, #upload-right input:hover {
background-color:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;

}

#upload-right {
	float: left;
	margin-top:29px;
}

/**************/ 
#sitemap-body {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#sitemap-title {margin: 20px 0 0 22px;}
#sitemap-photo {float: right; margin-right: 30px;}
ul#sitemap-list li {margin-bottom: 10px;}
#sitemap-list li ul {margin-bottom: 10px;}
#sitemap-list ul li {margin-top: 6px;}

/**************/ 

#footer{
 	height:30px; 
 	clear:both;
	padding: 6px 0 10px 132px;
} 
 
#footer p {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
 	text-align:center;
 	color:#FFF;
	float:left;
}

#footer a:link {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}
#footer a:visited {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}
#footer a:hover {color: #fff; border-bottom:1px solid #fff; text-decoration:none;}
#footer a:active {color: #fff; border-bottom:1px dotted #fff; text-decoration:none;}

#footer #tm a{background: url(../images/template/tm_logo.gif) 6px 0 no-repeat; display:block; float:left;width: 200px; height: 30px; padding: 0; margin: 0px 0 0 0; border:none;}
#footer #tm a:hover{background: url(../images/template/tm_logo.gif) 6px -30px no-repeat;}
#footer #tm span {display: none;}
 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}