@charset "utf-8";
/* = TOOLS

	1. = RESET
	2. = CLEARING
   

---------------------------------------------------------
*/

/* = RESET
---------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, strong, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET
---------------------------------------------------------
*/



/* = CLEARING
---------------------------------------------------------
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* END CLEARING
---------------------------------------------------------
*/



/*Layout
1.Page and body
2. Header
3.Content
4. Footer


*/






/* = BODY & PAGE
---------------------------------------------------------
*/
body {
	background:#384734 url(../i/bg.gif) repeat left top;
	
}
.wrap { background: url(../i/bg_wrap.gif) repeat-y left top;
	margin:0 auto;
		position:relative;
	width:766px;
	
}
#page {
position:relative;

	background:url(../i/cont.gif) no-repeat left top;
	
	

	
	

	
}


/* = END BODY AND PAGE	
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/


h1.logo {
	color:#79bc16;
	font:36px/30px Arial, Helvetica, sans-serif;
	position:absolute;
	top:6px;
	left:62px;
	width:300px;
	height:200px;
	background: url(../i/logo.jpg) no-repeat left top;
	text-indent:-9999px;
}



/* END HEADER
---------------------------------------------------------
*/

.nav {
	position:absolute;
	top:36px;
	right:100px;
	z-index:999;
}
.nav li { margin-bottom:1px;   

}

  
li.contact_btn { padding-top:10px; padding-left:35px;}





/* = CONTENT
---------------------------------------------------------
*/

#content { position:relative; padding-left:78px; padding-right:50px; no-repeat left top; padding-top:220px;


}
.content_in { padding-top:20px; padding-left:25px; padding-right:135px; padding-bottom:50px;}

.hot img { margin:7px 23px;}
/* END CONTENT
---------------------------------------------------------
*/


/* =FOOTER
---------------------------------------------------------
*/
#footer { position:relative; background: url(../i/bot.gif) no-repeat left bottom; height:22px;
 }
#footer p { font-weight:normal; position:absolute; padding-left:200px; bottom:-38px; height:20px; left:0;  background:url(../i/footer.gif) no-repeat left top; 
font:10px/14px Tahoma, Helvetica, sans-serif; color:#afafaf;
padding-top:18px;

}
#footer a { font:10px/14px Tahoma, Helvetica, sans-serif; color:#afafaf; text-decoration:none;}

/* = TYPOGRAPHY: 

	1. = BODY
    2. = LINKS
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES

	

---------------------------------------------------------
*/

/* = BODY
---------------------------------------------------------
*/


	

	
body {
	font:12px/16px Areal, Helvetica, sans-serif;
}
*html div {
	height:1%;
}
/* = LINKS
---------------------------------------------------------
*/



a, a:active, a:visited {
	text-decoration: underline;
	color:#4b4b4b;
	font:14px/18px Tahoma, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
}
/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h2 {
	font: bold 12px/20px Tahoma, Helvetica, sans-serif;
	

	color:#dde2fb;
	margin-bottom:8px;
	

	
	
	
}



/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/



p, ul, dl {
	color:#4b4b4b;
	font:14px/18px Tahoma, Helvetica, sans-serif;
	margin-bottom:10px;
}

p strong { color:#4b4b4b; font: bold 14px/18px Tahoma, Helvetica, sans-serif;}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/

ul {
	margin-bottom:10px;
}
ul li {
	margin: 0;
	padding: 0;
}


.services { background:#f7f7f7; border-left:3px solid #eaeaea; width:150px; padding:20px; margin-bottom:20px; }
.services li { color:#616161; font:10px/18px Tahoma, Helvetica, sans-serif; border-bottom:1px solid #d1d1d1; padding-top:3px; background:url(../i/square.gif) no-repeat left 11px; padding-left:12px;}


/* END LISTS
---------------------------------------------------------
*/


/* =FORM
---------------------------------------------------------
*/



form {  position:relative; width:360px; padding-bottom:10px;  }
fieldset { border:none; margin:0; padding:0;}
.forma { margin:0; padding:0; list-style:none; position: relative; padding-bottom:10px; }
.forma li { padding-bottom:6px;}
.forma label { float:left; 
color:#434343;
	font:11px/16px Tahoma, Helvetica, sans-serif;
	width:60px;
	
	}
.forma input { width:280px;  margin:0; padding:0; height:15px; color:#434343;
	font:11px/16px Tahoma, Helvetica, sans-serif; border:1px solid #888;
	text-decoration:none;
	}

.forma textarea { width:280px; margin:0; padding:0; color:#434343; border:1px solid #888; height:200px;
	font:11px/16px Tahoma, Helvetica, sans-serif;
	}

.forma .button { padding-left:224px; //padding-left:226px; }
.forma .button input { width:56px; height:19px; float:left;   cursor:pointer; border:none;  text-indent:-999px;  padding-bottom:2px; margin-right:6px ; p }

.clear { background: url(../i/clear.gif) no-repeat left top;}
.send { background: url(../i/send.gif) no-repeat left top;}
#error {   text-align:left; padding-left:60px;  display:block; clear:both; color:#434343;
	font:11px/16px Tahoma, Helvetica, sans-serif; }