@charset "utf-8";
.body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px; padding:0px; color:#333;

}
img{
	margin:0px;
	padding:0px;
	border:0px;
}
#wraper{
	margin:0 auto;
	width:900px;
}
.header{
	float:left;
	width:830px;
	height:128px;
	background:url(../images/to-bg.jpg);
	padding-left:70px;
	padding-top:40px;
}
.logo{
	float:left;
	width:312px;
	height:77px;
}
.social-media{
	float:left;
	width:150px;
	height:34px;
	margin-left:312px;
	margin-top:44px;
}
.botton{
	float:left;
	width:773px;
	height:23px;
	margin-top:25px;
}
.main-banner{
	float:left;
	width:900px;
}
.main-banner-content{
	float:left;
	width:790px;
	margin-left:37px;
	margin-top:29px;
	background:url(../images/bg.png);
	padding-left:43px;
	padding-top:32px;
}
h1{
font-family: 'Averia Serif Libre', cursive;
	font-size:20px;
	color:#000;
	margin:0px;
}
p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#333;
		margin:0px;
}
.link1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.link1:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00788a;
	cursor:pointer;
	text-decoration:underline;
}
.suscrribe-aria{
	float:left;
	width:473px;
	height:62px;
	background:#048b9f;
	opacity:0.8;
	border-radius:5px;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-top:7px;
	margin-left:37px;
	padding-left:10px;
}
.download-aria{
	float:left;
	width:320px;
	height:52px;
	background:#048b9f;
	opacity:0.8;
	border-radius:5px;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-top:7px;
	margin-left:19px;
	padding-left:10px;
	padding-top:10px;

}
.font1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
}
.font2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
}
.text-aria{
	width:250px;
	height:30px;
	border-radius:10px;
	background:#FFF;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#000;
	border:1px solid #666;
}
.link3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color:#FFF;
}
.link3:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color:#FF0;
}

.bottom-aria{
	float:left;
	width:900px;
	background:#00788a;
	height:314px;
}
.font4{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:38px;
	color:#f7d480;
}
.font5{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#FFF;
}
.font6{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-top:10px;
	text-align:justify;

}
.font-yellow{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		color:#f7d480;
	font-weight:bold;
	text-transform:uppercase;
}

.font-wight{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;

}

.form1{
	width:63px;
	background:none;
	border:none;
	height:19px;
	font-size:10px;
}
.form3{
	width:144px;
	background:none;
	padding-left:10px;
	border:none;
	height:16px;
	border:1px solid  #a1d9e1;
	color:#a1d9e1;
	border-radius:6px;
	font-size:10px;
}
.form2{
	width:130px;
	background:none;
	padding-left:10px;
	border:none;
	height:14px;
	border:1px solid  #a1d9e1;
	color:#a1d9e1;
	border-radius:6px;
	font-size:10px;
}







ul {
    font-family: Arial, Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
z-index:100;
}
ul li {
    display: block;
    position: relative;
    float: left;
}
li ul {
    display: none;
}
ul li a{
 border-radius: 8px 0 0 0;
 color: #333333;
 display: block;
 margin-left: 1px;
 padding: 5px 15px;
 text-decoration: none;
 white-space: nowrap;
}
ul#menu > li > a {
 background: url("../images/botton-right.jpg") no-repeat right top #EAF4F6;
}
ul#menu > li > a:hover {
 background: url("../images/botton-right2.jpg") no-repeat right top #a3def0;
	
}
li:hover ul {
    display: block;
		border-radius:0px;
	  position: absolute;
}
li:hover li {
		background:#0c8eb4;
    float: none;
		border-radius:0px;
		color:#FFF;
    font-size: 11px;
}
li:hover a { background:none; }
li:hover li a:hover {
    background:#b3e6f8;
	border-radius:0px;
}
.bottom-conat{
	float:left;
	width:900px;
	height:30px;

	background:#00788a;
	text-align:center;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
}
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:16px;
	margin:0px; padding:0px;
	color:#0192b1;
}

.project-content{
	float:left;
	width:780px;
	background:url(../images/curve.png) no-repeat right top #FFF;
	padding-left:120px;
}
.gallery-aria{
	float:left;
	width:900px;
	background:#FFF;
	padding-top:30px;
}
.contact-content{
	float:left;
	width:830px;
	background:url(../images/curve.png) no-repeat right top #FFF;
	padding-left:70px;
}
.contac-form{
	width:230px;
	padding-left:10px;
	height:16px;
	font-size:11px;
	color:#0b8395;
	background:none;
	border:1px solid #7fbbc4;
}
.contac-form2{
	width:230px;
	padding-left:10px;
	height:146px;
	font-size:12px;
	color:#0b8395;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	border:1px solid #7fbbc4;
	padding-top:10px;
}
.fontblack{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}