/* =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:url(../i/bg.jpg) repeat left top;}
#page { position:relative; margin:0 auto; width:582px; background:#838383; border-left:1px solid #fff; border-right:1px solid #fff; padding: 0 6px;}
.wrap { border-left:9px solid #fff; border-right:9px solid #fff;}

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



/* =HEADER
---------------------------------------------------------
*/
.menu { position:relative;  border-bottom:2px solid #fff;}

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



/* =CONTENT
---------------------------------------------------------
*/
.content { position:relative;  border:12px solid #262626; padding-left:190px; background:#4b4b4b url(../i/bg_left.gif) repeat-y left top; min-height:300px; padding-top:10px; padding-right:10px; }
.contact { position:absolute; width:168px; padding-left:10px; height:100px; padding-top:39px; background:url(../i/contact.gif) no-repeat left top; left:0; bottom:0; font:11px/13px Tahoma, Helvetica, sans-serif; color:#fff;} 
.contact a, .contact a:visited, .contact a:active { text-decoration:none; color:#fff; font-size:11px;}
.contact a:hover { text-decoration:underline;}

/* END CONTENT
---------------------------------------------------------
*/



/* =FOOTER
---------------------------------------------------------
*/

.footer { text-align:center; background:url(../i/bg_footer.gif) repeat-x left top; position:relative; height:26px; padding-top:10px; font:10px/24px Tahoma, Helvetica, sans-serif; color:#373636;}
.
/* END FOOTER
---------------------------------------------------------
*/





/* =TYPOGRAPHY: 

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

	

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

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


	

	
body {
	
}
*html div {
	height:1%;
}


/* =LINKS
---------------------------------------------------------
*/



a, a:active, a:visited { font:12px/16px Tahoma, Helvetica, sans-serif; color:#fff; margin-bottom:10px;
text-decoration:underline;	
	
}

a:hover { text-decoration:none;
	
}

.first {background:url(../i/in_first.gif) no-repeat left top;  height:42px; width:497px; left:20px; position:absolute; top:100px;}
.first:hover { background:url(../i/in_first_a.gif) no-repeat left top;}
.second { background:url(../i/in_second.gif) no-repeat left top; height:40px; width:368px; left:80px; position:absolute; top:170px;}
.second:hover { background:url(../i/in_second_a.gif) no-repeat left top;}
/* END LINKS
---------------------------------------------------------
*/
	
/* =HEADINGS
---------------------------------------------------------
*/

h2 { font:bold 14px/18px Tahoma, Helvetica, sans-serif; margin-bottom:10px; color:#b6b5b5;
	
}



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

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



p, ul { font:12px/18px Tahoma, Helvetica, sans-serif; color:#fff; margin-bottom:10px;
	
	
	
	
}


strong {
	font-weight: bold;
}


em {
	font-style: italic;
}



/* END TEXT
---------------------------------------------------------
*/


	
/* =LISTS
---------------------------------------------------------
*/

ul {

}


ul li {
	
}


.list {
	
}


.list li {
		
} 

	 

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



/* =forma
---------------------------------------------------------
*/


dl.forma { position:relative; font:12px/18px Tahoma, Helvetica, sans-serif; color:#fff; width:400px;  padding-bottom:18px;}

.forma dt {  }
.forma dd { }
.forma textarea, .forma input { border:1px solid #505050; width:210px; }
.forma .clear, .forma .send { margin-top:4px; float:left; margin-right:10px; cursor:pointer; width:77px; height:22px;  text-indent:-999px; border:none;}
.forma .clear { background:url(../i/clear.gif) no-repeat left top;}
.forma .send { background:url(../i/send.gif) no-repeat left top;}
.forma #error { clear:both;}