/*
* Skeleton V1.1
* Copyright 2011,
	Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body {
	font:1em/1.45em Georgia,"Times New Roman",serif;
	color:#0a0d0e;
	
}

h2 {
	font-size:3em;
	border-bottom:2px solid #70513c;
	padding:.5em 0;
}
h3 {
	font:1.30em/1.35em Futura,"Century Gothic","Gill Sans",Arial,sans-serif;
	text-transform:uppercase;
	color:#70513c;
}
h4 {
	color:#d5691a;
}

p {
}

ul {
	list-style:disc outside;
	margin-left:3em;
}

.comingsoon {
	color: #0A0D0E;
}

p a:link,
p a:visited {
	color:#d5691a;
	text-decoration:none;
}
p a:hover,
p a:active {
	color:#000;
	text-decoration:underline;
}

header {
	display:inline;
	width:100%;	height:225px;
	margin:0 auto;
	background:url(../images/header.jpg);
}
	
	/*	NAV	*/
	nav {
		text-transform:uppercase;
		float:right;

	}
	header > nav {
		position:relative;
		margin-top:15px;	
		margin-right:15px;
		
	}
		nav a:link,
		nav a:visited {
			padding-right:15px;
			font:.875em/1.25em "Century Gothic",Arial,sans-serif;
			color:#fff;
			text-decoration:none;
			float:left;
		}
		nav a:hover {
			text-decoration:underline;
			color:#fff;
		}
		header > nav > a:first-child:after { content:" /"; }
		header > nav > a + a,
		nav nav a {
			padding-right:15px;
			background:url(../images/linkDropdown.png) no-repeat 100% 4px;
		}
		header > nav > a + a:hover { background-position:100% -13px; }
			nav nav {
				display:none;
				float:right; clear:both;
			}
				a:hover + nav,
				a + nav:hover { display:block; }
					nav nav a {
						display:block;
						min-width:150px;
						text-align:right;
						float:right;	clear:both;
					}

#mainContent {
	width:500px;
	padding-left:15px;
}

#subContent {
	padding-right:15px;
}

	aside {
		width:100%;
		border-top:1px dotted #000;
		border-bottom:1px dotted #000;
		padding:15px;
		font:bold 1em/1.45em "Century Gothic",Arial,sans-serif;
		color:#000;
	}


footer {
	margin-top:3em;
	padding:25px;
	background:#f3f0ef;
	color:#694834;
}
	footer p {
		font:.875em/1.5em;
		opacity:.75;
	}

	/*	FORM OVERRIDES	*/

	.sg-body {
		background:#fff;
		padding:0;
	}
	
	.sg-wrapper {
		color:#fff;
		width:343px;
		margin:0 auto;
	}
	
	.sg-header {
		width:0;
		height:0;
		margin:0;
		padding:0;
		min-height:0;
	}
		
	.sg-banner { margin-left:-24px; }
	
	.sg-content {
		clear:both;
		margin:0;
		padding:30px 0 0;
		background:#73503b;
		border:0 solid #898c90;
		margin-top:30px;
		-webkit-border-radius:15px;
		border-radius:15px;
		-moz-box-shadow:0px 0px 3px rgba(0,0,0,.2);
		-webkit-box-shadow:0px 0px 3px rgba(0,0,0,.2);
		box-shadow:0px 0px 3px rgba(0,0,0,.2);
	}
		
	.sg-footer {
		min-height:60px;
		padding:15px 0;
		text-align:center;
		margin:0;
		-webkit-border-radius:15px;
		border-radius:15px;
	}
	
	.sg-page-title {
		color:#73503b;
		font-weight:bold;
	}
		
	.sg-page-description {
		background-color:#73503b;
		border:0 solid #214570;
		padding:0;
	}
		
	.sg-header,
	.sg-footer {}
		
	.sg-header {}
		
	.sg-footer {
		border:0 solid #cdcfd2;
		background:#73503b;
	}
	
	.sg-first-cell {
		padding:5px 0 2px;
		color:#fff
	}
		
