/* ++ Main */

body {
	font:70%/1.5em Arial,Helvetica,sans-serif;
	color:#656565;
	background:#fff;
	text-align:center;
	margin:0;
	padding:0;
}


a {
	text-decoration:none;
}


a:visited {
	
}

a:hover {
	text-decoration:underline;
}


h1 {
	color:#604412;
	font-size:240%;
	font-weight:normal;
	font-family:Georgia,serif;
	margin:0 0 0.5em 0;
	padding:0;
}

h1#home { font-size: 380%; }

h2 {
	font-size:110%;
	margin:1em 0 0 0;
	padding:0;
	color: #C6A00C;
}
h3 {
	font-size: 110%;
	margin: 0 0 0.5em 0;
	padding: 0;
}

p {
	padding:0;
	margin:0 0 1em 0;
	font-size: 110%;
}

dl dt,
dl dd,
label { font-size: 110%; }

p#intro {
	font-size: 130%;
} 

img {
	border:none;
}

ul.navigation {
	list-style:none;
	padding:0;
	margin:0;
}
ul.navigation li {
	display:inline;
	float:left;
	padding:0 0.5em 0 0.5em;
}

ul.navigation li.firstnode {padding-left:0;}

ul.navigation li a {
	color:#656565;
}

ul.navigation li a:hover {
	color:#cdb316;
}



/* ++ Layout */

div#page {
	margin:0 auto;
	text-align:left;
	width:67em;
}

/*div#content ul { margin: 0; padding: 0;}
div#content ul li { font-size: 110%;list-style:none;color:#C6A00C; }*/
div#content ul li { font-size: 110%; }
div.clients ul { margin: 0; padding: 0;}
div.clients ul li { font-size: 110%;list-style:none;color:#C6A00C; }

div#content.twocol div.column {
	width:75%;
	float:left;
}

div#content.twocol div.featureColumn {
	float:right;
	width:20%;	
	margin-top: 4.5em;
}

div#content.homepage div.column {
	width: 55%;
	float: left;
}

div#content.homepage div.featureColumn {
	float: left;
	width: 31%;
	margin-left: 10%;
}

div#content.homepage div.mainColumn h2,
div#content.homepage div.mainColumn p { color: #888888; }

div#content.homepage div#alert_panel {
	padding-left: 35px;
	padding-right: 75px;
	background: transparent url(../images/alert.gif) no-repeat 0 3px;
	margin-top: 2em;
}

div#alert_panel h2,
div#alert_panel p { color: #8a8a8a; }

div#alert_panel p,
div#contact_panel p,
div#client_panel p { margin-bottom: 0.25em; }

div#contact_panel h2 { margin-top: 0; }

div#content.onecol div.column {
	float:right;
	width:70%;
	padding-right:9%;
}

div#client_panel { margin-top: 3em; }

* html div#content.onecol div.column {width:79%;}
div#content.onecol div.image {float:left;}
div#content.onecol div.image img {width:130px;}

div.featurePanel {
	width: 30%;
	margin-right: 2.5%;
	float: left;
	/* HACK: These are for IE's benefit. Normally overflow hidden would be fine, but because we're setting a height, IE
			 for a change respects it */
	overflow-x: hidden;
	height: 15em;
}

html>body div.featurePanel {
	/* HACK: For compliant browsers, this fixes the horror of above */
	overflow: hidden;
	height: auto;
	min-height: 15em;
}

div.featurePanel.last { margin-right: 0; }

div.featurePanel h2 { font-weight: normal; margin-top: -0.5em; margin-bottom: 1em; }

div.sideFeature {
	margin-bottom: 3em;
}

div.client_list p { color: #989898; }

div.client_list div#content.onecol div.column {
	float:right;
	width:79%;
	padding-right: 0;
}

div#content ul.imageList { margin-right: -2%; }
div#content ul.imageList li { display: inline; margin-right: 1%; }

div#content ul.imageList li img { border: 1px solid #e4e4e4; margin-bottom: 0.5em }

div.clients { margin: 2.5em 0; }

/* ++ Header */

div#header {	
	padding:1em 0 0 0;
	position:relative;
	border-bottom:.125em solid #e4e4e4;
}

div#header img.mainLogo {
	float:left;
}

div#header div.mainMenu {
	float:right;
	width:80%;
	padding: 0 0 1em 0;
}

div#header div.mainMenu ul.navigation {width:25%;float:left;}

div#header div.mainMenu ul.navigation li {
	display:block;
	float:none;
	clear:both;
	padding:0.125em;
}
div#header div.mainMenu ul.navigation li.firstnode {font-weight:bold;padding:0.125em 0.5em 0.125em 0.5em;color:#C6A00C;}

div#header ul.navigation li a,
div#footer ul.navigation li a {padding:0.125em 0.5em 0.125em 0.5em;text-decoration: none;}

div#header ul.navigation li a:hover,
div#footer ul.navigation li a:hover {
	text-decoration:none;	
	background:#5E3F11;
	color:#fff;
}

