@charset "UTF-8";
body {
	font-size:100%; /* 16 */
	line-height: 1.45em;
	font-family: Verdana, Arial sans-serif;
	background: url('images/bg_cgw.jpg');
	background-position: center; 
	background-attachment:fixed;
	background-color: #735938;
	border: none;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
	/* overflow-y: scroll; this adds inactive scrollbar to browser window, socontent doesnt jump on short pages. (IE7 bug displays 2 scrollbars though) */
}

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

.clear {
	clear: both;
}

.small {
	font-size: .9em;
}

h1, h2, h3, h4, h5, #feature_about li span {
	font-family: Verdana, Arial sans-serif;
	color: #6c491d;
	font-weight: normal;
}

h1 {
	font-size: 250%; /* ? */
	line-height: 1.1em; /* ? */
	margin-top: 25px;
	margin-bottom: 30px;
}

h2 {
	font-size:156%; /* 24.96 */
	line-height: 1.25em; /* ? */
	margin-bottom: 10px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}


#header {
	text-align: right;
	height: 102px;
	padding: 0 40px 0 40px;
	background: url('images/bg_header.png');
	background-repeat: repeat-x;
}

#logo {
	float: left;
	margin-top: 18px;
}

#nav ul {
	text-transform: uppercase;
	font-size:0.815em; /* 16x0.815=13.04 */
	letter-spacing: .5pt;
	float: right;
	margin-top: 62px;
}

#nav ul li {
	display: inline;
	float: left;
	text-align: right;
	margin-left: 20px;	
}

#nav li a{
	color: #444444;
	padding: 4px;
}
	
#nav li a:hover{
	color: #222222;
}

.home #nav #home a, 
.about #nav #about a, 
.contact #nav #contact a{
	color:#ffffff;

}

#content{
	background: url('images/bg_content.png');
	background-repeat: no-repeat;
	background-color: #e4ded0;
	padding: 40px 40px 40px 40px;
}


#cup {
	float: left;
	margin-left: 2px;
}

#intro{
	width: 450px;
	float: left;
	margin-left: 80px;
}

#intro p{
	margin-bottom: 40px;
}

#intro a{
	margin-right: 10px;
}

#feature_about{
	width: 700px;
	/*margin: 0 auto;*/
	float: left;
	margin-left: 90px;
	_margin-left: 40px; /* ie6 */
}

#feature_about ul{
	margin-bottom: 50px;
	font-size:0.88em; /* 16x0.88=14.08 */
}

#feature_about li{
	background:url('images/check.png') left 2px no-repeat;
	padding-left: 38px; 
	margin-bottom: 17px;
}

#feature_about li span {
	margin-right: 6px;
	font-size:1.75em; /* 14.08x1.75=24.64 */
}

#feature_about p {
	width: 600px;
	margin-bottom: 15px;
}

#feature_about p.last {
	margin-bottom: 55px;
}

#features{
	background: url('images/bg_features.png');
	background-repeat: repeat-x;
	background-color: #d3cab4;
	padding: 40px 40px 50px 40px;
	color: #555555;
	line-height: 1.3em;
}

.column, .column_last {
	font-size:0.88em; /* 16x0.88=14.08 */
	width: 276px;
	float: left;
	margin-right: 25px;
}

.column_last {
	float: right;
	margin-right: 0;
}

#contact_form {
	width:410px;
	float: left;
	margin-left: 90px;
	_margin-left: 40px; /* ie6 */
	margin-bottom: 40px;
}

#contact_form p {
	margin-bottom: 50px;
}

#contact_form input, #contact_form textarea {
	border:1px solid #e4ded1;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	margin:0 0 12px;
	padding:4px;
	width:260px;
	height: 18px;
}

#contact_form textarea {
	height: 70px;
}

#contact_form textarea:focus, #contact_form input:focus {
	background-color:#ffffcc;
}

#contact_form input.submit-button:focus {
	background-color: transparent;
}

#contact_form input.submit-button {
	height:61px;
	width:181px;
	border: none;
	margin-bottom: 25px;
}

#contact_message {
	height: 500px;
	margin-top: 25px;
}

fieldset div {
	text-align: right;
	font-size: 0.7em;
	line-height: 1.5em;
	margin-bottom: 5px;
	padding-right: 6px;
}

fieldset #privacy {
	text-align: left;
	font-size: 0.8em;
}

#privacy span{
	color: #222222;
}

label {
	float:left;
	font-size:0.88em; /* 16x0.88=14.08 */
	line-height: 1.45em;
	margin-right:5px;
	margin-top:0;
	text-align:left;
	width:130px;
}

#secondary{
	width: 250px;
	float: left;
	margin-left: 100px;
	margin-top: 25px;
}

#secondary p {
	font-size:0.88em; /* 16x0.88=14.08 */
	line-height: 1.45em;
}

#secondary p+p{
	margin-top: 15px;
}

#social{
	margin: 25px 0 40px 0;
}

#social a{
	margin-right: 10px;
}

#footer{
	background: url('images/bg_footer_dark.jpg');
	height: 36px;
	padding: 55px 40px 0px 40px;
	color: #ede8d9;
	font-size:0.69em; /* 16x0.686=10.976 */
	overflow: hidden;
}

.about #footer,
.contact #footer{
	background: url('images/bg_footer_light.jpg');
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color: #ede8d9;
	text-decoration: underline;