/*****************************************************************************
//-> CSS RESET
*****************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { line-height: 1.4em; }
a:focus { outline: 1px dotted invert; }
a { text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q {  }
blockquote:before, blockquote:after,
q:before, q:after { float: left; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*****************************************************************************
//-> CORE ELEMENTS
*****************************************************************************/
html, body { height: 100%; width: 100%; margin: 0 auto; padding: 0; }
body { font-size: 12px; color: #000; font-family: Tahoma, Geneva, sans-serif; text-align:center; }
#wrapper { position: relative; left:0; margin: 0 auto; width: 914px; min-height: 100%; text-align: center; }
.msie6 #wrapper { width: 914px; height: 100%; }
/*****************************************************************************
//-> GENERAL ELEMENTS
*****************************************************************************/
a { color: #000; text-decoration: underline; font-size: 12px; }
	a:hover { color: #1f4284; }
p{margin:5px 0;}
strong { font-weight: bold; }
h1 { font-size: 20px; font-weight: normal; color: #5496c6; margin-bottom:10px; }
h2 { font-size: 18px; font-weight: normal; color: #eaa50a; margin-bottom:10px; }
	h2.title { font-size: 17px; font-weight: bold; color: #35a8ba; margin-bottom: 15px; }
h3 { font-size: 18px; font-weight: normal; color: #b1cf3b; margin-bottom:10px; }
	h3.title { font-size: 12px; font-weight: bold;  margin-bottom:0px; }
address { margin: 0px 20px 0px 0px; display: block; float: left; }
em { font-style: italic; }
small { font-size: 10px; }
script { visibility: hidden; overflow: hidden; display: none; width: 0; height: 0; outline: none; }
object, a { outline: none; }
object { margin: 0; padding: 0; }
a:active,
a:focus,
img:active,
img:focus { outline: none; }
.msie6 br { height: 15px; line-height: 10px; }
blockquote { font-weight: normal; color: #35a8ba; font-size: 17px; line-height: 20px; margin-bottom: 10px; }
small { font-weight: normal; font-size: 11px; }
/*****************************************************************************
//-> PAGE ELEMENTS
*****************************************************************************/
#header { position: relative; width: 914px; height: 129px; overflow: hidden; margin: 0 auto; }
	#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main { position: relative; width: 914px; text-align: left; direction: ltr; margin: 40px auto 0 auto; }
	#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
#col_a { float: left; width: 600px; margin-right:14px; }
#col_b { float: left; width: 300px; }
#col_c { float: left; width: 700px; margin-right:14px; }
#col_d { float: left; width: 200px; }
#FooterTop { margin: 0 auto; padding: 0; font-size: 100px; line-height: 100px; height: 100px; width: 100%; }
#footer { position: relative; bottom: 0; width: 100%; height: 80px; margin: -80px 0 0; text-align: center; }
	#footer div.holder { background: transparent url(../../images/footer-bg.jpg) left top repeat-x; width: 914px; height: 80px; margin: 0 auto; text-align: center; }
		#footer div.holder div.inner { position: relative; top: 2px; color: #000; width: 914px; height: 78px; margin: 0 auto; text-align: center; }
			#footer div.holder div.inner p { color: #000; }
				#footer div.holder div.inner p.gray { color: #999; }
			#footer div.holder div.inner a { color: #36A6AF; text-decoration: none; }
				#footer div.holder div.inner a:hover { text-decoration: underline; }
.mac.opera10 #footer { bottom: -22px; }
/*****************************************************************************
//-> LOGO
*****************************************************************************/
h2.logo {
	position: relative;
	background: transparent url(../../images/logo.gif) no-repeat center center;
	margin:0;
	padding:0;
	width: 320px;
	height: 129px;
	text-indent: -5000px; 
	float:left; }
 
	h2.logo a {
		position: relative;
		width: 320px;
		height: 129px;
		text-decoration:none; 
		display: block;
		overflow: hidden; }
/*****************************************************************************
//-> MAIN MENU
*****************************************************************************/
div#nav { position: relative; background: transparent url(../../images/nav.gif) 0 0 repeat-x; color: #000; width: 914px; height: 27px; line-height: 27px; margin-bottom:5px; z-index:1000; }
	div#nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.topnav {
	position: relative;
	margin: 0 auto;
	width: 914px;
	z-index: 1000; }
 
	ul.topnav:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
 
	ul.topnav li {
		position: relative;
		padding: 0;
		margin-right:34px;
		font-weight:normal;
		font-size:14px;
		float:left; }
 
		ul.topnav li.last { margin-right:0; }
		ul.topnav li.sep { 
		color:#000;
		background:#efc79f;
		width:1px;
		height: 27px;
		line-height:27px; }

ul.topnav li a {
	line-height: 27px;
	color: #000;
	display: block;
	padding: 0;
	font-size:14px;
	text-decoration: none; }
 
	ul.topnav li a bdo {
		padding: 0px 6px;
		display: block; }
 
	ul.topnav li a:hover,
	ul.topnav li bdo:hover,
	ul.topnav li.selected a,
	ul.topnav li.selected a bdo,
	ul.topnav li bdo.selected,
	ul.topnav li.open a.selected,
	ul.topnav li.open a.selected bdo,
	ul.topnav li a.selected {
		color: #1065a6; }
 
/*START MULTILEVEL MENU*/
ul.topnav ul {
	position: absolute;
	display: none;
	padding: 1px 0 0;
	border-right: 1px solid #E2E2D8;
	border-left: 1px solid #E2E2D8;
	background: #FFF url(../../images/ul-bg.gif) repeat-x top left;
	width: 118px;
	top: 27px;
	text-align:left;
	left: -1px;
	z-index: 10009; }

ul.topnav li ul li {
	border-right: 0px none;
	border-left: 0px none;
	border-bottom: 1px solid #E2E2D8;
	display: block;
	padding:0;
	margin: 0;
	height: auto; }
 
	ul.topnav li ul li a {
		padding: 5px 3px;
		font-size:13px;
		line-height: 14px;
		color:#000;
		font-weight:normal;
		width: 110px;
		display: block; }
 
ul.topnav li ul li:hover, 
ul.topnav li ul li a:hover{
	color:#1065a6; }
 
ul.topnav li ul ul {
	top: auto;
	left: 12em;
	margin: 0px 0 0 10px; }
 
ul.topnav li:hover ul ul, ul.topnav li:hover ul ul ul, ul.topnav li:hover ul ul ul ul { display: none; }
 
ul.topnav li:hover ul, ul.topnav li li:hover ul, ul.topnav li li li:hover ul, ul.topnav li li li li:hover ul { display: block; }

/*****************************************************************************
//-> Slider
*****************************************************************************/
/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	text-align:right;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.nivo-controlNav {
	position:absolute;
	left:0;
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}
/*****************************************************************************
//-> HP ITEMS
*****************************************************************************/
div.items { position: relative; width: 300px; }
	div.items div.item { position: relative; float:left; width: 110px; margin:10px 0px 15px 40px; }
	div.items div.item h3{ font-weight:normal; font-size:13px; color:#000; display:block; margin-top:5px; text-align:center;}
	div.items div.item div.image{ width: 70px; height:66px; display:block; margin:0 auto;}
	div.items div.item div.image img{ width: 70px; height:66px;}
/*****************************************************************************
//-> ITEMS
*****************************************************************************/
div.items-inner { position: relative; width:120px; float:right; }
	div.items-inner div.item { position: relative; width:120px; margin:10px 0px 35px 0px; }
	div.items-inner div.item h3{ font-weight:normal; font-size:13px; color:#000; display:block; margin-top:5px; text-align:center;}
	div.items-inner div.item div.image{ width: 70px; height:66px; display:block; margin:0 auto;}
	div.items-inner div.item div.image img{ width: 70px; height:66px;}
/*****************************************************************************
//-> CONTACT
*****************************************************************************/
div#contact-holder { width: 600px; }

div#contact-holder .seperation {
	margin: 5px auto;
	clear: both; }

div#contact-holder label {
	display: inline-block;
	height: 40px;
	line-height: 30px;
	float: left;
	width: 150px; }

.msie7 div#contact-holder label {
	height: 39px;
	line-height: 30px; }

.msie8 div#contact-holder label {
	height: 30px;
	line-height: 30px; }

div#contact-holder legend {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
	padding: 10px 0;
	width: 100%; }

div#contact-holder label.sm {
	float: none;
	height: auto;
	line-height: normal;
	width: auto; }

div#contact-holder em.error {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #F00;
	text-align: right; float: right;
	font-size: 11px;
	width: 100%;
	clear: both; }

div#contact-holder label.error {
	position:absolute;
	top:-5000px;
	left:-5000px;
	overflow:hidden;
	visibility:hidden;
	width:0px;
	height:0px; }

div#contact-holder input[type="text"], div#contact-holder textarea, div#contact-holder select {
	font-family: Arial, Helvetica, sans-serif;
	width: 248px;
	margin: 0;
	padding: 5px;
	color: #666;
	border-color: #ddd #ccc #ccc #ddd;
	background-color: #efefef;
	border-style: solid;
	border-width: 1px;
	margin:0 0 5px 0; }
	
.msie8 div#contact-holder input[type="text"], .msie8 div#contact-holder textarea, .msie8 div#contact-holder select {
	margin:0 0 18px 0; }

div#contact-holder select { width: 260px; }
div#contact-holder input#verify{ width: 40px; }
div#contact-holder.big input[type="text"], div#contact-holder.big textarea, div#contact-holder.big select { width: 503px; }

div#contact-holder input:focus, div#contact-holder textarea:focus, div#contact-holder select:focus {
	background: #fff;
	border-color: #ddd #ccc #ccc #ddd;
	border-style: solid;
	border-width: 1px;
	color: #333; }

div#contact-holder input[type="text"].error, div#contact-holder textarea.error, div#contact-holder select.error {
	border-color: #DF9999 #BF6B6B #BF6B6B #DF9999;
	background-color: #FCC; }

div#contact-holder input[type="submit"] {
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #999;
	overflow: hidden;
	display: block;
	width: 69px;
	height: 30px;
	cursor: pointer;
	border-color: #ffffff #ccc #ccc #ffffff;
	background-color: #efefef;
	border-style: solid;
	border-width: 1px;
	float:right;
	margin:-3px 190px 0 0; }

