/*-- General Information & Copyrights -------------------------

*Filename		style.css
*Description	Global CSS
*Version		1.0 (2012)
*Website		-
*Author			Kyle Carter / http://www.kcarterdesign.us
*Copyright		©2011-2012 Idimoris

-- Color Reference --------------------------------------------

White/Grey		#f6f6f6
Orange			#ff7e00
Light Orange	#ffd1a5
Medium Orange	#fe9d41

-- Contents ---------------------------------------------------

1. Resets
2. Fonts
3. Typography
4. Links & Navgiation
5. Global
6. Lists
7. Form
8. Layout

-- 1. Resets -------------------------------------------------*/

html, body, div, span,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,  
dl, dt, dd, ol, ul, li,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    vertical-align: baselinebaseline;  
    background: transparent;  
} 

/*-- 2. Fonts -------------------------------------------------*/

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

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

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

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

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

/*-- 3. Typography & Links ------------------------------------*/

.copyright { color: #ffd1a5; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; }
.credit { color: #ffd1a5; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; }
.formRequired { color: ##ffd1a5; font: 15px/20px "NeoSansStd-LightItalic", helvetica, sans-serif; float: left; padding: 0 0 5px 5px; }
.formSuccess, .formInProgress { color: #f6f6f6; font: 22px "NeoSansStd-Regular", arial, helvetica, sans-serif; }
.productLink a { border: none; color: #f6f6f6; font: 14px/18px "NeoSansStd-Regular", arial, helvetica, sans-serif; text-decoration: none; }
.headerTagline { color: #f6f6f6; font: 70px "NeoSansStd-Regular", arial, helvetica, sans-serif; }

a.copyright { background: url(../images/copyright_arrow_top.gif) left center no-repeat; border: none; color: #ffd1a5; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; padding: 0 15px 2px 15px; text-decoration: none; }
a.copyright:hover { background: url(../images/copyright_arrow_top_white.gif) left center no-repeat; border: none; color: #f6f6f6; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; padding: 0 15px 2px 15px; text-decoration: none; }
a.credit { border: none; color: #ffd1a5; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; text-decoration: none; }
a.credit:hover { border: none; color: #f6f6f6; font: 14px/15px "NeoSansStd-Regular", helvetica, sans-serif; text-decoration: none; }
a.footerLink { border: none; color: #f6f6f6; font: 16px "NeoSansStd-Regular", arial, helvetica, sans-serif; text-decoration: none; }
a.footerLink:hover { border-bottom: 1px dotted #f6f6f6; color: #f6f6f6; font: 16px "NeoSansStd-Regular", arial, helvetica, sans-serif; text-decoration: none; }
a.headerLink { border: none; color: #ff7e00; font: 16px "NeoSansStd-Medium", arial, helvetica, sans-serif; text-decoration: none; }
a.headerLink:hover { border-bottom: 1px dotted #ff7e00; color: #ff7e00; font: 16px "NeoSansStd-Medium", arial, helvetica, sans-serif; text-decoration: none; }

h1 { color: #f6f6f6; font: 50px "NeoSansStd-Regular", arial, helvetica, sans-serif; }
h2 { color: #f6f6f6; font: 30px "NeoSansStd-Regular", arial, helvetica, sans-serif; }
h3 { color: #f6f6f6; font: 22px "NeoSansStd-Regular", arial, helvetica, sans-serif; padding: 0 0 5px 0; }
h4 { color: #f6f6f6; font: 16px "Arial", helvetica, sans-serif; }

label { color: #f6f6f6; font: 14px/18px "NeoSansStd-Regular", helvetica, sans-serif; float: left; padding: 0 0 5px 0; }
p { color: #ffd1a5; font: 14px/18px "NeoSansStd-Regular", helvetica, sans-serif; }

#formSuccess p, #formInProgress p { color: #f6f6f6; font: 15px/40px "NeoSansStd-Regular", Arial, Helvetica, sans-serif; }

/*-- 4. Navigation --------------------------------------------*/

#navigation {
	background: url(../images/nav_bg.gif) center no-repeat;
	height: 76px;
	overflow: hidden;
	margin: auto;
	text-align: center;
	width: 960px; }
	
#navigation ul {
	margin: auto; 
	padding: 22px 0 0 85px; }
	
#navigation ul li {
	color: #f6f6f6;
	display: inline;
	font: 22px "NeoSansStd-Regular", arial, helvetica, sans-serif;
	list-style: none;
	padding: 0 80px 0 0; }
	
#navigation ul li a {
	border: 0 none;
	color: #f6f6f6;
	text-decoration: none; }
	
#navigation ul li a:hover {
	background: url(../images/active_indicator.png) bottom center no-repeat;
	padding: 0 0 30px 0; }
	
.sectionNav {
	float: right;
	text-align: right;
}
	
.sectionNav ul {
	padding: 38px 0 0 0; }

.sectionNav ul li {
	color: #ffd1a5;
	display: inline;
	font: 18px "NeoSansStd-Regular", arial, helvetica, sans-serif;
	list-style: none;
	padding: 0 0 0 20px; }
	
.sectionNav ul li a {
	border: 0 none;
	color: #ffd1a5;
	text-decoration: none; }
	
.sectionNav ul li a:hover {
	border: 0 none;
	color: #f6f6f6;
	text-decoration: none; }
	
	

/*-- 5. Global ------------------------------------------------*/

body { background: #f6f6f6; }
.productImage img { border: 5px solid #f6f6f6; }

/*-- 6. Lists -------------------------------------------------*/

.productFeatures ul {
	color: #ffd1a5;
	font: 14px/18px "NeoSansStd-Regular", helvetica, sans-serif;
	list-style: none; }

.productFeatures ul li {
	background: url(../images/list_arrow_right.gif) left center no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 0 14px; }

/*-- 7. Form(s) -----------------------------------------------*/

#contactForm-Left {
	float: left;
	width: 350px; }
	
#contactForm-Right {
	float: right;
	width: 540px; }

#copyright {
	margin: auto;
	padding: 50px 0 0 0;
	width: 960px; }
	
#formBlock {
	background: url(../images/orange_highlight.jpg) top center no-repeat;
	margin: auto;
	width: 960px; }
	
.formBottomrow {
	height: 40px;
	padding: 0 0 40px 0;
	width: 350px; }
	
#formLinkrow {
	height: 25px;
	margin: 38px 0 0 0;
	width: 350px; }
	
	
#formMessage {
	float: right;
	width: 540px; }
	
#formMessage textarea {
	background: #f6f6f6;
	border: none;
	color: #ff7e00;
	font: 15px/15px "NeoSansStd-Medium", arial, helvetica, sans-serif;
	height: 135px;
	padding: 10px 0 0 10px;
	width: 540px; }
	
#formSubmitrow {
	float: right;
	height: 40px;
	width: 540px; }

#formSubmitrow #submit {
	background: #f6f6f6;
	border: none;
	color: #ff7e00;
	cursor: pointer;
	float: right;
	font: 15px/40px "NeoSansStd-Medium", Arial, Helvetica, sans-serif;
	height: 40px;
	margin: 60px 0 0 0;
	width: 80px; }
	
#formSuccess {
	border: 1px solid #f6f6f6;
	float: left;
	height: 38px;
	margin: 60px 0 0 180px;
	text-align: center;
	width: 250px; }
	
#formSuccess2 {
	height: 140px;
	margin: auto;
	padding: 100px 0 0 0; 
	text-align: center;
	width: 958px; }
	
.formToprow {
	height: 25px;
	width: 350px; }
	
.textfield {
	background: #f6f6f6;
	border: none;
	color: #ff7e00;
	font: 15px/15px "NeoSansStd-Medium", arial, helvetica, sans-serif;
	height: 40px;
	margin: 0 20px 0 0;
	padding: 0 0 0 10px;
	width: 350px;
}
	
/*-- 8. Layout ------------------------------------------------*/

#headerEmail {
	float: right;
	padding: 20px 0 0 0;
	text-align: right;
	width: 188px; }
	
#headerLogo {
	float: left; }

#headerTeasers {
	background: #ff7e00 url(../images/orange_highlight.jpg) top center no-repeat; 
	padding: 30px 0 50px 0; }
	
#headerTeasers-Bottom {
	background: url(../images/orange_highlight.jpg) top center no-repeat;
	margin: auto;
	overflow: hidden;
	padding: 40px 0 0 0;
	width: 960px; }
	
#headerTeasers-Content {
	margin: auto;
	overflow: hidden;
	width: 960px; }
	
#headerTeasers-Top {
	margin: auto;
	overflow: hidden;
	padding: 0 0 30px 0;
	text-align: center;
	width: 960px; }

