/* CSS Document 
Site: Ixi Design Studio
URL: ixistudio.com
Author: Ixi Design Studio
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; width: 100%;}
body {
	font: 0.8em arial,lucida sans,sans-serif;
	line-height: 1.5em;
	background: #3a3a3a url(../images/html/bg.jpg) repeat-x;
	color: black;
	margin: 0 auto;
	text-align: center;
}


a { color: #FF00CC; text-decoration: none; }
a:hover { color: #7a010a;}

#warnBar {width: 100%; background: #CC3399; padding: 10px; color: white; font-size: 1.1em;}
	#warnBar p#line {border-top: 1px solid #CC6600; line-height: 1px; height: 2px; margin: 6px 0 4px;}
	#warnBar a {color: white; text-decoration: underline;}
#wrap  { text-align: left; margin: 0 auto; background: white; width: 800px; }
	#header { background: white; text-align: center; padding: 36px 0;}
		#header-logo {background: url(../images/html/logo.gif) no-repeat; width: 103px; height: 66px; margin: 0 auto;}
			#header-logo h1 a {display: block; width: 103px; height: 66px;}
			
		#nav { margin-top: 32px;}
			#nav ul {}
				#nav ul li {display: inline;}
					#nav ul li a {text-decoration: none; color: black; padding: 16px 24px; font-size: 1.1em;}
					#nav ul li a:hover, #nav ul li.isSelected a {background: #3a3a3a; color: white;}
					
	#content { width: 100%; overflow: hidden; padding-bottom: 40px; }
		#left-column { width: 215px; float: left; text-align: right; padding-left: 25px}
			#left-column #sub-nav {margin-right: 14px;}
				#sub-nav ul {}
					#sub-nav ul li {}
						#sub-nav ul li a, a.top { display: block; text-decoration: none; color: black; padding: 4px 24px;}
							a.top { background: url(../images/html/arrow.gif) no-repeat 2px -2px; margin-left: -24px;}
							a.top:hover { background: black url(../images/html/arrow.gif) no-repeat 2px -37px; color: white;}
						#sub-nav ul li a:hover { background: black; color: white;}
			#left-column p { padding-right: 38px;}
			#left-column p.quote i {font-size: 1.1em;}
						
		
		#right-column {width: 464px; float: left; padding: 0 40px 0 46px; border-left: 1px solid gray;}
			.port-piece { margin-bottom: 25px;}
				.port-piece h2, #right-column h2 {font-size: 1.7em; margin-bottom: 15px; line-height: 1.1em;}
				.port-piece img { margin-bottom: 15px;}
				#right-column p { margin-bottom: 15px;}
				
#footer {  text-align: center; margin: 20px auto; width: 800px; font-size: 0.9em; line-height: 1.4em; color: white; clear: both; padding-bottom: 20px;}
	#footer-content {margin: 0 auto; text-align: left; width: 350px;}
		#footer-logo { background: url(../images/html/logo-footer.gif) no-repeat; width: 74px; height: 48px; float: left; margin-right: 10px;}
		#footer-logo a {display: block; height: 74px; height: 48px;}
		
	/*#footer a {color: #FFCC00;}
	#footer a:hover { color: #538fb0;}*/
	

/* INDEX //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body#index { background: black;}
body#index #wrap { text-align: left; margin: 0 auto; background: black; width: 210px; }
	body#index #logo { background: url(../images/html/index-logo.gif) no-repeat; width: 209px; height: 132px; margin: 30% 0 15px;}
		
	body#index #warning {text-align: left; margin: 0px; padding: 0; padding-left: 7px; color: white;}
	
	body#index #nav {width: 100%; margin-top: 20px;}
		body#index #nav ul {margin: 0; padding: 0; }
			body#index #nav ul li {clear: both;}
			body#index #nav ul li a {display: block; padding: 5px 0 5px 19px; text-decoration: none; color: white; background: #3a3a3a; margin-bottom: 7px;}
			body#index #nav ul li a:hover { background: #f9d615; color: black;}
			
			
/* CONTACT //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
#contactForm {margin-top: 10px;}
.form3col { width: 100%; clear: both; overflow: hidden; margin-bottom: 10px;}
	.form3col fieldset { width: 30%; float: left;}
	
.fields { width: 120px; padding: 5px; background: #dbdbdb;}
.fieldsa { padding: 5px; background: #dbdbdb; width: 396px; margin-bottom: 10px;}
.texta { width: 400px; background: #dbdbdb; }		
p.error { color: red; font-weight: bold;}
.btn {padding: 5px 15px; margin-top: 15px;}

body#index #logo span, #footer-logo h3 a span, #header-logo h1 a span, #barLogo h1 a span, #warnBar p#line span  {display: none;}


#barBrand {width: 100%; background: black; padding: 10px 25px; text-align: left;}
	#barLogo {background: url(../images/html/logo-launchapp.gif) no-repeat; width: 65px; height: 34px;}
	#barLogo a {display: block; width: 65px; height: 34px;}

/* Classes ////////////////////////////////////////////////////////////////*/
.clear {clear: both; height: 0px; overflow: hidden; margin: 0;}
.required {color:red; font-weight: bold; font-size: 2em; position: relative; top: 9px;}