@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:0px; background:url(../images/bg.html) repeat-x left top;}


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

@media screen and (max-width: 478px) 	{
.logo { padding:0px 0px 0px 35px;}

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

#nav {z-index:9999;}
#nav li {float:left; position:relative; width:16.70%; text-align:center; margin:0px 0px 0px -1px}
#nav a {display:block; color:#fff; text-decoration:none; padding:5px 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:5;}

#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:20px; background-color:#316997; display:block; height:50px;}
#nav ul li {padding-top:0px; float:none; background:none; width:auto; margin:0px;}
#nav ul a {white-space:nowrap; padding:0px;}



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

}
	

@media screen and (min-width: 479px) and (max-width: 740px) {
.logo { padding:10px 0px 0px 35px;}

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

#nav {z-index:9999;}
#nav li {float:left; position:relative; width:16.70%; text-align:center; margin:0px 0px 0px -1px}
#nav a {display:block; color:#fff; text-decoration:none; padding:5px 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:5;}

#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:20px; background-color:#316997; display:block; height:50px;}
#nav ul li {padding-top:0px; float:none; background:none; width:auto; margin:0px;}
#nav ul a {white-space:nowrap; padding:0px;}



#nav li:hover ul {left:0; background:#252525; padding:0px 0px; z-index:999999;}
#nav li:hover a {text-decoration:none;}
#nav li:hover ul a {text-decoration:none; color:#ffffff; padding:2px 0px; background:url(../images/left_link_arows.html) no-repeat 5px center; font:normal 8px 'SegoeUISemibold', Helvetica, sans-serif; border:none;}
#nav li:hover ul li a:hover {color:#ffffff; background-color:#316997;}

}








#fotter { background-color:#FFFFFF; opacity:0.8; filter:alpha(opacity=80); position:absolute; bottom:0px; left:0px; width:100%; padding:6px 0px; z-index:9999; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; text-align:center; line-height:16px;}

.left_fotter { float:left; padding:0px 0px 0px 12px; font:normal 12px 'SegoeUISemibold', Arial, Helvetica, sans-serif; color:#333333; text-transform:uppercase; width:145px; text-align:left; line-height:16px; height:16px;}
.left_fotter img { float:right; padding:0px 0px 0px 8px;}
.right_fotter { float:right; padding:0px 12px 0px 0px;}
.right_fotter a { color:#333333; text-decoration:none; border-bottom:dotted 1px #ffffff;}
.right_fotter a:hover { color:#000000; text-decoration:none; border-bottom:dotted 1px #000000;}



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

.inner_main { position:relative; z-index:10; width:100%;}

.left_links {position:fixed; width:15%; height:100%; background:url(../images/left_links_bg.png) repeat left top; z-index:999999;}

.inner_logo {padding:15px 20px 40px 20px;}
.inner_logo img { width:100%;}



.menu2 {font:normal 13px 'SegoeUISemibold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; z-index:999999; margin:0px 0px 0px 0px; }

#nav1 {z-index:9999;}
#nav1 li {position:relative; text-align:left;}
#nav1 a {display:block; color:#5a5a5a; text-decoration:none; padding:8px 0px 8px 22px; }
#nav1 a:hover {color:#111111; text-decoration:none; background:url(../images/arows.png) no-repeat right center; box-shadow:0 0 1px #bababa; -webkit-box-shadow:0 0 1px #bababa;  }

#nav1 li:hover.active1 {color:#111111; background:url(../images/arows.png) no-repeat right center; box-shadow:0 0 1px #bababa; -webkit-box-shadow:0 0 1px #bababa;}

#nav1 ul {list-style:none; position:absolute; left:-100%; width:150px; padding:0px 0px 0px 0px; top:0px; background-color:#ff8a00; display:block;}
#nav1 ul li {padding-top:0px; float:none; background:none; width:auto !important;}
#nav1 ul a {white-space:nowrap; padding:0px;}



#nav1 li:hover ul {left:100%; background:#252525; padding:0px 0px; z-index:999999; opacity:0.9; filter:alpha(opacity=90);}
#nav1 li:hover a {text-decoration:none;}
#nav1 li:hover ul a {text-decoration:none; color:#ffffff; padding:8px 20px; font:normal 13px 'SegoeUISemibold', Helvetica, sans-serif; text-align:left;}
#nav1 li:hover ul li a:hover {color:#ffffff; background-color:#ff8a00; background-image:none; box-shadow:none;}
*/
.copyright {padding:180px 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;}