@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-color:#003966;
	color:#fff;

}
#page {
	position:relative;
	width:766px;
	margin:0 auto;
}

#head { height:260px; position:relative; background:url(../images/header.jpg) no-repeat center top;  }
h1.logo a { position:absolute; width:260px; height:77px; right:60px; top:60px; text-indent:-9999px; }
h1.logo { margin:0;}
a.home, a.mail { position:absolute; width:15px; height:15px; text-indent:-9999px; overflow:hidden; right:94px; top:7px;}
a.mail { right:46px;}

#content { position:relative; background:url(../images/bg.jpg) repeat-y left top; min-height:400px; _height:400px; }

#left { float:left; width:230px;}
#right { position:relative;  padding-top:40px; padding-right:20px; margin-bottom:20px; overflow:auto; height:400px;}
h1 { font:bold 20px/24px Arial, Helvetica, sans-serif; margin-bottom:10px;}
h1 span { text-transform:uppercase; color:#cee464;}

p, ul {font: bold 12px/14px Verdana, Helvetica, sans-serif;  margin-bottom:10px; color:#fff;}
ul { padding:0; }
ul li {color:#cee464; list-style:disc; list-style-position:inside; margin:0; padding:0;  }
ul li strong { color:#fff;}
.big { background:url(../images/arrow.gif) no-repeat left 2px; padding-left:18px; font-size:14px; margin-left:14px; text-decoration:none;}


a:link, a:active, a:visited { color:#fff; text-decoration: underline;}
a:hover { text-decoration:none;}

strong { font-weight:bold;}


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


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



#footer {
	position:relative;
	background:#9fc70e url(../images/footer.jpg) no-repeat left top; 
	height:36px;	
}
#footer p { text-align:center; font: bold 11px/12px Tahoma, Helvetica, sans-serif; padding-top:12px; }

/* END FOOTER
---------------------------------------------------------
*/