.sg-last-cell {
		width: 280px;
		}
	
	.sg-question-title {
		position:relative;
		height:0;
		font-weight:bold;
		color:#fff;
		margin:0;
		padding:5px 0;
	}
		
	.sg-question-number {}
		
	.sg-question {
		margin:10px 0;
		clear:both;
	}
		
	.sg-question-set { padding:0 30px; }
		
	.sg-type-table tbody th,
	.sg-rank-dragdrop .sg-rank-target { background-color:#fff; }
		
	.sg-type-table td,
	.sg-rank-dragdrop .sg-rank-origin li { background-color:#fff; }
		
	.sg-type-table td,
	.sg-type-table th { border-top-color:#73503b; }
		
	.sg-type-table .sg-table { border-color:#abadaf; }
		
	.sg-type-table td,
	.sg-type-table th { border-left-color:#73503b; }
		
	.sg-rank-instructions { color:#fff !important; }
		
	.sg-button {
		width:161px;	height:50px;
		margin:2px;
		padding:5px 15px !important;
		border:0px outset #73503b !important;
		font-size:20px;
		font-weight:normal;
		text-decoration:none;
		color:#5d7731;
	}
		
	#gradient {
		background:-moz-linear-gradient(top,rgba(205,235,142,1) 0%,rgba(165,201,86,0.95) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(205,235,142,1)),color-stop(100%,rgba(165,201,86,0.95))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,rgba(205,235,142,1) 0%,rgba(165,201,86,0.95) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,rgba(205,235,142,1) 0%,rgba(165,201,86,0.95) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,rgba(205,235,142,1) 0%,rgba(165,201,86,0.95) 100%); /* IE10+ */
		background:linear-gradient(top,rgba(205,235,142,1) 0%,rgba(165,201,86,0.95) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e',endColorstr='#f2a5c956',GradientType=0 ); /* IE6-9 */
	}
		
	.sg-buttons,
	.sg-button-group input {
		display:inline;
	}
		
	.sg-button:hover {
		background-position:0 0;
	}
		
	.sg-button-group {
		text-align:center;
		margin:0 0 10px;
	}
		
	.sg-footer-hook-2 {
		color:#fff;
		font-size:90% !important;
	}
		
	.sg-wrapper h1,
	.sg-wrapper h2,
	.sg-wrapper h3,
	.sg-wrapper h4,
	.sg-wrapper h5,
	.sg-wrapper h6 { text-align:left; }
		
	.sg-wrapper h1 {
		font-size:1.55em;
		margin:.5em 0;
	}
		
	.sg-wrapper h2 { font-size:1.3em; }
		
	.sg-wrapper h3 { font-size:1.15em; }
		
	.sg-wrapper h4 { font-size:.95em; }
		
	h1.sg-title,
	div.sg-page-title {
		margin:0;
		padding:0 0 .3em;
		font-weight:normal;
	}
		
	.sg-wrapper,
	.sg-wrapper p,
	.sg-wrapper li,
	.sg-wrapper td,
	.sg-wrapper th,
	.sg-wrapper select,
	.sg-wrapper input,
	.sg-wrapper textarea {
		font-family:Arial,Helvetica,sans-serif;
		font-size:small;
	}
	
	.sg-wrapper input {
		width:100%;
		border:1px solid #638ca9;
		border-radius:5px;
		padding:8px 0;
	}
	.sg-footer .sg-submit-button {
		width:auto;	height:41px;
		border:1px solid #aec671;
		border-radius:5px;
		color:#5d7731;
		font-size:1.15em;
		text-shadow:0 1px 1px rgba(255,255,255,.5);
	}
		
	.sg-wrapper input:focus,
	.sg-wrapper select:focus,
	.sg-wrapper textarea:focus { background-color:#fff!important; }
		
	#sg-snc-bar {}
		
	.sg-progress-bar {}
		
	.sg-progress-bar-inner {}
		
	.sg-powered-by { display:none!important; }

/* #Page Styles
================================================== */

/*	REGISTRATION THANK YOU	*/
#thankyou #mainContent {
	width:870px;
	padding:0 2em 3em;
}
	#thankyou ul {
		list-style:none;
		width:100%;
		margin:0;
		overflow:hidden;
	}
		#thankyou #mainContent ul li {
			width:23%;
			margin-left:2%;
			font-family:"Century Gothic",Arial,sans-serif;
			text-align:center;
			color:#d5691a;
			float:left;
		}
		#thankyou #mainContent ul li:first-child { margin:0; }
		#thankyou #mainContent ul li * { padding:.5em 0; }
			#thankyou #mainContent ul a {
				color:#d5691a;
				font-weight:bold;
				text-decoration:none;
			}
			#thankyou #mainContent ul a:hover { text-decoration:underline; }
				#thankyou #mainContent ul img {
					display:block;
					margin:.5em auto;
				}
				#thankyou #mainContent ul p a{ font-weight:normal; }
	
		#thankyou #subContent ul li {
			margin:1em 0;
			overflow:hidden;
		}
			#thankyou #subContent ul li h4,
			#thankyou #subContent ul li p {
				width:76%;
				float:right;
			}
				#thankyou #subContent ul li h4 a {
					color:#d5691a;
					font-size:1em;
					font-weight:bold;
					text-decoration:none;
				}
				#thankyou #subContent ul li h4 a:hover { text-decoration:underline; }
			#thankyou #subContent ul li > a {
				margin-top:-2.5em;
				float:left;
			}
			
		
		#thankyou dt {
			margin:2.5em 0 0;
			line-height:1.25em;
		}
		#thankyou dd {
			margin:0 0 1.5em;
			font-weight:normal;
			line-height:1.25em;
		}

/* #Colors
================================================== */
/*
main text				#0a0d0e
brown					#70513c
input border			#638ca9
submit button border	#aec671
orange					#d5691a
*/ 
	
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width:959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
			#thankyou #mainContent ul { width:auto; }
			#thankyou #mainContent ul li {
				display:block;
				margin:.5em 0;
				float:none;
			}
			#thankyou #mainContent ul li a {
				display:inline;
				background:none;
			}
			#thankyou #mainContent ul li a img { display:none; }
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

			#thankyou #mainContent ul { width:auto; }
			#thankyou #mainContent ul li {
				display:block;
				margin:.5em 0;
				float:none;
			}
			#thankyou #mainContent ul li a {
				display:inline;
				background:none;
			}
			#thankyou #mainContent ul li a img { display:none; }
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family:'FontName';
	    src:url('../fonts/FontName.eot');
	    src:url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight:normal;
	    font-style:normal; }
*/