/*----------------------------------------------------
                 Vitria - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html, body{height:100%;}
body {
font-family:Tahoma, Arial, Verdana;
font-size:12px;
margin:0 auto;
padding:0;
color:#6b6b6b;
line-height:18px;
background-color:#dce1e4;
background:url(../images/bg-content-inner.gif) 0px 0px repeat-x;
}
* {
margin:0;
padding:0;
}
*:focus {
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
border: 0;
color: #222222;
background-color: #222222;
height: 1px;
margin:10px 0px 10px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; font-family:Tahoma, Verdana;}
h1 {font-size:34px; line-height:30px}
h2 {font-size:28px; line-height:26px;}
h3 {font-size:24px; line-height:20px;}
h4 {font-size:18px; line-height:16px; }
h5 {font-size:16px; line-height:14px;}

/* links */
a {color:#4174b5;text-decoration:none;}
a:hover{color:#77a3dc;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:19px;
margin-bottom:14px;
color:#000;
}
p{
	text-align:justify !important;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:0px 4px 0px 38px;
background-image:url(../images/quote.png);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#outer-container{background-image:url(../images/bg-content.gif); background-repeat:repeat-x; background-position:top;}
#container{background-image:url(../images/bg-centercolumn.jpg); background-repeat:no-repeat; width:100%; background-position:top center;}
#container-bottom{ background-image:url(../images/bg-footer.gif); background-repeat:repeat-x; width:100%; background-position:top; height:91px;}
.centercolumn-top{margin:0px auto; width:1015px;}
.centercolumn{margin:0px auto; width:960px;}


/* 
------------------------------------------------------*/
#top{height:160px;}
#topleft{float:left; width:325px;}
#logo{padding:20px 0px 0px 20px; width:500px;}
#topright{float:left; width:680px; padding:0px 0px 0px 0px;}

/* Top Navigation bar menu styling */
#nav-menu {width:680px; margin:110px 0px 0px 0px; list-style-type:none;/* float:left;*/}

.ie6 #nav-menu{
	
	margin:12px 0px 0px 160px;
	padding:0px;
	float:left;
}
#nav {margin:0px 0px 0px 0px; padding:0px; float:left;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:left;
margin-right:8px;
font:normal 20px Tahoma, Arial, Verdana;
border-bottom:1px solid #30567f;
min-width:70px;
line-height:26px;

}
#nav li a {
z-index: 10;
display: block;
float: left;
text-align:left;
height: 26px;
position: relative;
overflow: hidden;
padding-right:30px; 
color:#000;
text-decoration:none;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
text-align:left;
height: 26px;
position: relative;
overflow: hidden;
padding-right:30px; 
border-bottom:3px solid #30567f;
/*min-width:70px;*/ 
color: #000;
}
#nav li.current{
z-index: 10;
display: block;
float: left;
height: 26px;
position: relative;
overflow: hidden;
padding:0px;
border-bottom:3px solid #30567f;
min-width:70px;
}


/* Front Page Slider
------------------------------------------------------*/
#container-slider{width:1015px; height:360px; margin-bottom:15px;
margin-top:5px; background-image:url(../images/bg-slider.png); background-repeat:no-repeat; float:left;}
#slider-box{position:relative; margin:0px auto; padding-top:20px; height:252px; overflow:hidden;}
#slider-box ul, #slider-box li{margin:0px; padding:0px;	list-style:none;}
#slider-box li{width:900px; height:252px; padding:0px; float:left;}
.slider-img{width:376px; height:252px; margin-left:30px; margin-right:50px; float:left;}
#slider-box li.slider-text{width:900px; float:left;}
#slider-box li.slider-text p{width:420px; float:left; font-family:Arial, Helvetica, sans-serif;}
.slider-text h1{margin:20px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;}
.readmore-slider{float:right; padding:10px 30px 0px 0px;}