#headerTeasers-Bottom-Left {
	float: left;
	padding: 0 75px 0 100px;
	width: 350px; }

#headerTeasers-Bottom-Right {
	float: left; 
	padding: 0 0 0 0;
	vertical-align: center;
	width: 350px }

#headerTop {
	background: url(../images/orange_silhouette.gif) bottom center no-repeat;
	height: 280px;
	margin: auto;
	width: 100%; }
	
#headerTop-Content {
	height: 65px;
	overflow: hidden;
	margin: auto;
	padding: 30px 0 0 0;
	width: 960px; }

#products, #contact {
	background: url(../images/orange_silhouette.gif) top center no-repeat;
	margin: 800px 0 0 0;
	overflow: hidden;
	width: 100% }
	
#productsContent, #contactContent {
	background: #ff7e00;
	overflow: hidden;
	margin: 136px 0 0 0;
	width: 100% }
	
.productFeatures {
	float: right;
	width: 300px; }
	
.productHighlight, .productDetail, #formBlock {
	background: url(../images/orange_highlight.jpg) top center no-repeat;
	margin: auto;
	overflow: hidden;
	padding: 40px 0 40px 0;
	width: 960px; }

.productImage {
	float: left;
	width: 560px; }
	
.productLink {
	background: url(../images/large_arrow_right.gif) left center no-repeat;
	float: left;
	margin: 60px 0 0 0;
	padding: 0 0 2px 18px; }
	
.productOverview {
	float: left;
	width: 470px; }
	
.productTitle {
	float: right;
	padding: 110px 0 0 0;
	width: 300px; }
	
.sectionBottom {
	background: #ff7e00 url(../images/section_bottom.gif) top center no-repeat;
	height: 255px;
	width: 100%; }
	
.sectionHeader {
	height: 100px;
	margin: auto;
	overflow: hidden;
	width: 960px; }
	
.sectionTitle {
	float: left;
	padding: 30px 0 10px 0; }