/* = 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,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/page/body_blue.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;
}


/* = submenu
====================================== */

#submenu{
	padding: 10px 0 0 0px;
	width: 195px;
}

#submenu_start{
	background: url(../../i/page/menu_start.jpg) no-repeat;
	width: 195px;
	height: 2px;
}

#submenu_end{
	background: url(../../i/page/menu_end.jpg) no-repeat;
	width: 195px;
	height: 2px;
}


#submenu_bg{
	background: url(../../i/page/menu_bg.jpg) repeat-y;
	width: 195px;
	padding-bottom: 10px;
}

#submenu ul{
	list-style-type: none;
	padding-left: 20px;
	font-size: 13px;
	padding-right: 20px;
	line-height: 22px;
}

#submenu ul li a:hover{

}
	
.lev1{
	color: #fff;
	border-bottom: 1px solid #3D4855;
	font-weight: bold;
	display: block;
	padding-top: 7px;
	text-decoration: none;
}	

.lev1:hover{
	color: #6E7A88;
}
	
.lev2{
	color: #999FA5;
	font-weight: normal;
	display: block;
	text-decoration: none;
	font-size: 13px;
}	

.lev2:hover{
	text-decoration: underline;
}	

#ac{
	color: #44B6DF !important;
}	

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

#header{
	background: url(../../i/page/header_blue.jpg) no-repeat;
	width: 923px;
	height: 54px;
	float: left;
	padding-top: 34px;
	color: #fff;
	font-size: 22px;
}

	
/* = headers
====================================== */

.headers{
	text-indent: -9999px;
	overflow: hidden;
	height: 24px;
	width: 200px;
	float: left;
}
	
#our_company{background: url(../../i/headers/our_company.gif) no-repeat;}
#portfolio{background: url(../../i/headers/portfolio.gif) no-repeat;}
#contact_us{background: url(../../i/headers/contact_us.gif) no-repeat;}
#requst_a_quote{background: url(../../i/headers/requst_a_quote.gif) no-repeat;}
#support_desk{background: url(../../i/headers/support_desk.gif) no-repeat;}
#testimonials{background: url(../../i/headers/testimonials.gif) no-repeat;}
#our_solutions{background: url(../../i/headers/our_solutions.gif) no-repeat;}
	
	
/* = content
====================================== */

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

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

#left{
	float: left;
	width: 700px;
	padding-right: 23px;
	padding-bottom: 30px;
}

#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 ol, #left ul{
	padding-left: 30px;
	padding-bottom: 10px;
}
	
	
	
#left p{
}	

	
/* = portfolio
====================================== */

.folio{
	padding-top: 25px;
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
	
.folio .image{
	float: left;
	width: 260px;
	height: 190px;
	background: url(../../i/page/image.gif) no-repeat;
	padding-top: 2px;
	padding-left: 2px;
}

.folio .image a{
	display: block;
	padding-left: 28px;
	padding-top: 2px;
	font-size: 13px;
}
	

.folio h3{
	border-bottom: 1px solid #EDEDED;
	font-family: 'Trebuchet MS'; 
	font-size:15px; 
	font-weight:normal;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #4F4F4F;	
	float: left;
	width: 420px;
}

.folio h3 strong{
	color: #423F87;
}	

.folio h3 span{
	font-size: 14px;
}
	
.folio p{
	padding-top: 10px;
	float: left;
	width: 400px;
}		

.spacer{
	color: #B7B7B7;
	font-size: 12px;
}
	
	
.sitemap a{
	color: #3389C3;
}

.sitemap ul{
	list-style-type: none;
}	

.sitemap .lev1{
	border-bottom: 1px solid #E6E8EA !important;
}	
	
	
/* = testimonials
====================================== */

.refer{
	padding-top: 25px;
	clear: both;
	width: 100%;
}
	
.refer .image{
	float: left;
	width: 190px;
	height: 140px;
	padding-top: 2px;
	padding-left: 2px;
	text-align: right;
	padding-right: 25px;

}

.refer .image img{
	margin-top: 10px;
}	
	

.refer h3{
	border-bottom: 1px solid #EDEDED;
	font-family: 'Trebuchet MS'; 
	font-size:15px; 
	font-weight:normal;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #4F4F4F;	
	float: left;
	width: 420px;
}

.refer h3 strong{
	color: #423F87;
}	

.refer h3 span{
	font-size: 14px;
}
	
.refer p{
	padding-top: 10px;
	float: left;
	width: 400px;
}		

		

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

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

.txt h4{
	color: #423F87;
	font-family: 'Trebuchet MS'; 
	font-size:15px; 
	font-weight:bold;
	padding-bottom: 5px;
	padding-top: 10px;
}	
	

/* = contact form
====================================== */

#contact_intro{}
#contact_intro p{}


.reg_form h3{
	clear: both; 
	display: block; 
	width: 100%; 
	float: left;
	border-bottom: 1px solid #F3F3F3; 
	border-top: 8px solid #F3F3F3;
	font-family: 'Trebuchet MS'; 
	font-size:14px; 
	font-weight:normal;
	margin-top: 25px; 
	margin-bottom: 20px; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

.reg_form label{
	display: block;
	color: #494949;
	margin-bottom: 3px;
}	


.reg_form label span{
	color: #494949 !important;
}	

.err{
	clear: both;
	font-size: 11px;
	display: block;
	height: 30px;
	display: block;
	color: #BA0000;	
}	


.reg_form span{
	color: #BA0000;
}	

.input_reg{
	background: #F3F3F3;
	border: none; 
	border-top: 2px solid #B7B7B7; 
	border-left: 1px solid #B7B7B7;
	height: 19px;
	font-size: 12px; 
	padding-top: 2px; 
	padding-left: 2px;
	width: 220px; 

}

.reg_form select{
	background: #F3F3F3;
	border: none; border-top: 2px solid #B7B7B7; border-left: 1px solid #B7B7B7;
	width: 190px; height: 19px;
	font-size: 11px; padding-top: 2px; padding-left: 2px;
	margin-bottom: 15px;
}

.textarea_reg{
	background: #F3F3F3;
	border: none; 
	border-top: 2px solid #B7B7B7; 
	border-left: 1px solid #B7B7B7;
	font-size: 12px; 
	padding-top: 2px; 
	padding-left: 2px;
	padding-bottom: 2px;
	width: 230px; 
	height: 92px;
	font-family: Arial, Verdana, sans-serif;
}	


.input_reg_small{
	background: #F3F3F3;
	border: none; border-top: 2px solid #B7B7B7; border-left: 1px solid #B7B7B7;
	width: 104px; height: 19px;
	font-size: 11px; padding-top: 2px; padding-left: 2px;
	 float: left
}
.info_reg{
	border-left: 1px solid #F3F3F3;
	padding-left: 20px;
	float: left; 
	width: 150px;
}	

.info_reg h4{
	color: #423F87; 
	font-size: 13px
}

.info_reg p{
	color: #9A9A9A; 
	padding-bottom: 5px; 
	font-size: 12px;
}

.info_reg span u{
	font-size: 12px;
	color: #423F87; 
}

.reset_reg{
	background: none; border: none; 
	color: #423F87; 
	text-decoration: underline; 
	font-weight: bold; 
	font-size: 11px;
	margin: 0;
}	


/* = quote
====================================== */

.quote_intro{
	background: url(../../i/quote.gif) no-repeat bottom right;
	padding-right: 140px;
	height: 150px;
}


/* = support
====================================== */


.support{
	background: url(../../i/support.gif) no-repeat bottom right;
	padding-right: 140px;
	height: 150px;
}


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

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

.solutions h2{
	clear: both;
}	

.solutions h2 a{
	text-decoration: none;
}	

	
.solutions .box{
	padding: 10px 15px 25px 75px;
	float: left;
	width: 600px;
}


.solutions .box p{
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 350px;
	border-left: 1px solid #EDEDED;
	padding-left: 20px;
}
		


.solutions .box ul{
	float: left;
	width: 160px;
	list-style-type: none;
	padding: 5px 0 0 0;
}	

.solutions .box ul li a{
	font-family: 'Trebuchet MS'; 
	font-size:14px; 
	font-weight:normal;
}


.solutions #glob1{ background: url(../../i/glob1a.jpg) no-repeat 15px 10px;}
.solutions #glob1_h2{color: #84B04A !important;}

.solutions #glob2{ background: url(../../i/glob2a.jpg) no-repeat 15px 10px;}
.solutions #glob2_h2{color: #B6A44F;}

.solutions #glob3{ background: url(../../i/glob3a.jpg) no-repeat 15px 10px;}
.solutions #glob3_h2{color: #B43736;}

.solutions #glob4{ background: url(../../i/glob4a.jpg) no-repeat 15px 10px;}
.solutions #glob4_h2{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;
}	
	
	


.clear{clear: both}

	
		
/* = right
====================================== */

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

		
#right h2{
	font-family: 'Trebuchet MS'; 
	font-size:17px; 
	font-weight:normal;
	padding-bottom: 5px;
	padding-top: 15px;
	color: #4F4F4F;
}	
	
	
	

	
/* = footer
====================================== */
	
#footer{
	float: left;
	width: 760px;
	background: url(../../i/footer_page.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;
}		

#activ{
	font-weight: bold;
	text-decoration: none;
}
	
	
#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;
}

.reg_form .reset_reg {
	text-decoration: none;
	color: #656565;
	background-color: #EDEDED;
}

.reg_form .reset_reg:hover, .reg_form .reset_reg:active {
	background-color: #E1E1E1;
}

#paginator {
	display: block;
	position: relative;
	margin-top: 20px;
	margin-left: 5px;
}

#paginator ul {
	position: relative;
	overflow: hidden;
	float: left;
	padding-left: 0;
	margin-top: 5px;
}

#paginator li {
	float: left;
	list-style-type: none;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #BDBDBD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 5px 0;
	text-align: center;
	background-color: #E8E8E8;
	font-size: 12px;
	line-height: 19px;
}

#paginator li a, #paginator li a#next,
#paginator li a#prev {
	color: #000;
	text-decoration: none;
	display: block;
	width: 20px;
	height: 20px;
	font-weight: bold;
}

#paginator li a:hover {
	text-decoration: underline;
}

#paginator li a:visited {
	color: #898989;
}

#paginator p {
	float: left;
	line-height: 19px;
	margin-right: 10px;
}


.images_sp {
	width: 235px;
	height: 162px;
	overflow: hidden;
}