/* = reset reloaded
====================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* = general
====================================== */

body {
	text-align: center; 
	font-family: Georgia, Arial, Verdana, sans-serif;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px; 
	color: #000; 
	line-height: 19px; 
	margin:0; padding:0;
	background: url(../../i/bg2.jpg) no-repeat top center;	
}

hr {height:1px; margin-left: 3px; margin-right:3px; color:#000000;}
a {text-decoration: underline; color: #3389C3;}
a:hover {text-decoration: none}
td, table, div, img, form, input, textarea {
	border: 0px none; padding:0px; margin:0px;
}

h1,h2,h3,h4,h5{margin: 0; padding: 0}

.center {
	width: 923px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	border: none; 
	position: relative;
}

.clear {clear:both;}
.left{float: left; display: inline}
.right{float: right; display: inline}
.no_bg{background: none !important}

fieldset{border: none; margin: 0; padding: 0; }
p{margin: 0; padding: 5px 0 10px 0;}		


#links{
	width: 100%;
	float: left;
	display: block;
	clear: both;
}	

/* = links
====================================== */

#links{
	position: relative;

}
	
#links h1{
	float: left;
	margin: 0;
	padding: 0;
	padding: 20px 28px 4px 0px;
}	

#links h1 a{
	display: block;
	width: 66px;
	height: 60px;
	background: url(../../i/logo2.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}	


#links #menu{
	float: left;
	width: 690px;
	padding-top: 13px;
}	

#links #menu ul{
	list-style-type: none;
}
	
#links #menu ul li{
	float: left;
	padding-right: 30px;
}	

#links #menu ul li a{
	display: block;
	height: 20px;
	color: #024067;
	font-size: 18px;
	text-decoration: none;
}	




/* call us */

#links #call_us{
	float: right;
	width: 285px;	
	font-size: 13px;
	background: url(../../i/ico3.gif) no-repeat 2px 14px;
	padding-left: 20px;
	padding-top: 12px;
}	


#links #call_us span{
	float: left;
	display: block;
}

#links #call_us strong{
	color: #423F87;
	font-size: 16px;
	padding-right: 30px;
}

#links #call_us #sitemap{
	color: #4F4F4F;
	background: url(../../i/ico4.gif) no-repeat left 3px;	
	padding-left: 14px;
	vertical-align: middle;
	float: left;
	display: block;
	text-decoration: none;
}	


#links #form{
	float: right;
	width: 200px;	
	font-size: 13px;
	position: absolute;
	top: 45px;
	right: -30px;
}	

#links #form .text{
	background: url(../../i/form.gif) no-repeat;
	width: 121px;
	height: 24px;
	color: #4F4F4F;
	font-size: 13px;
	padding-top: 0px;
	padding-left: 3px;
	float: left;
}




/* = header
====================================== */

#header{
	background: url(../../i/top2.jpg) no-repeat;
	width: 923px;
	height: 233px;
	float: left;
	margin-bottom: 10px;
}

#header #info{
	color: #fff;
	padding-top: 25px;
	width: 400px;
	float: left;
	font-size: 15px;
}

#header #info div{
	padding-left: 10px;
	margin-top: -5px;
	margin-bottom: 10px;
}
	
#header #info h2{
	width: 399px;
	height: 34px;
	padding-bottom: 20px;
	font-size: 20px;
	color: #89939B;
	background: url(../../i/slogan.png) no-repeat 0 0;
	text-indent: -9999em;
}

#header #info h2 span{
	color:#fff;
}	

#header #info p{
	font-family: 'Trebuchet MS'; 
	font-size:17px; 
	font-weight:normal;
	padding-left: 10px;
	line-height: 20px;
}	

#header #info p a{

}	

#header #info p strong{
	color: #44B6DF;
}	
	
#header #projects{
	float: left;
	width: 460px;
	padding-left: 62px;
}

#header #projects #image{
	float: left;
	width: 212px;
	padding-top: 30px;
}

#header #projects #image a{
	color: #fff;
	font-size: 12px;
}	



#header #projects #image span{
	width: 212px;
	height: 154px;
	display: block;
}

#header #projects #image span img{
	margin-bottom: 4px;
}	

#header #projects #image #zoom{
	background: url(../../i/ico1a.gif) no-repeat left 2px;
	padding-left: 15px;
	display: block;
	float: left;
}

#header #projects #image #details{
	background: url(../../i/ico2a.gif) no-repeat left 6px;
	padding-left: 8px;
	display: block;
	float: right;
}


#header #projects .desc{
	float: left;
	width: 220px;
	padding-top: 30px;
	padding-left: 25px;
	color: #fff;
	height: 167px;
	position: relative;
	overflow: hidden;
}
	
	
#nav ul{
	float: right;
	padding-right: 30px;
	list-style-type: none;
	background: url(../../i/ul.gif) no-repeat;
	padding-left: 3px;
}
		
#nav ul li{
	float: left;
}
		
#nav ul li a{
	display: block;
	width: 21px;
	height: 21px;
	background: url(../../i/li.gif) no-repeat;
	color: #fff;
	text-decoration: none;
	padding-top: 3px;
	text-align: center;
	font-size: 12px;
}	

