/* ============================ common ============================== */

body { 
	color: #5c5c5c; background: #eee url(../img/bg-body.gif) repeat-y 50% 0;
	font: normal 62.5% Arial, sans-serif;
}

a{ color: #063466; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }
hr 		{ clear: both; border: 0; background-color: #f6f6f6; height: 1px; margin: 0 0 20px 0; }


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

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 860px;
	margin: 0 auto;
}

#header{
	margin: 0 0 30px 0;
}

#content{ 
	float: left; display: inline;
	width: 560px;
	margin: 0 0 30px 40px;
}

#side-bar{ 
	float: right; display: inline;
	width: 200px;
	margin: 0 40px 30px 0;
}

#footer{ 
	clear: both;
	margin: 0 40px; padding: 20px 0;
	background: url(../img/footer-logos.gif) no-repeat 0 0;	
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{
	float: left; display: inline;
	margin: 57px 0 43px 40px;
}

#search-form{
	float: right; display: inline;
	width: 185px;
	padding: 57px 20px 0 0;
}
#search-form .text{
	float: left; display: inline;
	width: 136px; height: 16px;
	padding: 7px;
	color: #fff; background: url(../img/bg-search.gif) no-repeat 0 0;
	font: bold 1.2em Arial, sans-serif; text-transform: uppercase;
	border: 0;
}
#search-form .submit{ float: left; }

#nav{
	clear: both;
	width: 820px; height: 40px;
	margin: 0 auto;
}
#nav li{
	float: left;
	height: 40px;
}
#nav li.nav-1{ width: 70px; }
#nav li.nav-2{ width: 150px; }
#nav li.nav-3{ width: 217px; }
#nav li.nav-4{ width: 129px; }
#nav li.nav-5{ width: 74px; }
#nav li.nav-6{ width: 119px; }
#nav li.nav-7{ width: 61px; }
#nav li a{
	display: block; position: relative;
	width: 100%; height: 100%;
}
#nav li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#nav li.nav-1 a span{ background: url(../img/nav-1.gif) no-repeat 0 0; }
#nav li.nav-2 a span{ background: url(../img/nav-2.gif) no-repeat 0 0; }
#nav li.nav-3 a span{ background: url(../img/nav-3.gif) no-repeat 0 0; }
#nav li.nav-4 a span{ background: url(../img/nav-4.gif) no-repeat 0 0; }
#nav li.nav-5 a span{ background: url(../img/nav-5.gif) no-repeat 0 0; }
#nav li.nav-6 a span{ background: url(../img/nav-6.gif) no-repeat 0 0; }
#nav li.nav-7 a span{ background: url(../img/nav-7.gif) no-repeat 0 0; }
#nav li a:hover span,
#nav li a:focus span,
#nav li a:active span,
#nav li.current a span{ background-position: 0 100%; }

/* ========================== header end ============================ */

/* ============================ content ============================= */

#content .banner{ margin: 0 0 30px 0; }
#content h2{
	margin: 0 0 10px 20px;
	font: normal 1.8em "Arial Narrow", Arial, sans-serif; text-transform: uppercase;
}
#content h2 span{
	margin: 0 0 10px 0;
display: block;
	font: normal 0.8em "Arial Narrow", Arial, sans-serif; text-transform: none;
}
.post{
	padding: 20px 20px 10px 20px;
	background: #f6f6f6 url(../img/bg-post.gif) no-repeat 0 0;
	font-size: 1.3em; line-height: 1.4;
}
.post p{ margin: 0 0 10px 0; }
.post ul{ 
	margin: 0 0 10px 0; padding: 0 0 0 2em;
	list-style: square;
	background: #efefef;
	border: 15px solid #efefef;
}
.post ol{ 
	margin: 0 0 10px 0; padding: 0 0 0 2em;
	list-style: decimal;
	background: #efefef;
	border: 15px solid #efefef;
}
#content hr{
	height: 10px;
	background: url(../img/content-hr.gif) no-repeat 0 0;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

.block{
	padding: 10px 10px 0 10px;
	background: #f6f6f6 url(../img/bg-block.gif) no-repeat 0 0;
	font-size: 1.3em; line-height: 1.4;
}
.block h2{
	height: 18px;
	margin: 0 0 15px 0; padding: 11px 10px;
	font: normal 1.2em "Arial Narrow", Arial, sans-serif; text-transform: uppercase;
	color: #fff; background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.block p{
	padding: 0 10px 5px 10px;
}
#side-bar hr{
	height: 10px;
	background: url(../img/side-bar-hr.gif) no-repeat 0 0;
}

.pages li{
	margin: 0 0 0 10px; padding: 4px 0 4px 23px;
	background: url(../img/doc.gif) no-repeat 0 50%;
}
.downloads li{
	margin: 0 0 0 10px; padding: 4px 0 4px 23px;
	background: url(../img/arrow.gif) no-repeat 0 50%;
}


.contactform{ margin: 0 0 0 0; margin-left: 10px;}
.contactform label{ display: block; margin-top: 10px;}
.contactform label.spamcheck{ display: block; margin-top: 0;}
.contactform input#wpcf_your_name,
.contactform input#wpcf_email,
.contactform input#wpcf_website
{
	display: block;
	width: 154px;
	padding: 2px;
	color: #5c5c5c; background: #fff;
	border: 1px solid #cbcbcb;
	font: normal 1em Arial, sans-serif;
}

.contactform input
{
	border: 1px solid #cbcbcb;
	font: normal 1em Arial, sans-serif;
}

.contactform textarea
{
margin-top: -18px;
	display: block;
	width: 154px;
	padding: 2px;
	color: #5c5c5c; background: #fff;
	border: 1px solid #cbcbcb;
	font: normal 1em Arial, sans-serif;
}

.contactform input#contactsubmit{
margin-top: 15px;
cursor: pointer;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#bottom-nav{
	float: left;
	padding: 60px 0 0 30px;
	background: url(../img/bg-bottom-nav.gif) no-repeat 0 60px;
}
#bottom-nav li{
	float: left; display: inline;
	margin: 5px 10px 5px 0;
}
#bottom-nav li a{
	font: normal 1.1em Tahoma, Verdana, Arial, sans-serif; text-transform: uppercase;
	color: #666;
}

#copyright{
	clear: left; float: left;
	margin: 10px 0 20px 0;
	font-size: 1.1em;
	color: #666;
}

#logos{ float: right; }
#logos li{ float: right; }

/* =========================== footer end =========================== */