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

 #news-body a:link, #news-list a:link, #contact-body a:link, #about-body a:link, #work-body a:link, #news-body a:link, #sitemap-body a:link {color: #fff; border-bottom:1px dotted #999; text-decoration:none;}
 #news-body  a:visited, #news-list a:visited, #contact-body a:visited, #about-body a:visited, #work-body a:visited, #news-body a:visited, #sitemap-body a:visited {color: #fff; border-bottom:1px dotted #999; text-decoration:none;}
 #news-body a:hover, #news-list a:hover, #contact-body a:hover, #about-body a:hover, #work-body a:hover, #news-body a:hover, #sitemap-body a:hover {color: #fff; border-bottom:1px solid #fff; text-decoration:none;}
 #news-body a:active, #news-list a:active, #contact-body a:active, #about-body a:active, #work-body a:active, #news-body a:active, #sitemap-body a:active {color: #fff; border-bottom:1px dotted #999; text-decoration:none;}

a
{
  outline: 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; 
}
#wrap-bg { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(images/template/wrap-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; 
}

#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;
        border:none;
}

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

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: 704px;
	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; }
#beth { top: 347px; width: 255px; }
#rig { top: 429px; width: 255px; }
#scott { top: 511px; width: 255px; }
#nick { top: 593px; 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;}
#beth 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;}
#scott a:hover { background: url(images/template/staff-side-bar.jpg) -310px -511px no-repeat;}
#nick a:hover { background: url(images/template/staff-side-bar.jpg) -310px -593px 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; margin-bottom: 200px;}
#clients-img {margin-top:20px;}

/**************/
#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 {margin: 30px 0 20px 0; padding: 0; width:500px;}
#work-list ul{ list-style-type:none; padding: 0; margin: 0;}
#work-list li {float:left; margin: 0 14px 14px 0;}

#work-list ul li a:link, #work-list ul li a:visited {border:none; text-decoration: none;}

#work-list img {border: 2px solid #404e7d;}
#work-list a:hover img {border: 2px solid #fff;}

/**************/
#work-nav {
	width: 300px;
	height: 610px;
	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 {width:255px; display: block; border:none; height: 40px;}

#work-1 { top: 19px; width: 255px;height: 40px;}
#work-2 { top: 59px; width: 255px; height: 40px;}
#work-3 { top: 99px; width: 255px; height: 40px;}
#work-4 { top: 139px; width: 255px; height: 40px;}
#work-5 { top: 179px; width: 255px; height: 40px;}
#work-6 { top: 219px; width: 255px; height: 40px;}
#work-7 { top: 259px; width: 255px; height: 40px;}
#work-8 { top: 299px; width: 255px; height: 66px;}
#work-9 { top: 365px; width: 255px; height: 66px;}
#work-10 { top: 431px; width: 255px; height: 40px;}
#work-11 { top: 471px; width: 255px; height: 40px;}
#work-12 { top: 515px; width: 255px; height: 66px;}

#work-1 a:hover { background: url(images/template/work-side-bar.jpg) -310px -19px no-repeat; height: 40px;}
#work-2 a:hover { background: url(images/template/work-side-bar.jpg) -310px -59px no-repeat; height: 40px;}
#work-3 a:hover { background: url(images/template/work-side-bar.jpg) -310px -99px no-repeat; height: 40px;}
#work-4 a:hover { background: url(images/template/work-side-bar.jpg) -310px -139px no-repeat; height: 40px;}
#work-5 a:hover { background: url(images/template/work-side-bar.jpg) -310px -179px no-repeat; height: 40px;}
#work-6 a:hover { background: url(images/template/work-side-bar.jpg) -310px -219px no-repeat; height: 40px;}
#work-7 a:hover { background: url(images/template/work-side-bar.jpg) -310px -259px no-repeat; height: 40px;}
#work-8 a:hover { background: url(images/template/work-side-bar.jpg) -310px -299px no-repeat; height: 66px;}
#work-9 a:hover { background: url(images/template/work-side-bar.jpg) -310px -365px no-repeat; height: 66px;}
#work-10 a:hover { background: url(images/template/work-side-bar.jpg) -310px -431px no-repeat; height: 40px;}
#work-11 a:hover { background: url(images/template/work-side-bar.jpg) -310px -471px no-repeat; height: 40px;}
#work-12 a:hover { background: url(images/template/work-side-bar.jpg) -310px -515px no-repeat; height: 66px;}
/**************/

#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; display:inline;}
#contact-body p {margin-left: 22px;}

/**************/ 
#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: 0px 0 10px 132px;
        margin: 0;
} 
 
#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 #999; text-decoration:none;}
#footer a:visited {color: #fff; border-bottom:1px dotted #999; 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 #999; 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;}
}