*{
    margin:0;
    padding:0;
}
body{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
    padding-top:0px;       
    background: #222;
	//background: #4C720C;
	    
}
#content{
	margin:10px auto;
	height:500px;
	width:830px;
 	background:#5ea835;
	padding:10px 0 30px 0 ;
	-moz-border-radius: 8px ;-webkit-border-radius:8px;	
}
.footer{
	margin:10px auto;
	width:800px;
color:#fff;
}
.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: normal;

    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:500px;
    width:797px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:797px;
}
ul.menu > li{
    float:left;
    width:265px;
    height:500px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(../images/1.jpg);
    padding:0;margin:0 auto;
}
.bg2{
    background-image: url(../images/2.jpg);
    padding:0;margin:0 auto;    
}
.bg3{
    background-image: url(../images/3.jpg);
    padding:0;margin:0 auto;    
}

.bg1 a:hover, .bg2 a:hover, .bg3 a:hover{
	font-weight: bold;
	color:#FFF;
	font-size:22px;
}

ul.menu > li > a{
	font-weight: bold;
    float:left;
    width:265px;
    height:50px;
    margin-top:400px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-450px;
    width:100%;
    background-repeat:no-repeat;
    background-color:transparent;
    height:400px;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background:url(../images/bg.png) repeat-y;   
    font-size:12pt;
}
ul.menu > li ul.sub2{
    background:url(../images/bg.png) repeat-y;
}
ul.menu > li ul.sub3{
    background:url(../images/bg.png) repeat-y;
    font-size:12pt;    
}
ul.menu > li ul li a{
    color:#fff;
    font-weight :bold;
    text-decoration:none;
    line-height:30px;
    font-size:0.8em;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    
}
ul.menu > li ul.sub2 li{
    margin-top:10px;
}
.litext{
	font-size: 14px; 
	padding:10px;
    color:#fff;
    line-height:18px;
letter-spacing: 0.8px;
}
.sleft{
	padding:10px;
	width : 60px;
	float:left;
	background : #80AC23;
	
	border-bottom-left-radius : 10px;
	border-top-left-radius	 : 10px;
	-moz-border-radius-bottomleft : 10px;
	-moz-border-radius-topleft	: 10px;
	-webkit-border-bottom-left-radius : 10px;
	-webkit-border-top-left-radius : 10px;
		
	font-size:8pt;
	line-height: normal;
	text-align: center;
	color:#000;
	margin:10px 0 0 10px;
	height:40px;
}
.sright{
	padding:5px;
	width : 155px;
	float:right;	
	background : #333;

	border-bottom-right-radius : 10px;
	border-top-right-radius	 : 10px;
	-moz-border-radius-bottomright : 10px;
	-moz-border-radius-topright	: 10px;
	-webkit-border-bottom-right-radius : 10px;
	-webkit-border-top-right-radius : 10px;
			
	font-size:8pt;
	line-height: 8pt;
	text-align: left;
	color:#fff;	
	margin:10px 10px 0 0;
	height:50px;
	vertical-align: middle;
}
#header{
	margin:0 auto;
	width:830px;
	height:120px;
	padding:0px 0;
    background:url(../images/metasurvey.png) no-repeat center bottom ; 	
	border-bottom-left-radius : 10px;
	border-bottom-right-radius	 : 10px;
	-moz-border-radius-bottomleft : 10px;
	-moz-border-radius-bottomright	: 10px;
	-webkit-border-bottom-left-radius : 10px;
	-webkit-border-bottom-right-radius : 10px;			
}


	
	.button {
		padding: 5px 0px;
		display: inline;
		background: #777 url(button.png) repeat-x bottom;
		border: none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		text-shadow: 1px 1px #666;
		}
	.button:hover {
		background-position: 0 center;
		}
	.button:active {
		background-position: 0 top;
		position: relative;
		top: 1px;
		padding: 6px 10px 4px;
		}
		
	.button.coverage { font-size: 20px; padding: 20px 12px; 	background: url(../images/coverage.png) no-repeat left ; padding-left:40px;background-position-x: 5px;border: none;	background-size: 20%;}	
	.button.coverage:hover { 	font-size: 20px;background: url(../images/coverage.png) no-repeat left  #333;	padding-left:40px;background-position-x: 5px; border:none;	background-size: 20%;}
		
	.button.services { font-size: 21px; padding: 20px 12px;background: url(../images/services.png) no-repeat left;padding-left:40px;background-position-x: 5px; border: none;	background-size: 20%;}
	.button.services:hover { font-size: 21px;background: url(../images/services.png) no-repeat left  #333;padding-left:40px;background-position-x: 5px; border:none;	background-size: 20%;}
		
	.button.credential { font-size: 19px; padding: 20px 12px; background: url(../images/credential.png) no-repeat left  ;padding-left:40px;background-position-x: 5px; border: none;	background-size: 20%;}
	.button.credential:hover { font-size: 19px;background: url(../images/credential.png) no-repeat left  #333;padding-left:40px;background-position-x: 5px;  border:none;	background-size: 20%;}

	.button.gallery { font-size: 20px; padding: 20px 12px; background: url(../images/credential.png) no-repeat left  ;padding-left:40px;background-position-x: 5px; border: none;	background-size: 20%;}
	.button.gallery:hover { font-size: 20px;background: url(../images/credential.png) no-repeat left  #333;padding-left:40px;background-position-x: 5px;  border:none;	background-size: 20%;}		
/* contact form*/


ul{list-style:none;margin:10px 0;padding:0;}
ul li{font-size:1.4em;line-height:1.4em;}
:focus{outline:0;}
pre{background:#f0f0f0;font-size:14px;margin:0;padding:0;}
a{color:#444;text-decoration: none;}
a:hover{color:#666;}
 h1,h2,h3,h4{text-align:center;margin:5px 0;color:#333;text-shadow: #919191 0px 0px 0px;}
p{font-size:1.6em;line-height:1.2em;color:#666;}
h1{font-size:3.8em;}
h2{font-size:2em;}
h3{font-size:1.8em;text-align: left;text-decoration:underline;margin-top:25px;}
h4{font-size:1.6em;}
h4.credit_text{color:#555;font-size:18px;margin:20px auto;}
h4.credit_text a{color:#444;font-size:18px;text-decoration: none;}
h4.credit_text a:hover{color:#666;}
#demo1,#demo2{width:500px;padding:10px;margin:20px auto;border:1px solid #777;background:#999;}
.networks{float:left;margin:0 20px;}
.options{float:right;margin:0 20px;}
#contact_form {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background:#222;
    		font-family: "Trebuchet MS", Arial, sans-serif;
			margin: 30px auto;
			width: 380px;
			padding: 10px;
}
	.submit {
	float: right;
	height: 37px;
	width: 109px;
	background: #fff;
	padding: 0 0 3px 0;
	border: 1px solid #555;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			margin-top:-10px;			
	font-size: 13px;
	color: #333;
	font-weight: bold;
	}

.submit:hover {
	cursor: pointer;
}
	
.text_input {
	background: #777;
height: 20px;
width: 355px;
padding: 10px;
margin: 0 0 10px 0;
		border: 1px solid #555;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
    	font-family: "Trebuchet MS", Arial, sans-serif;
}
.text_area {
background: #777;
width: 355px;
padding: 10px;
margin: 0 0 10px 0;
		border: 1px solid #555;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
    	font-family: "Trebuchet MS", Arial, sans-serif;
}
.select{width:355px; padding:2px; margin: 0 0 20px 0;   font-size:16px;}
	.error {
		padding:5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background:#FFC0C0;
		margin:10px auto;
		}
#success{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #555;
background:#e7e7e7;
padding:5px;
}
#success h3{font-size:24px;text-align:center;}
#success p{text-align:center;font-size:18px;line-height:22px;}