/* SCREEN STYLESHEET */

/* ******** BASIC ELEMENTS ******** */
body{
	background: #F8F6F3;
	color: #222;
	font: 12px "Lucida Sans", "Lucida Grande", Tahoma, Helvetica, Arial, Sans, sans-serif;
	line-height: 18px;
	padding-bottom: 36px;
	}

input, textarea, select{ font: 12px "Lucida Sans", "Lucida Grande", Tahoma, Helvetica, Arial, Sans, sans-serif; }
	
a{
	border-bottom: 1px dotted #004080;
	color: #004080;
	outline: none;
	text-decoration: none;
	}
	
a:hover{ border-bottom: 1px solid #456671; }
a:visited{ border-color: #455871; }

a[rel=external]{
	background: no-repeat url("../img/external.png") center right;
	display: inline-block;
	margin-right: 2px;
	padding-right: 12px;
	}

abbr{ cursor: help; }
address{ display: block; }

h1, h2, h3, h4, h5, h6{ 
	clear: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	}	
	
h3{
	color: #283341;
	letter-spacing: normal;
	text-transform: uppercase;
	}
	
h3 a{
	color: #283341;
	border-bottom: none;
	}
	
h3 a:hover{ color: #004080; }

h4{
	color: #283341;
}

ul.bulleted li{
	background: no-repeat top left url("../img/bullet.png");
	padding-left: 20px;
	}
	
strong{ font-weight: bold; }
em{ font-style: italic; }

blockquote p{
	color: #456671;
	font: italic 16px Georgia, Times, "Times New Roman", serif;
	line-height: 36px;
	}

cite{ font-size: 11px; }

/* ******** BASELINE RHYTHM ******** */
p, ul, ol, h1, h2, dl{ margin-bottom: 18px;	}
li, ul, ol, p, h2, h3, h4, dl, dd, dt, address, cite{ line-height: 18px; }
h1, #content h2, p.d{ line-height: 36px; }

h1, #content h2{ 
	font-size: 24px; 
	margin: 9px 0 18px;
	} 
	
h2{ font-size: 18px; }
h3{ font-size: 14px; }
h4{	font-size: 12px; }

/* ******** GRID ******** */
#content div.container, #footer, #header div.container{
	margin: 0 auto;
	width: 780px;
	}

.threecolumn, .fourcolumn{ clear: left; }

.column{
	float: left;
	margin: 0 10px 18px 10px;
	}

.column.first{ margin-left: 0; }
.column.last{ margin-right: 0; }

.twocolumn .column{ width: 370px; }		
.threecolumn .column{ width: 240px; }
.fourcolumn .column{ width: 175px; }

.threecolumn .column.image{ width: 180px; }
.threecolumn .column.description{ width: 260px; }
.threecolumn .column.pricetable{ width: 280px; }
.threecolumn .column.pricetable p { font-style: italic; }

.threecolumn.continue {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #C2BC99;
	}

.sidebar .column.first{ width: 620px; }
.sidebar .column.last{ 
	font-size: 11px;
	width: 300px; 
	}

/* ******** HEADER ******** */
#header{ 
	background: #06873F;
	color: #fff; 
	overflow: hidden;
	padding: 36px 0;
	}
 
#header a{ 
	border-bottom: none; 
	color: #fff; 
	}

#header a:active{ color: #B5B58B; }

#header h1{ margin: 0; }

#header h1 a{
	background: no-repeat url("../img/logo.png");
	display: block;
	float: left;
	height: 36px;
	margin-left: 10px;
	overflow: hidden;
	text-indent: -999em;
	width: 295px;
	}


/* ******** NAVIGATION ******** */
#navigation{ 
	float: left;
	margin: 10px 0 -10px 10px;
	}
	
#navigation h2{ margin: 0; }
#navigation h2.selected{ text-decoration:  underline; }

#navigation ul{
	display: none;
	margin-top: 9px;	
	position: absolute;
	width: 465px;
	z-index: 5;
	}
	
#navigation li{
	float: left;
	margin: 0 3px;
	width: 149px;
	background: url("../img/bullet.gif") no-repeat center right;
	}

#navigation li.last{
	background-image: none;
	}	

#navigation li a{
	color: #E7F285;
	}
	
#navigation li a.active, #navigation li a:hover{
	color: #EDBC51;
	}
		

/* ******** CONTENT ******** */
#content{ 
	background: url("../img/content_bg.png") repeat-x;
	clear: left;
	overflow: hidden;
	padding: 27px 10px 9px;
	}
	
#content .container{ padding-left: 20px; }

#content .extra-info{
	clear: both;
	color: #666666;
	margin: 0;
	}

#content .extra-info p{
	margin: 0;
}

/* ******** IMAGE ROTATOR ******** */
ul#rotator {
	position: relative;
	height: 300px;
	margin-left: 15px;
	}

ul#rotator li {
	float: left;
	position: absolute;
	list-style: none;
	}

ul#rotator li img {
	}

ul#rotator li.show {
	z-index: 500;
	}

/* ******** IMAGE FADER ******** */
p.imgnav {
	text-align: center;
	margin: 4px 0 0 0;
}

p.imgnav a {
	color: #666666;
}

/* ******** PRICE TABLE ******** */
table.prices {
	width: 100%;
	border: 1px solid #DDDDDD;
	}

table.prices tr {
	background-color: #D4E090;	
	}

table.prices tr.even {
	border-top: 1px solid #DDDDDD;
	background-color: #EBF2BF;
	}

table.prices tr.odd {
	border-top: 1px solid #DDDDDD;
	background-color: #E3EDA8;
	}

table.prices th {
	padding: 5px 1px;
	font-weight: bold;
	}

table.prices td {
	padding: 5px 1px;
	}

table.prices td.price {
	text-align: right;
	padding-right: 10px;
	}

/* ******** CONTACT FORM ******** */
#contactform dl {
	width: 370px;
	margin: 0;
	}

#contactform dt {
	width: 125px;
	display: block;
	float: left;
	height: 32px;
	}

#contactform dt span {
	display: none;
	}

#contactform dd {
	width: 245px;
	display: inline;
	float: left;
	height: 32px;
	}

#contactform dd.textarea {
	height: 120px;
	margin-bottom: 12px;
	}

#contactform dd textarea {
	width: 230px;
	height: 120px;
	}

 #content div.error {
	border: 1px solid #990000;
	background-color: #FFBB77;
	margin: 0 0 15px 0;
	width: 363px;
	padding: 5px;
	}

#content div.error p {
	color: #990000;
	line-height: 16px;
	margin: 0;	  
	}

/* ******** FOOTER ******** */
#footer{
	background: no-repeat bottom center url("../img/footer_bg.png");
	border-top: 1px dotted #C2BC99;
	clear: both;
	margin: 36px auto 0 auto;
	overflow: hidden;
	padding: 18px 0 0 0;
	}
	
#footer ul{
	float: left;
/*	width: 240px; */
	width: 370px;
	margin: 0 10px;
	}
	
#footer a{ border-bottom: none; }
#footer a:hover{ text-decoration: underline; }
	
#footer li{	font-size: 11px; }

/*	
#footer .phone, #footer .email{ text-align: right; }
	
#footer .copyright, #footer .designer{ text-align: center; }

#footer .companyname { font-weight: bold; }
*/
#footer .designer{ text-align: right; }