/* Simple Reset */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input,dl,dt,dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
a { outline: 0; }
label, button, input[type="submit"], input[type="reset"] {cursor:pointer;}

h1,h2,h3,h4,h5,h6, p { margin: 1em 0; }

/* Site Styles */
body {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

h2 {
	font-family: "superclarendon-1","superclarendon-2",serif;
	font-weight: 700;
	font-size: 3em;
	line-height: 1.2em;
	margin: 12px 0 12px 0;
}

h3 {
	font-size: 28px;
	margin: 12px 0;
	line-height: 1.2em;
	font-weight: normal;
}

h4 {
	font-size: 20px;
	margin: 12px 0;
	line-height: 1.2em;
	font-weight: normal;
}
	
h2.smash { margin: 0; }

	/** core layout **/
	ul#nav { width: 786px; height: 24px; margin: 0 auto; padding: 20px 13px; font-size: 24px; line-height: 24px; color: #b7b7b8; }
		ul#nav li { float: left; }
			ul#nav li a:link,
			ul#nav li a:visited { padding: 0 5px; color: #b7b7b8; }
			ul#nav li a.blog:hover, ul#nav li a.blog:active, ul#nav li.on a.blog { color: #63C0BB; }

	div#content	{ position: relative; height: 436px; width: 812px; margin: 0 auto; overflow: hidden;  }
		ul#carousel { position: absolute; left: 0; top: 0;  width: 81200px; height: 436px; }
			ul#carousel li.pane { position: relative; float: left; width: 812px; height: 436px; background: url(../img/section-body.png) no-repeat left bottom; }
				ul#carousel li.pane div.section { position: absolute; left: 6px; top: 30px; width: 800px; height: 400px; overflow: hidden; }

	div#footer { position: relative; width: 812px; height: 60px; margin: 0 auto 0 auto; }
		div#footer div#contact { font-size: 0.8em; text-align: left; color: #595959; padding: 17px; line-height: 34px;  }
		           div#footer span#logo { float: left; }
		           div#footer span#email, 
		           div#footer span#email, div#footer span#phone, div#footer span#address { padding: 0 4px; }
					div#footer span#phone { padding-left: 19px; }
		           div#footer span#email a { color: #595959; }
		div#footer ul#social { position: absolute; right: 14px; top: 58px; height: 20px; }
			div#footer ul#social li { float: left; width: 20px; height: 20px; margin-right: 30px; }
			div#footer ul#social li.youtube { margin-right: 0; }
				div#footer ul#social li a { display: block; width: 20px; height: 20px; text-indent: -99999px; background: url(/img/social.png) 0 0; }
				div#footer ul#social li.twitter a { background-position: 0 -20px; }
				div#footer ul#social li.vimeo a { background-position: 0 -40px; }
				div#footer ul#social li.youtube a { background-position: 0 -60px; }


	/** section tabs **/
	ul.tabnav { width: 812px; margin: 0; padding: 0; height: 30px; position: relative; }
		ul.tabnav li { position: absolute; height: 30px; top: 0px; z-index: 2; }
		ul.tabnav li.on { z-index: 11; }
		ul.tabnav li.shadow { position: absolute; width: 812px !important; height: 5px; top: 25px; left: 1px; background: url(/img/shadow.png) !important; z-index: 10; }
			ul.tabnav li a { display: block; height: 30px; line-height: 35px; padding: 0 30px 0 12px; }
			ul.tabnav li a:link, ul.tabnav li a:visited { font-family: "superclarendon-1","superclarendon-2",serif; font-weight: 700; color: white; text-decoration: none; }

	/** subsection carousels **/
	div.subsection { width: 800px; height: 400px; overflow: hidden; position: relative; top: 0px; left: 0px; display: block; }
	div.fader { background: white; display: none; }
		div.subsection ul.subcarousel { padding: 0; margin: 0; width: 80000px; height; 400px; position: absolute; top; 0; left: 0; }
			div.subsection ul.subcarousel li { width: 800px; height: 400px; float: left; position: relative; }
		div.subsection div.pagenav { width: 800px; height: 50px; position: absolute; top: 0px; left: 0px; background: url(/img/cover.png); color: #888888; text-align: left; display: block; }
			div.subsection div.titlenav { display: block; }
			div.subsection div.pagenav div.titlelinks { padding: 14px 40px; line-height: 22px; }
			div.subsection div.pagenav a, div.subsection div.pagenav a:link, div.subsection div.pagenav a:visited { display: inline; color: #888888; text-decoration: none; }
			div.subsection div.pagenav a.on:link, div.subsection div.pagenav a.on:visited { display: inline; color: #ffffff; text-decoration: none; }
		div.subsection div.dotnav { top: auto; bottom: 0px !important; }
			div.subsection div.dotnav a.next { float: right; margin: 14px 40px; color: white; font-family: "superclarendon-1","superclarendon-2",serif; }
			div.subsection div.dotnav a.prev { float: left; margin: 14px 40px; color: white; font-family: "superclarendon-1","superclarendon-2",serif; }
			div.subsection div.dotnav a.tab { position: absolute; top: 15px; right: 36px; display: none; }
			div.subsection div.dotnav ul.dotnavlinks { margin: 0; padding: 14px 40px; width: auto; text-align: center; }
				div.subsection div.dotnav ul.dotnavlinks li { display: inline; padding: 0 3px; }
				div.subsection div.dotnav ul.dotnavlinks li a:link, div.subsection div.dotnav ul.dotnavlinks li a:visited { display: inline; font-weight: bold; color: #888888; text-decoration: none; }
				div.subsection div.dotnav ul.dotnavlinks li.on a:link, div.subsection div.dotnav ul.dotnavlinks li.on a:visited { color: #ffffff; }


	/** page components **/
	div.textfull, div.imagefull { width: 800px; height: 400px; overflow: hidden; }
	div.textfirst { width: 440px; height: 400px; float: left; overflow: hidden; }
	div.imagesecond { width: 360px; height: 400px; overflow: hidden; position: absolute; right: 0px; top: 0px; }
	div.textsecond { width: 300px; height: 400px; float: right; overflow: hidden; }
	div.imagefirst { width: 500px; height: 400px; overflow: hidden; position: absolute; left: 0px; top: 0px; }
	div.textcontent { padding: 44px 36px; color: white; font-size: 14px; line-height: 18px; text-align: left; }
		div.subsection ul.subcarousel li div.textcontent ul { margin: 0; padding: 0; list-style-type: none; }
		div.subsection ul.subcarousel li div.textcontent ul li { float: left; width: 180px; margin: 0; padding: 0; height: auto; }
		
	div.videocontent { padding: 0; }

	/** forms **/
	#section_connect form, #section_login form { margin: 0; }
		#section_connect fieldset { width: 320px; border: 0; float: left; margin-right: 30px; }
		#section_connect fieldset.right { margin-right: 0; margin-left: 30px; }
		#section_login fieldset { width: 320px; border: 0; margin: 0 auto; }
			#section_connect fieldset label, #section_login fieldset label { display: block; margin-top: 10px; }
			#section_login fieldset label { text-align: center; }
			#section_connect fieldset input, #section_connect fieldset textarea, #section_login fieldset input, #section_login fieldset textarea { background: white; border: 0; padding: 3px; width: 320px; color: #B2BB45; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",Arial,sans-serif; font-size: 14px; line-height: 14px; }
			#section_login fieldset input, #section_login fieldset textarea { color: #F4CE31; text-align: center; }
			#section_connect fieldset textarea, #section_login fieldset textarea { width: 314px; height: 70px; }
			#section_connect fieldset input.submit, #section_login fieldset input.submit { font-size: 30px; line-height: 30px; }
			#section_login fieldset input.submit { width: 326px; }

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }