@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Dosis);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Lily+Script+One);

body{ width:100%; height:100%; background:#eff2f5; margin:0; padding:0;}
html{ width:100%; height:100%;}

.clr{ clear:both;}

h1{font-family: 'Droid Serif', serif; color:#015ea0; font-size:3.2em; font-weight:normal; line-height:1em;}

h2{font-family: 'Droid Serif', serif; color:#015ea0; font-weight:normal; font-size:1.5em; line-height:1em; text-shadow: 0px 1px 0px #000; }

span{ font-family: 'Droid Serif', serif; color:#25b1eb; font-size:1em; line-height:1em;}

p{ font-family: 'Dosis', sans-serif; font-size:13px; color:#6e5945; text-align:justify; line-height:1.2em;}

strong{ text-shadow: 0px 1px 1px #000; color:#25b1eb;}


header{ width:100%; height:420px; /*background:url(../images/bg.gif) repeat-x #fff;*/  margin:0; padding:0;}
.side{ float:left; width:767px; height:500px; background:url(../images/side.png) no-repeat; position:absolute; z-index:1000; margin	-left:50px;}

.side h2{ font-family: 'Dosis', sans-serif; color:#25b1eb; font-size:23px; padding:380px 0 0 25px; text-shadow: 1px 1px 1px #000; font-weight:normal;}
.side h2 span{font-family: 'Lily Script One', cursive; font-weight:bold; font-size:2em;}


.logo{ float:right; width:500px; height:380px; background:url(../images/logo.png) 0 15px no-repeat;}

nav{ width:100%; height:36px; /*background:#25b1eb;*/ background:url(../images/menu.gif) repeat-x #3e2004; padding:0; margin:0; box-shadow: 1px 1px 8px rgba(0,0,0,0.70); -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.70);}
.menu{ width:550px; margin:0; padding:0; float:right;}
nav ul{ list-style:none; padding:0; margin:5px 0; float:right; }
nav ul li{ float:left; font-family: 'Dosis', sans-serif; font-size:15px; font-weight:bold; margin:0; padding-top:2px; }
nav ul li:last-child{ padding-right:0;}
nav ul li a{ text-decoration:none; color:#fff; padding:9.5px 15px;  text-shadow: 1px 1px 1px #000; border-left:#333 1px solid;}
nav ul li a:hover{ color:#fff; /*background:#753a34;*/ background:#015ea0; padding:9.5px 15px;}
nav ul li .active{  color:#fff; /*background:#753a34;*/ background:#015ea0; padding:9.5px 15px;}

section{ width:100%; background:#EAEAEA;}
section p{ font-weight:500;}
section .box{ width:960px; min-height:80px; overflow:hidden; margin:0 auto; padding:0px;}
section .box ul{ list-style:none; padding:0; margin:0;}
section .box ul li{ float:left;  width:280px; padding:15px 20px 0;}
section .box ul li:last-child{ padding-right:none;}
section .box ul li:first-child{ padding-left:none;}
section .box ul li h2{ text-align:justify;}
section .box h2 a{ text-decoration:none; color:#015ea0;}
section .box h2 a:hover{ color:#25b1eb;}
section .box p a{ text-decoration:none; color:#25b1eb;}
section .box p a:hover{ color:#015ea0;}

section .box2{ width:960px; min-height:20px; overflow:hidden; margin:0 auto; padding:0;}
section .box2 ul{ list-style:none; padding:0; margin:0;}
section .box2 ul li{ float:left;  width:280px; padding:15px 20px 0;}
section .box2 ul li:last-child{ padding-right:none;}
section .box2 ul li:first-child{ padding-left:none;}
section .box2 ul li h2{ text-align:justify; color:#25b1eb; font-size:1em; text-shadow: 0px 0.8px 1px #000;}

section .box2 h2 a{ text-decoration:none; color:#25b1eb; }
section .box2 h2 a:hover{color:#015ea0;}



.content_wrapper{ width:100%; background:#333;  margin:0; padding:0;}
.content{ width:960px; min-height:50px; overflow:hidden; padding:10px; margin:0 auto; }
.content_wrapper p{ color:#eff2f5;}
.content_wrapper a{ text-decoration:none; color:#25b1eb; font-weight:bold;}
.content_wrapper a:hover{ color:#015ea0; }
.content_wrapper h2{ color:#25b1eb;}
.content_wrapper ul{ list-style:none; padding:0;}
.content_wrapper ul li{ font-family: 'Dosis', sans-serif; font-size:13px; color:#eff2f5; text-align:justify; line-height:1.2em; background:url(../images/list.png) left no-repeat; padding:5px 25px;}
.center{ width:910px; padding:0 20px;}
.left{ float:left; width:430px; padding:0 20px;}
.right{ float:right; width:430px; padding:0 20px;}

.right_img1{ float:right; width:398px; height:248px; background:url(../images/right_img.png) bottom no-repeat; padding:0; margin-left:-20px; position:absolute; }

.right_img2{ float:right; width:398px; height:248px; background:url(../images/right_img2.png) bottom no-repeat; padding:0; margin: -30px -20px; position:absolute; }


.footer_wrapper{ width:100%; height:25px;}
.footer{ width:500px; text-align:center; margin:0 auto;}
.footer p{line-height:1.2em; text-align:center; }
.footer a{ text-decoration:none; color:#015ea0; font-weight:bold;}
.footer a:hover{ color:#25b1eb;}



#contactform { margin:0; padding:5px 0;  color:#fff;}
#contactform * {}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; font-weight:bold;  margin:0; width:90px; padding:5px 0; font-family: 'Dosis', sans-serif; font-size:13px; color:#fff;}
#contactform label span { font-family: 'Dosis', sans-serif; color:#fff; font-weight:normal;}
#contactform input.text { width:425px; /*border:1px solid #333;*/ margin:5px 0; padding:0 2px; height:25px; background:#fff; border:1px #ccc solid; }
#contactform textarea {  min-width:425px; max-width:425px; font-family: 'Dosis', sans-serif; border:1px #ccc solid;  margin:10px 0; padding:2px; background:#fff; min-height:200px; overflow:auto;}
#contactform li .buttons input{ padding:3px 0; background:#7c030f; margin:0; border:0 #000; color:#fff;}
p.response { text-align:center; color:#fff; font-size:15px; font-weight:bold; font-family: 'Dosis', sans-serif; line-height:1.5em; width:auto;}

.button{padding:5px 5px; font-family: 'Dosis', sans-serif; border:1px #333 solid; background:#25b1eb; text-align:center; border-radius:3px; width:80px; margin:0; border:1px solid #015ea0; color:#fff; cursor:pointer; text-transform:capitalize; text-shadow: 0 1px 1px #000; font-weight:bold; font-size:13px;}

.button:hover{ background:#015ea0;  color:#fff; text-shadow: 0 1px 1px #000;}