/* Slider Navigation styling */
#slider-navigation{width:850px; height:30px; margin:0px auto;}
#slogan-text{width:850px; margin-top:45px; font-family:Arial, Helvetica, sans-serif;}
.slogan{width:850px; text-align:center;}
#prev{display:block; float:left;}
#prev a{width:41px; height:41px; position:relative;	top:33px; left:38px; display:block; background:url(../images/slide-prev.gif) no-repeat 0 0; cursor:pointer; float:left; }
#next a{width:41px; height:41px; position:relative;	top:33px; right:38px; display:block; background:url(../images/slide-next.gif) no-repeat 0 0; cursor:pointer; float:right; }


/* Content
------------------------------------------------------*/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-border{float:left; margin-top:5px; margin-right:15px; border:6px solid #b6bec2;}
.imgright-border{float:right; margin-top:5px; margin-right:15px; border:6px solid #b6bec2;}
.imgcenter{display: block;margin-left: auto;margin-right: auto;}
.front-img{padding-top:5px;}

#content{padding:28px 0px 35px 0px;}
#contentleft{float:left; width:615px; overflow:hidden;}
.maincontent h3{width:615px; color:#000; padding-bottom:9px; margin-bottom:10px; border-bottom:4px solid #d1d5d8; font-family:Arial, Helvetica, sans-serif;}

.maincontent p{color:#000;}
.maincontent h4{margin-bottom:5px; color:/*#4174b5*/#000;}
.sidecontent h3{width:310px; color:/*#4174b5*/ #000; padding-bottom:9px; margin-bottom:10px; border-bottom:4px solid #d1d5d8;}
#side{float:left; width:310px; padding:0px 0px 0px 35px}
.box-main{width:295px; float:left; padding:5px 0px 0px 0px;}
.box-main p{text-align:left;}
.spacer{width:25px; float:left; display:block; height:100%;}
.icon{width:95px; height:100px; float:left;}

ul.news-list {margin:0px; padding:0px 0px 15px 0px; list-style-type:none;}
ul.news-list li {line-height:18px; padding:10px 0px; border-bottom:1px solid #d0d0d0;}
ul.news-list li a {text-decoration:none;}
ul.news-list li a:hover {text-decoration:underline;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {background-image:url(../images/arrow.gif); background-position:0px 6px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}


/* Bottom Content
------------------------------------------------------*/
#bottom-content{ background: #cfd2d4 url(../images/bottom-content.gif) 0px 0px;width:100%; background-position:top; height:180px;}
#bottom-content-inner{width:960px; font-size:11px; color:#cfd2d4 ; margin:0px auto; padding:15px 0px;}
.front-quote{font-size:11px; color:#989898;}
.bottom-main{width:100%; float:left;}
.bottom-main h6{color:#989898; margin-bottom:0px; font-size:16px;}

.ie6 .bottom-main h6{ margin-left:20px;
}
.bottom-spacer{width:30px; background-image:url(../images/v-line.gif); background-position:center; background-repeat:repeat-y; height:113px; float:left}
ul.list-bottom{margin:0px; padding:px 0px 0px 12px; list-style-type:none; margin:0px;}
ul.list-bottom li{float:left; padding:0px 10px; width:67px; height:120px; text-align:left; font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-align:center; color:#000; }
.ie6 ul.list-bottom li{
	width:47px;

}

.list-bottom li img{
/*	padding-bottom:10px;*/
}
.list-bottom{
color:#000;
}

.bootom_item{ text-align:left; margin:60px 0px; padding:0px;}


/* Footer
------------------------------------------------------*/
#footer{width:960px; margin:0px auto; font-size:11px; color:#626262; background:url(../images/bg-footer.gif) 0px 0px repeat-x;}
.left-footer{width:400px; padding-top:25px; float:left;}
.right-footer{width:222px; padding-top:32px; float:right;}
.footer-icon{float:left; margin-right:10px;}
#footer a, #footer a:visited{text-decoration:none; color:#626262;}
#footer a:hover{text-decoration:underline;}


.sidecontent{
	overflow:hidden;
	float:left;
}

.service_list_1{
	width:600px;
	overflow:hidden;
	margin:0px 0px 5px 5px;
	float:left;
}

.service_list_2{
	width:600px;
	overflow:hidden;
	margin:0px 0px 5px 5px;
	float:left;
}

.service_list_3{
	width:600px;
	margin:0px 0px 5px 5px;
}

.service_list_1 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_1 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}

.service_list_2 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_2 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}

.service_list_3 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_3 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}

.service_list_4{
	width:600px;
	margin:0px 0px 5px 5px;
}


.service_list_4 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_4 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}


.service_list_5{
	width:600px;
	margin:0px 0px 5px 5px;
}


.service_list_5 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_5 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}


.service_list_6{
	width:600px;
	margin:0px 0px 5px 5px;
}

.service_list_6 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_6 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}


.service_list_7{
	width:600px;
	margin:0px 0px 5px 5px;
}

.service_list_7 ul{
	list-style-type:none;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	
}

.service_list_7 ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
	text-decoration:none;
}


#service_main{
	width:615px;
	overflow:hidden;
}

#products{
	width:615px;
/*	background:#0000ff;*/
	margin:0px;
}

#engineering h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#engineering p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:5px 10px 0px 10px;
	margin:0px;
}

#gis{
	width:615px;
	margin:10px 0px 0px 0px;
/*	background:#FF0;*/
	padding:0px;
}