.msie7 div#contact-holder input[type="submit"], .msie8 div#contact-holder input[type="submit"] {
	margin:3px 0 0 0; }

	div#contact-holder input[type="submit"]:hover {color: #386b8f; }

div#contact-holder textarea { overflow: auto; font-size:12px; }

div#contact-holder span.required {
	font-size: 13px;
	color: #ff0000; }

div#contact-holder input.clear {
	background: none;
	border: 0px none;
	padding: 0;
	margin: 0;
	width: auto; }

input#verify, div#contact-holder input#newsletter_verify { width: 30px; }

div#contact-holder small {
	display: block;
	float: right;
	width: 260px; }

div#contact-holder .msie6 small, div#contact-holder .msie7 small, div#contact-holder .chrome small {
	position: relative;
	top: -30px; }

/*****************************************************************************
//-> GENERAL CLASSES
*****************************************************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearboth { height: 0px; line-height: 0px; font-size: 0px; clear: both; }
.clear { border: none; background: none; }
.left { float: left; }
.right { float: right; }
.low { position: relative; top: 3px; }
.lower { position: relative; top: 5px; }
.lowest { position: relative; top: 7px; }

.msg,
.msg2,
.msg3 {
	position: relative;
	padding: 5px;
	font-size: 12px;
	color:#333;
	border: 1px solid #ccc;
	background-color: #FFC;
	display: none; }

.msg strong,
	.msg2 strong,
	.msg3 strong {
	font-weight: bold;
	font-size: 14px; }

.msg img,
	.msg2 img,
	.msg3 img {
	position: relative;
	top: 2px;
	display: inline; }

.block { display: block; }
.hide { display: none; }

/*****************************************************************************
//-> Articles
*****************************************************************************/
.arts_tbl{
margin:0 auto;
padding:0;
width:550px;
float:right;
margin-top:10px;
float:left;
}
.arts_tbl td{
vertical-align:top;
padding-bottom:20px;
}
.arts_tbl .ltd{
width:90px;
}
.arts_tbl .rtd{
width:460px;
}
.arts_tbl .rtd h3{
margin:0 auto;
padding:0;
font-weight:bold;
}
.arts_tbl .rtd h3 a, .arts_tbl .rtd a{
text-decoration:none;  
}
.arts_tbl .ltd a img{ border: 1px solid #666666; }
.arts_tbl .rtd p{ margin:0 auto; padding:0; display:inline; }