/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#000000;
}
*{
	padding:0;
	margin:0;
}
ul,li,ol{
	padding:0;
	margin:0;
	list-style:none;
}
.hide,h1 b,h2 b,h5 b,a i{
     position: absolute;
     left: -9999px;
}
#wrap{
	width:886px;
	margin:82px auto 0 auto;
	background-color:#FFFFFF;
}
#header{
	width:886px;
	height:264px;
	background:url(images/header.gif) no-repeat;
}
#header h1{
	width:220px;
	height:60px;
	padding: 90px 0 0 25px;
}
#header h1 a{
	display:block;
	width:220px;
	height:60px;
}
#navbar{
	width:886px;
	height:28px;
	background-color:#231F20;
}
#navbar ul{
	padding:0 40px 0 40px;
	text-align:right;
}

#navbar ul li{
	line-height:28px;
	display:inline;
	background:url(images/bullet.gif) no-repeat 0 5px;
}
#navbar ul li a{
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 12px;
}
#navbar ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#navbar ul li.nobullet{
	background:none;
}
#navbar ul li .selected{
	font-weight:bold;
}
.welcome{
	width:886px;
	background:#FFFFFF;
}
.welcome h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8CC541;
	padding:0 25px;
	line-height:52px;
}
.content{
	width:886px;
	overflow:hidden;
	background:#D9D9D9;
	padding-bottom:8px;
}
.picture{
	width:217px;
	float:left;
	padding:17px 0 6px 24px;
}
.gallery{
	width:99px;
	float:left;
	height:99px;
	margin:0 9px 14px 0;
}
.gallery img{
	border:5px solid #FFFFFF;
}
.about{
	width:340px;
	float:left;
	padding:27px 15px 0 20px;
}
.about h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
}
.about p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 12px 0;
}
.about ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 12px 10px;
	background:url(images/circle.gif) no-repeat 0 5px;
	
}
.benifit{
	width:262px;
	float:left;
	padding:27px 0 0 0;
}
.benifit h3{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
	padding-left:55px
 }
.benifit ul{
	border-left:1px solid #8CC541;
	padding:0 0 0 55px;
}
.benifit ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 5px 0;
}

#footer{
	width:886px;
	height:106px;
	overflow:hidden;
}
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:20px 0 30px 25px;
	float:left;
}
#footer p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
#footer img{
	float:right;
	margin:10px 35px 0 0;
}
.developed{
	width:886px;
	background:#000000;
}
.developed p{
	padding:5px 0 30px 10px;
	font-size:10px;
	color:#FFFFFF;
}
.developed p a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

/*-------------- aboutpage ----------*/

.aboutpage{
	width:574px;
	float:left;
	padding:35px 15px 0 35px;
}
.aboutpage h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
}
.aboutpage p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 12px 0;
}
.aboutpage ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 12px 10px;
	background:url(images/circle.gif) no-repeat 0 5px;
	
}
.cross{
	padding-bottom:15px;
}
.aboutpage span{
	color:#3833F2;
}
.aboutpage span a{
	color:#3833F2;
	text-decoration:none;
}
.aboutpage em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0 0 15px 0;
	display:block;
}

.aboutbenifit{
	width:262px;
	float:left;
	padding:35px 0 0 0;
}
.aboutbenifit h3{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
	padding-left:10px
 }
.aboutbenifit ul{
	border-left:1px solid #8CC541;
	padding:0 0 0 10px;
}
.aboutbenifit ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:0 0 5px 0;
}
.latestproject{
	width:262px;
	float:left;
	padding:35px 0 0 0;
}
.latestproject h3{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
	padding-left:10px
 }
 #footer1{
	width:886px;
}
#footer1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding:20px 0 25px 35px;
}
#footer1 p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
}

/* ------------ Contact --------------------*/

.contactus{
	width:161px;
	float:left;
	padding:25px 0 10px 35px;
}
.contactus h3{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:15px;
 }
.contactus ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}
.contactus ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.submit-info{
	width:690px;
	float:right;
	padding:15px 0 15px 0;
}
.right-info{
	border-left:3px solid #8CC541;
}
.right-info label{
	width:66px;
	float:left;
	padding:5px 0 0 30px;
	display:block;
}
.right-info input{
	width:555px;
	height:17px;
	background:url(images/input-bg.gif) no-repeat;
	border:none;
	padding:5px;
}
.right-info textarea{
	width:555px;
	height:89px;
	background:url(images/textarea-bg.gif) no-repeat;
	border:none;
	padding:5px;
	overflow:hidden;
}
.single-info{
	margin-bottom:3px;
}
.right-info input.sub-button{
	width:80px;
	height:22px;
	margin:0 0 0 96px;
	background:none;
}
.msg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006600;
	padding:10px;
	text-align:center;
}