#gis h1{font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 0px 0px;

 }
 
 #gis p{
	 font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:5px 0 0px 0;
	margin:0px;
 }
 
/* #gis ul{
	 margin:5px;
	 padding:0px;
	 list-style-type:circle;
 }*/
 
 #gis ul li{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#000;
	 padding:5px 0px 0px 0px;
 }
 
 #graphics_modeling{
	 width:615px;
	 margin:-20px 0px 0px 0px;
	 padding:0px;
/*	 background:#0C0;*/
 }
 
 #graphics_modeling h1{
	 padding:5px 0px 0px 10px;
	 margin:0px;
	 font-family:"Arial Black", Gadget, sans-serif;
	 font-size:16px;
	 color:#000;
 }
 
 #graphics_modeling p{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#000;
	 margin:5px 0px 0px 10px;
 }
 
 #graphics_modeling ul li{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#000;
	 
	 margin:0px;
 }
 
 #Scanning_Plotting{
	 width:615px;
	 margin:-20px 0px 0px 0px;
	 padding:0px;
/*	 background:#F00;*/
 }
 
 #Scanning_Plotting h1{	 
 	padding:5px 0px 0px 10px;
	 margin:0px;
	 font-family:"Arial Black", Gadget, sans-serif;
	 font-size:16px;
	 color:#000;
 }
 
 #Scanning_Plotting p{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#000;
	 margin:5px 0px 0px 10px;
 }
 
 #special_border{
	 border:2px solid #a5caf6;
	 
 }
 
 #clients_list{
	 width:100%;
	 height:200px;
	 background:#ff0000;
	 margin:0px;
	 padding:0px;
 }
 
 #client_header{
	 color:#989898;
	 padding-bottom:10px;
	 font-size:16px;
	 margin-top:50px;
	 text-align:left;
 }
	 
	 
	 #clients_list ul{
		 list-style-type:none;
		 float:left;
	 }
	 
	 #clients_list li{
		 float:left;
		 padding-right:10px;
		 width:67px;
		 height:80px;
		 background:#00ff00;
		 margin-right:5px;
	 }
	 
	 #list_first{
		 padding-right:0px;
		 margin-left:0px;
	 }
	 
	 #name{
		 list-style-type:none;
		 margin:0px;
		 padding:0px;
	 }
	 
	 #name li{
		 float:left;
	 }
	 
	 .clients_list_menu{
		 width:67px;
		 height:120px;
		 margin:0px 10px 0px 0px;
		 float:left;
		 background:#FF0;
	 }
	 
	 .clients_list_menu img{
		 display:block;
	 }