#nav ul li a:hover{
	background: url(../../i/li_hover.gif) no-repeat;
	font-weight: bold;
}	

#nav .ac{
	background: url(../../i/li_hover.gif) no-repeat;
	font-weight: bold;
}	

.pause a{
	background: url(../../i/pause.gif) no-repeat !important;
	width: 30px !important;
}

.play a{
	background: url(../../i/play.gif) no-repeat !important;
	width: 30px !important;
}	

#project_container {
	height: 195px;
	position: relative;
}

#project_container .folio {
	position: absolute;
}

#nav {
	position: relative;
}
	
/* = content
====================================== */

#content{
	background: url(../../i/content.gif) repeat-y;
	float: left;
}

	
/* = left
====================================== */

#left{
	float: left;
	width: 630px;
	padding-right: 23px;
}

#left h2{
	border-bottom: 1px solid #EDEDED;
	font-family: 'Trebuchet MS'; 
	font-size:17px; 
	font-weight:normal;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #4F4F4F;
}

#left ul{
	padding-left: 30px;
	padding-bottom: 10px;
}
	
	
#left p{
}	

	
/* = solutions
====================================== */

.solutions{
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 10px 0 20px 0;
	margin-bottom: 20px;
}

	
.solutions .box{
	float: left;
	width: 225px;
	height: 70px;
	padding-left: 75px;
	padding-right: 15px;
}

.solutions #glob1{ background: url(../../i/glob1a.jpg) no-repeat;}
.solutions #glob1 h3 a{color: #84B04A;}

.solutions #glob2{ background: url(../../i/glob2a.jpg) no-repeat;}
.solutions #glob2 h3 a{color: #B6A44F;}

.solutions #glob3{ background: url(../../i/glob3a.jpg) no-repeat;}
.solutions #glob3 h3 a{color: #B43736;}

.solutions #glob4{ background: url(../../i/glob4a.jpg) no-repeat;}
.solutions #glob4 h3 a{color: #5951A3;}

.solutions .box h3 a{
	padding-top: 5px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
	
.solutions .box h3 a:hover{
	text-decoration: underline;
}	
	
	
.solutions .box p{
	padding: 0;
	margin: 0;
}
		
.solutions .box p a{
	color: #000;
	font-size: 14px;
	text-decoration: none;
}	

.solutions .box p a:hover{
	text-decoration: underline;
}	

/* = who we are
====================================== */

.txt p{
	padding-right: 20px;
	padding-left: 5px
}
	
	
/* = right
====================================== */

#right{
	float: right;
	width: 270px;
}

		
#right h2{
	font-family: 'Trebuchet MS'; 
	font-size:17px; 
	font-weight:normal;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #4F4F4F;
}	
	
	
	
/* = request
====================================== */
	
#request #small span{
	float: left;
}

#request #small span{
	width: 120px;
	float: left;
}


#request label{
	font-size: 12px;
	display: block;
}		

#request label strong{
	color: #544C9E;
	font-size: 14px;	
}	
	
		
#request #small span .small_text{
	background: url(../../i/form.gif) no-repeat;
	width: 116px;
	height: 24px;
	color: #4F4F4F;
	font-size: 12px;
	padding-top: 0;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
}	

#request textarea{
	width: 262px;
	height: 108px;
	background: url(../../i/textarea.gif) no-repeat;	
	color: #4F4F4F;
	font-size: 13px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;	
	padding-bottom: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}	

#request .info{
	font-size: 11px;
	color: #797979;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	clear: both;
	display: block;
}	

#request .info strong{
	color: #544C9E;
	font-size: 14px;
}

#request .submit, .reg_form .submit {
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #E1E1E1;
	font-size: 12px;
	cursor: pointer;
}
	
#request .submit:hover, #request .submit:active
.reg_form .submit:hover, .reg_form .submit:active {
	font-weight: bold;
	padding: 4px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #C4C4C4;
	font-size: 12px;
	cursor: pointer;
} 
	
fieldset#small {
	margin-bottom: 6px;
}
	
/* = footer
====================================== */
	
#footer{
	float: left;
	width: 760px;
	background: url(../../i/footer.gif) no-repeat;
	padding-top: 20px;
	font-size: 12px;
	padding-left: 20px;
}	

#footer ul{
	list-style-type: none;
}
	
#footer ul li{
	display: inline;
	color: #B7B7B7;
}	

#footer ul li a{
	font-size: 14px;
	padding-left: 2px;
	padding-right: 2px;
}
	
#footer p{
	color: #9A9A9A;
}




#header #projects .image{
	float: left;
	width: 212px;
	padding-top: 30px;
	position: relative;
	overflow: hidden;
}

#header #projects .image a{
	color: #fff;
	font-size: 12px;
}	



#header #projects .image span{
	width: 212px;
	height: 154px;
	display: block;
}

#header #projects .image img{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 212px;
}	

#header #projects .image #zoom{
	background: url(../../i/ico1a.gif) no-repeat left center;
	padding-left: 18px;
	display: block;
	float: left;
}

#header #projects .image #details{
	background: url(../../i/ico2a.gif) no-repeat left 6px;
	padding-left: 9px;
	display: block;
	float: right;
}

#header #projects .desc p {
	font-size: 12px;
}

#header #projects .desc a {
	color: #282C2F;
}