div#header ul.navigation li.current a,
div#footer ul.navigation li.current a {
	background:#AC8E5C;
	text-decoration:none;
	color:#fff;
}

div#header ul.navigation.headerNav {
	position:absolute;
	bottom:-0.75em;
	left:0;
	background: #fff;
}

div#header ul.navigation.headerNav,
div#footer ul.navigation {
	margin-left: -0.5em;
}	

div#footer ul.navigation li a { 
	/* HACK: Negative margin above clips the left padding on the link in IE, position relative cures this */
	position: relative;
}
/* ++ Content */

div#content a {
	color:#688907;
	text-decoration:none;
	border-bottom: 1px solid #688907;
	padding:0.1em 0.125em;
}

div#content a:visited {
	color:#688907;
	text-decoration:none;
	border-bottom: 1px solid #688907;	
}


div#content a:hover {
	color:#fff;
	text-decoration:none;
	background:#688907;
}

div#content .imageLink a,
div#content .imageLink a:visited,
div#content .imageLink a:hover { border-bottom: 0; padding: 0; background: transparent; }

div#content {
	padding:1em 0 2em 0;
	min-height:35em;	
}
* html div#content {height:35em;}


div#content h1 {padding:0.75em 0 0 0;}

/*p.intro {color:#000;}*/

div.feature a {	
	background: transparent url(images/featlink_bg.gif) no-repeat 100% 50%;
}

div#content.onecol div.image {padding:0.75em 0 0 0;font-size:240%;}

/* ++ Contact us */

div.threecol div.column { float: left; }
div.threecol div.column_one { width: 20%; }
* html div.threecol div.column_one { width: 19%; }
div.threecol div.column_two ,
div.threecol div.column_three { width: 38.5%; margin-left: 1%; }

div.threecol div.column_one { padding-top: 2em; }

div.contact_us div.contact_panel {
	padding-left: 12%;
	background: transparent url(../images/contact_tel.gif) no-repeat 0 2px;
	margin-bottom: 1.5em;
}

div.contact_us div#contact_email { background-image: url(../images/contact_email.gif); }
div.contact_us div#contact_historical { background-image: url(../images/contact_mail.gif); }
div.contact_us div#contact_vcard { background-image: url(../images/contact_vcard.gif); }

div.contact_panel dl { margin: 0; padding: 0; }

div.contact_us dl dt { font-weight: bold; }
div.contact_us dl dd { margin: 0 40% 0 0; }

div.contact_us dl.twocol dt {
	width: 20%; 
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

div.contact_us dl.twocol dd {
	width: 80%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

fieldset { 
	margin: 3.5em 0 0 0;
	padding: 0;
	border: 0;
}

fieldset label {
	font-weight: bold;
	color: #d3ae15;
}

fieldset div.row { margin-bottom: 1em; }

fieldset div.form_element,
fieldset div.submit_row {
	padding: 2px;
	margin-right: 1em;
}

div.submit_row { text-align: right; }
div.submit_row input.button {

}

input.button {
	width:auto;	
	background: #666665;
	color:#fff;
	border:none;
	padding: 3px 5px;
	font-size: 90%;
}

fieldset div.form_element input,
fieldset div.form_element textarea {
	width: 97%;
	font-size: 100%;
	font-family: Arial,Helvetica,sans-serif;
}

fieldset div.form_element textarea { height: 8em; }

fieldset div.error input,
fieldset div.error textarea 
{
	border: solid 1px #fe0000;
	background-color: #fed8ce;
	width: 97%;
	font-size: 100%;
	font-family: Arial,Helvetica,sans-serif;
}	

fieldset p { 
	font-size: 95%;
	margin-right: 30%;
}

fieldset p.error_message {
	color: #fe0000;
	padding: 0.25em 0.25em 0.25em 13px;
	background: transparent url(../images/error_bg.gif) no-repeat 0 50%;
}

div.contact_us fieldset h2 { color: #000; margin-bottom: 1em; }

div.contact_us h2.thank_you {
	color: #c7b316;
	padding: 1em 1em 1em 2em;
	background: transparent url(../images/contact_thanks.gif) no-repeat 0 50%;
}

/* ++ Footer */

div#footer {
	border-bottom:0.8em solid #cdb316;
	padding: 0 0 2.5em 0;
	margin:1em 0 3em 0;	
}

div#footer ul.navigation {
	float:left;
}

div#footer ul.navigation li {
	border-right:1px solid #999999;
}
div#footer ul.navigation li.lastnode {border:none;}

div#footer p.contactInfo,
div#footer p.copyright {
	font-size:100%;
}

div#footer p.contactInfo {
	clear:both;
}

div#footer p.copyright {
	float:right;
}



/* ++ Generics */

acronym {
	border-bottom: 1px dotted #91C000;
}

.fc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc { display: inline-block; }
.fc { height: 1%; }
.fc { display: block; }

@media screen,print { 
	.hidden { display: none; }
}