/*
	STYLES.CSS
	Copyright 2011 Robert Nordvik, www.doubleswirl.com
	All Rights Reserved
*/

/*
	COLORS
		Dk Red:  #8c0327
		White:   #f0f2f2
		Yellow:  #f2e205
		Orange:  #f29f05
		Dk Org:  #f2522e
*/

/* RESET CSS */ 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}
/* HTML5 SUPPORT */ address,article,aside,dialog,figure,footer,header,nav,section{display:block;}
	strong {font-weight: 700;}

body {
	background: #f29f05;
	color: #8c0327;
	font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #f2522e;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: 100;
}

	h1 {
		color: #8c0327;
		font-family: "GillSans-Light", sans-serif;
		font-size: 60px;
		font-style: normal;
		line-height: 65px;
	}

	h2 {
		font-size: 36px;
		line-height: 30px;
		margin-bottom: 13px;
	}

#pagewrap {
	background: #f0f2f2;
	margin: 0 auto;
	padding: 20px;
	width: 920px;
		-moz-border-radius-bottomleft:16px;
		-webkit-border-bottom-left-radius:16px;
		-moz-border-radius-bottomright:16px;
		-webkit-border-bottom-right-radius:16px;
		border-radius: 0 0 16px 16px;
		-webkit-box-shadow: 0px 8px 16px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 8px 16px rgba(0,0,0,0.5);
		box-shadow: 0px 8px 16px rgba(0,0,0,0.5);
}

header {
	background: url('img/header_bg.jpg') left top no-repeat;
	height: 140px;
	margin: -10px -20px 0 -10px;
	overflow: hidden;
}

	header img {
		float: left;
	}

	header h1 {
		text-indent: -9999px;
	}

	header h2 {
		text-indent: -9999px;
	}

nav {
	background: #8c0327;
	margin: 0 -20px;
	overflow: hidden;
}

	nav li {
		float: left;
	}

		nav li a {
			color: #f2e205;
			display: block;
			font-weight: 700;
			line-height: 35px;
			padding: 0 20px;
			text-decoration: none;
		}
		
		nav li a:hover {color: #f29f05;}
		
			body.index nav li a.index,
			body.print nav li a.print,
			body.promotional nav li a.promotional,
			body.contact nav li a.contact
				{
					color: #f2f0f0;
					cursor: default;
				}
		
.main {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

	.main .sec1 {
		margin-bottom: 16px;
		overflow: hidden;
	}

		.main .sec1 .col1,
		.main .sec1 .col2
			{
				width: 450px;
			}
			
				.main .sec1 .col1 {float: left;}
	
				.main .sec1 .col2 {float: right;}
				
				.main .sec1 img {
					background: #fff;
					padding: 14px;
					border: 1px solid #8c0327;
					margin: 5px 14px;
						-moz-border-radius: 12px;
						-webkit-border-radius: 12px;
						border-radius: 12px;
				}
				
	.main .sec2 {
		overflow: hidden;
		margin-bottom: 48px;
	}

		.main .sec2 .membership {
			margin-top: 48px;
			text-align: center;
			width: 300px;
			float: left;
			line-height: 32px;
		}
		
			.main .sec2 .membership a img {margin-right: 30px;}
		
/* 			.main .sec2 .membership a:last-child img {margin-right: 0;} */

		.main .sec2 .membership.alt {
			width: 525px;
			float: right;
		}
		
			.main .sec2 .membership.alt a img {margin-left: 30px; margin-right: 0;}
		
/* 			.main .sec2 .membership.alt a:first-child img {margin-left: 0; margin-right: 0;} */

	.main p {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 14px;
		text-align: justify;
	}
	
	.main a, .main a:visited {
		color: #f2522e;
		font-weight: 700;
	}
	
	.main ul {
		margin-bottom: 14px;
	}
	
	ul.grid {
		margin-bottom: 0;
		overflow: hidden;
	}

		ul.grid li {
			background: #fff;
			border: 1px solid #8c0327;
			float: left;
			font-size: 13px;
			height: 172px;
			margin: 0 20px 20px 0;
			padding: 8px;
			padding-bottom: 0;
			line-height: 26px;
			overflow: hidden;
			width: 195px;
			text-align: center;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
		}
		
			ul.grid li.last {
				margin-right: 0;
			}
		
			ul.grid li:hover {
				background: #ebebeb;
			}
			
			ul.grid li div {
				height: 146px;
				overflow: hidden;
				width: 195px;
			}
			
				ul.grid li div img {
					display: block;
					margin: 0 auto;
				}
				
	ul.errors {
		list-style: square outside;
		margin-left: 40px;
	}
	
		ul.errors li {
			line-height: 1.3;
		}

form ul li {
	margin-bottom: 10px;
}

	form ul li:last-child {
		margin-bottom: 0;
	}

	label {
		display: block;
		font-size: 13px;
	}
	.text {
		background: #f0f2f2;
		border: 1px solid #ccc;
		padding: 5px;
		width: 438px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
	}
		.text:focus {
			background: #fff;
			border: 1px solid #8c0327;
		}
	
	select:focus {
		border: 1px solid #8c0327;
	}

footer {
	background: #8c0327;
	color: #f2e205;
	font-weight: 700;
	margin: 0 -20px -20px -20px;
	overflow: hidden;
	padding: 20px;
		-moz-border-radius-bottomleft:16px;
		-webkit-border-bottom-left-radius:16px;
		-moz-border-radius-bottomright:16px;
		-webkit-border-bottom-right-radius:16px;
		border-radius: 0 0 16px 16px;
}

	footer .col1, footer .col2 {
		float: left;
		width: 250px;
	}
		
	footer .col3 {
		float: right;
		text-align: right;
		width: 250px;
	}
	
p.copyright {
	color: #8c0327;
	font-size: 10px;
	margin: 10px auto; 
	width: 960px;
	text-align: right;
}

	p.copyright a {
		color: #8c0327;
		font-weight: 700;
		text-decoration: underline;
	}
	
.left {
	float: left;
}
	img.left {
		margin-left: 0 !important;
	}

.right {
	float: right;
}
	img.right {
		margin-right: 0 !important;
	}


/* PAGE-SPECIFIC STYLES */

	body.contact div.main div.sec1,
	body.contact div.main div.col1,
	body.contact div.main div.col2,
	body.contact div.main form ul
		{
			margin-bottom: 0;
		}
		
		body.contact div.main div.col1 ul {
			font-size: 14px;
			line-height: 1.5;
		}
		
		body.contact div.main div.col2 ul {
			line-height: 1.5;
		}
		
			body.contact div.main div.col2 ul li:first-child {
				font-weight: 700;
			}
			
			body.contact div.main div.col2 img {
				margin: 0 0 14px 0;
			}