@import "../global.css";

/*		Default Layout:992px. 
		Gutters:24px.
		Outer margins:48px.
		Leftover space for scrollbars @1024px:32px.
-------------------------------------------------------------------------------
cols		1		 2			3			4			5			6			7			8			9			10
px			68		160		252		344		436		528		620		712		804		896		*/

	#content-wrapper{ width:630px; }
			
		#content-wrapper #head{ float:left; width:145px; margin:0 0 15px 0; padding:0; }
			#content-wrapper #head h3{
				display:block; margin:0; font-family:'Oswald', sans-serif; font-size:18px; font-weight:700; font-style:italic;
				color:#9ECC3F; text-align:right; text-transform:uppercase;
			}
			#content-wrapper #head span{ display:block; color:#666; font-size:18px; font-weight:700;  font-style:italic; text-align:right; margin:10px 0; }
			#content-wrapper #head p{ display:block; color:#666; font-size:12px; font-style:italic; line-height:13px; text-align:right; }
			#content-wrapper #head img{  }
			
		#content-wrapper #formmail{ float:right; width:410px; min-height:510px; padding:0 25px; border-right:1px solid #EEE; border-left:1px solid #EEE; }
			#content-wrapper #formmail input[type=text]{
				width:94%; padding:8px 3%; margin:0 0 10px 0; border:1px solid #EBEAEA;
				background:#F7FBFA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail textarea{
				width:94%; padding:8px 3%; height:100px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px;
				background:#F7FBFA;
				border:1px solid #EBEAEA; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail .newsoption{ width:100%; margin:0 0 15px 0; }
				#content-wrapper #formmail .newsoption input[type=checkbox]{ float:left; margin:0 10px 0 0; }
				#content-wrapper #formmail .newsoption label{ width:90%; float:left; font-size:12px; font-style:italic; }
			#content-wrapper #formmail input[type=submit]{
				float:right; width:auto; padding:8px 24px; margin:15px 0 0 0;
				background:#F7FBFA; border:1px solid #EBEAEA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
	
	#formmail_loader{ display:none; }
		
/*		Tablet Layout:768px.
		Gutters:24px.
		Outer margins:28px.
		Inherits styles from:Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width:768px) and (max-width:991px) {

	#content-wrapper{ width:85%; padding:0 10%; }
			
		#content-wrapper #head{ float:left; width:145px; margin:0 0 15px 0; padding:0; }
			#content-wrapper #head h3{
				display:block; margin:0; font-family:'Oswald', sans-serif; font-size:18px; font-weight:700; font-style:italic;
				color:#9ECC3F; text-align:right; text-transform:uppercase;
			}
			#content-wrapper #head span{ display:block; color:#666; font-size:18px; font-weight:700;  font-style:italic; text-align:right; margin:10px 0; }
			#content-wrapper #head p{ display:block; color:#666; font-size:12px; font-style:italic; line-height:13px; text-align:right; }
			#content-wrapper #head img{  }
			
		#content-wrapper #formmail{ float:right; width:390px; min-height:0; padding:0 25px; border-right:1px solid #EEE; border-left:1px solid #EEE; }
			#content-wrapper #formmail input[type=text]{
				width:94%; padding:8px 3%; margin:0 0 10px 0; border:1px solid #EBEAEA;
				background:#F7FBFA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail textarea{
				width:94%; padding:8px 3%; height:100px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px;
				background:#F7FBFA;
				border:1px solid #EBEAEA; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail .newsoption{ width:100%; margin:0 0 15px 0; }
				#content-wrapper #formmail .newsoption input[type=checkbox]{ float:left; margin:0 10px 0 0; }
				#content-wrapper #formmail .newsoption label{ width:90%; float:left; font-size:12px; font-style:italic; }
			#content-wrapper #formmail input[type=submit]{
				float:right; width:auto; padding:8px 24px; margin:15px 0 0 0;
				background:#F7FBFA; border:1px solid #EBEAEA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
	
	#formmail_loader{ display:none; }
	
}

/*		
	Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout
*/

@media only screen and (max-width:767px) {

	#content-wrapper{ width:100%; padding:0; }
			
		#content-wrapper #head{ float:none; display:none; }
			#content-wrapper #head h3{
				display:block; margin:0; font-family:'Oswald', sans-serif; font-size:18px; font-weight:700; font-style:italic;
				color:#9ECC3F; text-align:right; text-transform:uppercase;
			}
			#content-wrapper #head span{ display:block; color:#666; font-size:18px; font-weight:700;  font-style:italic; text-align:right; margin:10px 0; }
			#content-wrapper #head p{ display:block; color:#666; font-size:12px; font-style:italic; line-height:13px; text-align:right; }
			#content-wrapper #head img{  }
			
		#content-wrapper #formmail{ float:right; width:80%; min-height:0; padding:0 10%; border-right:0; border-left:0; }
			#content-wrapper #formmail input[type=text]{
				width:94%; padding:8px 3%; margin:0 0 10px 0; border:1px solid #EBEAEA;
				background:#F7FBFA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail textarea{
				width:94%; padding:8px 3%; height:100px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px;
				background:#F7FBFA;
				border:1px solid #EBEAEA; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
			#content-wrapper #formmail .newsoption{ width:100%; margin:0 0 15px 0; }
				#content-wrapper #formmail .newsoption input[type=checkbox]{ float:left; margin:0 10px 0 0; }
				#content-wrapper #formmail .newsoption label{ width:85%; float:left; font-size:12px; font-style:italic; }
			#content-wrapper #formmail input[type=submit]{
				float:right; width:auto; padding:8px 24px; margin:15px 0 0 0;
				background:#F7FBFA; border:1px solid #EBEAEA;
				-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			}
	
	#formmail_loader{ display:none; }

}
/*		
	Wide Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout, Mobile Layout.
*/

@media only screen and (min-width:480px) and (max-width:767px) {
	
	
	
}