@import "css/reset.css";
@import "css/grid_12.css";
@import url(http://fonts.googleapis.com/css?family=Bitter:400italic);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	color:#000000;
	min-width:970px;
	background:linear-gradient( #76D0D8 , #999999);
	;
}
.main {
	width: 1000px;
	padding:0;
	margin:0 auto;
	
}
.main2 {width: 100%; background: url(images/menu_bg.png)}

/*********************************menu**************************************/

nav{ position:relative; margin: 0px 10px 0;z-index:10;}
.menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.menu ul li {width:100%}
.menu li {float:left;position:relative}

.menu>li>a{display:block;position:relative; padding: 34px 0 26px; font-family:'Bitter', serif; font-size: 20px;}
.menu>li>a:hover,.menu>li.current>a,.menu>li.Hover>a{background:linear-gradient(  #FFFFFF ,  #333333 );}

.menu a{ font-size: 11px; line-height: 14px; color:#fbf7ec; text-align:center;}

.menu>li{width:150px;background: url('images/nav_li.jpg') 0 300px repeat-x;}
.menu>li>span, .menu>li:after{display:none;position:absolute;content:"";}


/*********************************fonts*************************************/

.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.b_none{border: none !important;}

/*==================================== Links ======================================================== */
a {color:#aaa598;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#db5255; text-decoration:none;}

.button{
	display:inline-block;
	padding:9px 15px 7px;
	margin: 25px 0 4px;
	font-size: 11px;
	line-height: 14px;
	color:#fff;
	background:#e36557;
	border-radius:3px;
	text-transform:uppercase;
	box-shadow: 0 1px 3px #a3a19a;
}
.button:hover{
	background:#3366CC;
	color:#fff;
}

.b_ind{margin-top:18px;}

.button1{ display:inline-block; padding:12px 17px 11px; margin: 16px 0 4px; font-size: 11px; font-family:Arial, Arial, Helvetica, sans-serif; line-height: 14px; color:#fff; background: url('images/button1.jpg') 0 0 repeat-x; text-shadow:1px 1px #000;border-radius:4px;text-transform:uppercase;}
.button1:hover{background-position:0 -50px;}
/*================================>> hovers <<========================================*/
.button, .button1, .img-pags>ul>li span, .sf-menu>li,.sf-menu>li:before{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*================================>> Global blocks <<========================================*/

.block1{overflow:hidden;background: url('images/block1.jpg') 50% 0 no-repeat #fbf7ec; height:166px;z-index:10;}
.block1:before, .stripe{display:block;width:100%;position:absolute;height:7px;background: url('images/block1_bef.png') repeat-x;left:0;top:0;z-index:999;content:"";}
#main_page .block1:before{display:none;}
.block2{
	min-height:70px;
	position:relative;
	z-index:100;
	background:linear-gradient( #0099CC ,  #333333 );
	
}
.block3{box-shadow:inset 0 1px 7px #aa3643;position:relative;z-index:3;background: url('images/block3_bg.jpg') 50% 0 repeat-x #e87156; padding: 42px 0 17px;height:360px !important;}
.block4{background: url(images/block1.jpg) repeat-x;}

.global, .rel{position:relative;}

/*********************************header*************************************/

#main_page header{
	position:absolute;
	z-index:999;
	width:100%;
	height: 180px;
}
#main_page .block1{
	height:400px;
}

header {}
header h1{
	margin: 0 auto;
	padding-top:10px;
}
header h1 a {display:block;text-decoration:none; font-size: 36px; color: #000000; font-family:'Bitter', serif; text-shadow: 0 1px rgba(0,0,0,0.27);}

header H1 a:hover{color: #000}

header h2 {color: #000000; font-size: 20px;}

/*********************************content*************************************/
#content {padding:42px 0px 53px 0px; background: url(images/content_bg.png)}
.cont_pad{
	padding:43px 0 53px !important;
}
.cont_pad1{
	padding:0px 0 53px !important;
}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:21px}
.p2{ margin-bottom:19px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:18px;}
.p5{margin-bottom:23px;}
.p6{margin-bottom:7px;}
.p7{margin-bottom:8px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(images/marker1.png) 0 2px no-repeat; padding: 0 0 1px 25px;margin-bottom:8px;}
.list1 a{
	font-size: 13px;
	font-weight:bold;
	color: #3366CC;
	text-decoration:underline;
}
.list1 a:hover{text-decoration:none;color:#ff0000;}

.list2{}
.list2 li{ background:url(images/marker2.html) 0 7px no-repeat; padding-left:20px;}
.list2 a{}

.list3{}
.list3 li{ background:url(images/marker3.html) 0 7px no-repeat; padding-left:20px;}
.list3 a{}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 30px; line-height: 36px; color:#2e2324;font-family:'Bitter', serif; text-shadow: 0 1px rgba(0,0,0,0.27);}

h2.ind{
	margin-bottom:21px;
	background-color: #336699;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius:4px;
	color:#FFFFFF;
}
h2.ind1{ margin-bottom:17px;}
h2.ind2{ margin-bottom:24px;}
h2.ind3{ margin-bottom:20px;}

h3{font-size: 30px; line-height: 36px; color:#fff;font-family:'Bitter', serif; text-shadow: 0 1px rgba(0,0,0,0.27);margin-bottom:17px;}
h3.ind1{ margin-bottom:24px;}
h3.ind2{ margin-bottom:0px;}
/*================================>> GOOGLE FONTS  <<========================================*/

.fan{font-family: 'Bitter', serif; text-transform: none}


/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure,  .ext_box1>figure{ float:left;}
.ext_list>li>div, .ext_box>div,  .ext_box1>div{ float:right;}


.img_wrap1{display:inline-block;border:1px solid #fff;box-shadow: 0 1px 0 #bcb9b1;margin-bottom:1px;}
a.img_wrap1:hover{border-color:#ff3c00;}

.testimonial .text, .f_18_it{
	font-size: 14px;
	line-height: 21px;
	color: #000000;
	font-style:Arial, Helvetica, sans-serif;
}
.testimonial a:hover{text-decoration:underline;}
.testimonial a{color: #000000}
.testimonial{padding-bottom:18px;margin-bottom:17px;}
.testimonial .text>div{
	float:left;
	width:300px;
}
.testimonial .text>figure{float:right;padding-top:2px;}
.testimonial .text{overflow:hidden;margin-bottom:9px;}
.author{font-weight:bold;color:#281e1f;}
.country{text-transform:uppercase;}

/****************************footer************************/
footer {padding:20px 14px 13px 0;text-align:center; background:linear-gradient( #0099CC ,  #333333 );}
footer, footer a{
	color:#ffffff;
	text-transform:uppercase;
	font-size:11px;
	height: 50px;
}
.grid4 {
	width: 670px;
	float: left;
}
#contact_form {
	float: left;
	width: 450px;
}
.wrapper .col_380float_r {
	float: right;
	width: 450px;
}
#contact_form {  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field {
	width: 300px;
	padding: 3px;
	border: 1px solid #000;
}

#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px; }
#contact_form form textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 360px;
	height: 145px;
	padding: 3px;
	border: 1px solid #000;
}
#contact_form form .submit_button { color: #FFFFFF; margin: 5px 60px 0px 0px; padding: 5px 10px; background: #121e25; border: 1px solid #000; }
.wid1 {
	float: right;
}
.wid {
	float: left;
	margin-left: 550px;
}