`/*
Theme Name: MobileX
Theme URI: http://mobilexpeditions.com/
Description: Custom Theme for MobileXpeditions, LLC.
Version: 1.0
Author: Kevin Pfefferle
Author URI: http://kevinpfefferle.com/

	MobileX v1.0
	 http://mobilexpeditions.com/

	This theme was designed and built by Kevin Pfefferle,
	whose blog you will find at http://kevinpfefferle.com/

	(c) 2009 MobileXpeditions, LLC. All rights reserved.

*/

: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,table,td,th,dl,dt,dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
*:focus { outline: 0; }
label, button, input[type="submit"], input[type="reset"] { cursor:pointer; }

html, body, div#wrapper { height: 100%; }

body { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: rgb(38,44,38); background: #ffffff url(images/background.png) no-repeat center top fixed; }

	div#header { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100px; }

		div#header-box { position: relative; z-index: inherit; width: 980px; height: 100px; margin: 0 auto; text-align: left; background: rgb(38,44,38); background: rgba(38,44,38,0.95); }
			div#header-box h1 span { position: absolute; z-index: inherit; right: 10px; top: 15px; background: url(images/logo.png) no-repeat left top; }
				div#header-box h1 span,
				div#header-box h1 span a { display: block; width: 243px; height: 60px; }
				div#header-box h1 span a { text-indent: -99999px; }
			div#header-box h2 { position: absolute; left: 30px; top: 27px; font-size: 36px; line-height: 36px; color: #ffffff; font-style: italic; text-transform: uppercase; }
			div#header-box ul#nav { position: absolute; z-index: inherit; left: 0; top: 85px; height: 30px; padding-right: 15px; background: url(images/nav-arrow-7.png) no-repeat right top; }
				div#header-box ul#nav li { float: left; min-width: 50px; height: 30px; margin-left: -1px; }
				div#header-box ul#nav li#arrow1 { background: rgb(153,134,67) url(images/nav-arrow-1.png) no-repeat -1px 0; }
				div#header-box ul#nav li#arrow2 { background: rgb(0,154,188) url(images/nav-arrow-2.png) no-repeat -1px 0; }
				div#header-box ul#nav li#arrow3 { background: rgb(222,205,106) url(images/nav-arrow-3.png) no-repeat -1px 0; }
				div#header-box ul#nav li#arrow4 { background: rgb(170,179,0) url(images/nav-arrow-4.png) no-repeat -1px 0; }
				div#header-box ul#nav li#arrow5 { background: rgb(250,148,62) url(images/nav-arrow-5.png) no-repeat -1px 0; }
				div#header-box ul#nav li#arrow6 { background: rgb(230,103,74) url(images/nav-arrow-6.png) no-repeat -1px 0; }
					div#header-box ul#nav li a { display: block; height: 23px; padding: 7px 10px 0 27px; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: bold; font-style: italic; text-transform: uppercase; text-decoration: none; }
					div#header-box ul#nav li a:hover { padding: 7px 15px 0 32px; }
		
		div#header-right { position: absolute; z-index: inherit; left: 50%; top: 0; width: 2000px; height: 100px; margin-left: 490px; background: rgb(38,44,38); background: rgba(38,44,38,0.95); }
		div#header-left { position: absolute; z-index: inherit; right: 50%; top: 85px; width: 2000px; height: 30px; margin-right: 490px; background: rgb(86,118,50); }
		
	div#wrapper { height: auto; min-height: 100%; }
	
		div#content { padding-bottom: 35px; }
		
			div#home-head,
			div#head,
			div#body { width: 980px; margin: 0 auto; text-align: left; }
			
			div#home-head { position: relative; z-index: 0; height: 300px; margin-bottom: 10px; }
				div#home-head-lg { position: absolute; z-index: 2; left: -25px; top: -50px; width: 500px; height: 500px; }
				div#home-head-sm { position: absolute; z-index: 3; left: 375px; top: 25px; width: 400px; height: 400px; }
			
				div#home-iphone { position: absolute; z-index: 100; right: 0; top: 60px; width: 240px; height: 453px; background: url(images/iphone.png) no-repeat 0 0; }
					div#home-iphone-slide { position: absolute; z-index: inherit; left: 17px; top: 75px; width: 209px; height: 314px; overflow: hidden; }
						div#home-iphone-slide ul { position: absolute; left: 0; top: 0; width: 2090px; height: 314px; }
							div#home-iphone-slide ul li { display: block; float: left; width: 209px; height: 314px; }
				
			div#head { height: 115px; margin-bottom: 10px; }
			
			div#col-left { position: relative; z-index: 50; float: left; clear: left; width: 710px; }
			
			div.col-main { position: relative; z-index: 50; float: left; clear: left; width: 710px; margin-bottom: 10px; padding: 10px; background: rgb(254,234,216); background: rgba(250,148,62,0.2); }
			div.col-main-padd { width: 690; padding: 20px; background: rgb(255,255,255); background: rgba(255,255,255,0.9); }
				
				div.col-main a:link,
				div.col-main a:visited { color: rgb(0,154,188); text-decoration: none; }
				div.col-main a:hover,
				div.col-main a:active { text-decoration: underline; }
				
				div.col-main h2,
				div.col-main h2 a:link,
				div.col-main h2 a:visited { font-size: 24px; line-height: 24px; margin-bottom: 20px; font-style: italic; color: rgb(250,148,62); }
				div.col-main h3 { font-size: 18px; line-height: 18px; margin-bottom: 20px; font-style: italic; color: rgb(230,103,74); }
				div.col-main h4 { margin-bottom: 20px; }
				
				div.col-main small { display: block; margin: -20px 0 20px 0; }
				div.col-main small.nomargin { margin-bottom: 0; }
				
				div.col-main p { margin-bottom: 20px; }
			
				div.col-main ul { margin-bottom: 20px; }
					div.col-main ul li { padding-left: 15px; background: url(images/list-arrow.png) no-repeat 3px 5px; }
			
				div.col-main form label { display: block; }
				div.col-main form input,
				div.col-main form textarea { display: block; width: 500px; margin-bottom: 20px; padding: 2px 5px; font-size: 14px; color: color: rgb(38,44,38); border: solid 1px rgb(38,44,38); }
				div.col-main form textarea { height: 100px; }
				div.col-main form input.button { width: auto; }
				div.col-main form .required { background-color: rgb(230,103,74); }
				
				div.col-main ol.commentlist li { margin-bottom: 20px; }
					div.col-main ol.commentlist li p { margin-top: 20px; }
			
			div#col-side	{ position: relative; z-index: 50; float: right; clear: right; width: 240px; }
				
				div#home-side { width: 240px; height: 213px; }
				
				div#email-signup { width: 220px; padding: 10px; background: rgb(0,154,188); background: rgba(0,154,188,0.2); }
				div#email-signup-padd { width: 180px; padding: 20px; background: rgb(255,255,255); background: rgba(255,255,255,0.9); }

				div#email-signup h2 { font-size: 24px; line-height: 24px; margin-bottom: 20px; font-style: italic; color: rgb(0,154,188); }

				div#email-signup p { margin-bottom: 10px; }
				
				div#email-signup form input { display: block; width: 168px; margin-bottom: 20px; padding: 2px 5px; font-size: 14px; color: color: rgb(38,44,38); border: solid 1px rgb(38,44,38); }
				div#email-signup form input.button { width: auto; margin-bottom: 0; }
				div#email-signup form .required { background-color: rgb(230,103,74); }
	
	div#footer { position: relative; margin-top: -35px; height: 35px; clear: both; background: rgba(222,205,106,0.1); }
	
		div#footer-content { position: relative; width: 980px; height: 35px; margin: 0 auto; text-align: left; background: rgb(222,205,106); background: rgba(222,205,106,0.95); }
		
			div#footer-copy { position: absolute; left: 10px; top: 12px; font-size: 11px; line-height: 11px; }
		
			div#footer-social { position: absolute; right: 10px; top: 12px; font-size: 11px; line-height: 11px; }

.alignleft { float: left; }
.alignright { float: right; }
	
	
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */