@charset "utf-8";

body, h1, h2, h3, form, ul, li, ol {margin:0px; padding:0px;}

ul, ol { list-style:none; }

p { padding:10px 0px; margin:0px; }



/* Floating */

.fl {float:left;}

.fr { float:right; }

.cl { clear:both; border:none !important; padding:0px !important;}



/* Text align */

.tal { text-align:left; }

.tac { text-align:center; }

.tar { text-align:right; }

.taj { text-align:justify; }

.vm { vertical-align:middle; }



a { color:#FFA22F; text-decoration:underline;}

a:hover { color:#FFA22F; text-decoration:underline;}

a, a img { border:0 none; outline:none; }



input, select, textarea {}

.button {}

.noborder { border:0px none; vertical-align:middle; }

html, body {height: 100%;}

body {font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff; padding:0px; margin-left:15px; background:url(../images/bg.html) repeat-x left top;
-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; }

#main { position:relative; z-index:100; background:url(../images/wight_bg.png) repeat-x left top; width:100%; height:100px;}

.logo { padding:15px 0px 0px 25px;}

h1 	{ font-size: 30px; color:#000000; font-family: 'Droid Serif', serif; line-height: 45px; padding: 15px 0px 0px 30px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}

h1 a:hover	{ text-decoration: none; color: #27B3CF; }

.col 			{ width: 90%; float: left; padding-left:10px; margin-left:20px;  
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	background-color: #EFEFEF;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

.menu1 { position:absolute; left:200px; top:1%; z-index:150; width:75%;}

.menu {background:url(../images/line.png) repeat-y right top #252525; font:normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; color: #FFFF00; opacity:0.9; filter:alpha(opacity=90); z-index:9999; margin:0px 0px 0px 0px; width:100%;}

#nav {z-index:200;}
#nav li {float:left; position:relative; width:12%; text-align:center; margin:0px 0px 0px -1px}
#nav a {display:block; color:#fff; text-decoration:none; padding:10px 0px; border-left:solid 1px #000000; border-right:solid 1px #000000; position:relative;}
#nav a:hover {color:#ffffff; text-decoration:none; background:#316997; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; z-index:200;}
#nav li:hover.active {background:#316997; color:#252525;}


#nav ul {list-style:none; position:absolute; left:-9999px; width:100%; padding:0px 0px 0px 0px; top:37px; background-color:#316997; display:block; height:75px;}

#nav ul.clients {list-style:none; position:absolute; left:-9999px; width:100%; padding:0px 0px 0px 0px; top:37px; background-color:#316997; display:block; height:148px;}

#nav ul li {padding-top:0px; float:none; background:none; width:auto; margin:0px;}

#nav ul a {white-space:nowrap; padding:0px;}



.contact {font:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:25px;}



#nav li:hover ul {left:0; background:#252525; padding:0px 0px; z-index:200; margin-top:-3px;}

#nav li:hover a {text-decoration:none;}

#nav li:hover ul a {text-decoration:none; color:#ffffff; padding:10px 0px; background:url(../images/left_link_arows.html) no-repeat 15px center; font:normal 14px 'SegoeUISemibold', Helvetica, sans-serif; border:none;}

#nav li:hover ul li a:hover {color:#ffffff; background-color:#316997;}



ul.a {list-style-type: disc; line-height:35px; padding:10px;}

.title
{
	margin:10px 0px 10px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	float:left;
	line-height:25px;
}
.title a:link {color:#0000EE;}
.title a:hover {color:#FF0000 ;}
.title a::visited {color:"#808080";}
.titelred
{
	margin:10px 0px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#CC3300;
	float:left;
	line-height:25px;
}
#footer { background-color:#FFFFFF; opacity:0.4; filter:alpha(opacity=40); position: fixed; bottom:0px; left:0px; width:100%; padding:3px 0px; z-index:9999; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; text-align:center; line-height:16px;}



.left_footer { float:left; padding:0px 0px 0px 450px; font:normal 12px 'SegoeUISemibold', Arial, Helvetica, sans-serif; color:#333333; width:245px; text-align:left; line-height:16px; height:16px;}

.left_footer img { float:right; padding:0px 0px 0px 8px;}

.right_footer { float:right; padding:0px 12px 0px 0px;}

.right_footer a { color:#333333; text-decoration:none; border-bottom:dotted 1px #ffffff;}

.right_footer a:hover { color:#000000; text-decoration:none; border-bottom:dotted 1px #000000;}

.copyright { padding:0px 0px 0px 175px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#444444; width:100%;}





.inner_bg { position:fixed; width:100%; height:100%;}

.inner_bg img {width:100%; height:100%;}

.copyright {padding:0px 15px 0px 15px; font:normal 11px Arial, Helvetica, sans-serif; color:#444444; width:100%;}



.socialicon {padding:0px 0px 20px 0px; font:normal 12px 'SegoeUISemibold', Arial, Helvetica, sans-serif; color:#555555; text-transform:uppercase; width:126px; text-align:left; line-height:16px; height:16px;}

.socialicon img { float:right; padding:0px 1px 0px 1px;}

.copyright a { color:#333333; text-decoration:none; border-bottom:dotted 1px #333333; }

.copyright a:hover { color:#000000; text-decoration:none; border-bottom:dotted 1px #000000; }





#inner_title {font:normal 40px 'SegoeUILight', Arial, Helvetica, sans-serif; color:#ffffff; text-align:left; padding:55px 0px 20px 15px;}





.contentpage {padding:0px 10% 0px 10%; text-align:justify; line-height:16px;}



.contentpage strong { color:#FFA22F; }

.contentpage b { color:#ffffff; }





#content_right { float:right; width:77%; height:100%;}





.clients {}

.clients ul {}

.clients li { float:left; width:16%; margin:0px 3% 3% 0px; padding:0px;}

.clients li img { width:100%; margin:0px; padding:0px;}



#msg { color:#FF0000; font:normal 14px Arial, Helvetica, sans-serif; display:block; padding:0px 0px 12px 0px;}

.text_box {background-color:#bbbbbb; border:solid 1px #dddddd; padding:8px 12px; outline:none; text-align:left; font:normal 14px Arial, Helvetica, sans-serif; width:90%; margin:0px 0px 12px 0px;}



.text_box:focus {border:solid 1px #FFA22F; outline:none;}

.red { color:#FF0000;}

.submit_btn { background-color:#ff8a02; font:bold 14px Arial, Helvetica, sans-serif; border:none; cursor:pointer; width:75px; height:28px; color:#ffffff; margin:0px 5px 0px 0px;}

.submit_btn:hover { background-color:#ffffff; color:#333333;}



.projects {}

.projects ul {}

.projects li { float:left; width:29%; margin:0px 3% 0px 0px; background-color:#111111; font:normal 18px 'SegoeUISemibold', Arial, Helvetica, sans-serif; text-align:center; padding:0px 0px 6px 0px;}

.projects li img { width:100%; padding:0px 0px 2px 0px;}

.projects li a { color:#ffffff; text-decoration:none;}

.projects li a:hover { color:#ff8a02; text-decoration:none;}



.points { padding:6px 0px 0px 5px;}

.points ul {}

.points li { background:url(../images/arows1.png) no-repeat left 8px; padding:5px 0px 5px 20px; line-height:normal;}