#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;}



html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #000;
} 
 
#content { 
 width:866px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: url(images/template/content-bg.jpg) 0 0 no-repeat; 
} 

a
{
  outline: none;
}



/**************/ 
#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;}

/**************/ 
#current-proj {padding-left:18px; padding-bottom:0px;}
#current-proj h1 {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;} 
/**************/ 

#welcome {margin: 10px 20px 90px 60px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#welcome img {margin-left: 178px;}
#welcome p { margin: 14px 66px 14px 0px;color: #fff; text-align:center; font-size:12px;}
#welcome ul {list-style-type:none; float:left; font-size:12px; font-weight: bold; padding: 0 0 0 0; margin: 0 60px 0 20px ;}
#welcome li {color:#878cb7; margin-bottom:6px;}

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

#left-col{
 width:246px; 
 float:left; 
 position:relative;  
 margin-top:30px; 
 }
 
#two-cols{
 width:505px; 
 float:right; 
 position:relative;
 margin-top:30px; 
  }
 
#right-col{
 width:250px; 
 float:right; 
 position:relative; 
 }
 
#main-col{  
 float: left; 
 display:inline; 
 position: relative; 
 width:255px; 
 }

/**************/ 
#wrap-mafia { float:right; margin:0 0 0 0;}
#wrap-mafia a{background: url(images/template/wrap-mafia.gif) 0px 0 no-repeat; display:block; width: 170px; height: 110px; padding: 0; margin: 0 0 0 0;}
#wrap-mafia a:hover{background: url(images/template/wrap-mafia.gif) 0px -110px no-repeat;}
#wrap-mafia span {display: none;}

#upload {margin-top:10px;}
#upload a{background: url(images/template/upload-a-file.gif) 0px 0 no-repeat; display:block; width: 142px; height: 50px; padding: 0; margin: 0 0 0 0;}
#upload a:hover{background: url(images/template/upload-a-file.gif) 0px -50px no-repeat;}
#upload span {display: none;}

#video a{background: url(images/template/parade.gif) 0px 0 no-repeat; display:block; width: 209px; height: 102px; padding: 0; margin: 0 0 0 0;}
#video a:hover{background: url(images/template/parade.gif) 0px -102px no-repeat;}
#video span {display: none;} 

/**************/
.jcarousel-skin-tango {padding-top: 50px; margin-left:75px;}

#veh a{background: url(images/template/slide/veh.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#veh a:hover{background: url(images/template/slide/veh.jpg) 0px -109px no-repeat;}
#veh span {display: none;} 

#vin a{background: url(images/template/slide/vin.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#vin a:hover{background: url(images/template/slide/vin.jpg) 0px -109px no-repeat;}
#vin span {display: none;} 

#str a{background: url(images/template/slide/str.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#str a:hover{background: url(images/template/slide/str.jpg) 0px -109px no-repeat;}
#str span {display: none;} 

#int a{background: url(images/template/slide/int.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#int a:hover{background: url(images/template/slide/int.jpg) 0px -109px no-repeat;}
#int span {display: none;}

#rou a{background: url(images/template/slide/rou.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#rou a:hover{background: url(images/template/slide/rou.jpg) 0px -109px no-repeat;}
#rou span {display: none;} 

#bui a{background: url(images/template/slide/bui.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#bui a:hover{background: url(images/template/slide/bui.jpg) 0px -109px no-repeat;}
#bui span {display: none;} 

#let a{background: url(images/template/slide/let.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#let a:hover{background: url(images/template/slide/let.jpg) 0px -109px no-repeat;}
#let span {display: none;}

#ins a{background: url(images/template/slide/ins.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#ins a:hover{background: url(images/template/slide/ins.jpg) 0px -109px no-repeat;}
#ins span {display: none;} 

#ban a{background: url(images/template/slide/ban.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#ban a:hover{background: url(images/template/slide/ban.jpg) 0px -109px no-repeat;}
#ban span {display: none;} 

#cus a{background: url(images/template/slide/cus.jpg) 0px 0 no-repeat; display:block; width: 109px; height: 109px; padding: 0; margin: 0 0 0 0;}
#cus a:hover{background: url(images/template/slide/cus.jpg) 0px -109px no-repeat;}
#cus 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*/ 
#left-col{display:none;} 

/*hide the right column when printing*/ 
#right-col{display:none;} 
#two-cols, #main-col{width:100%; float:none;}
}