@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Original concept design, layout markup and CSS programming by James Re & J Hogue at Highchair designhaus

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, div, span, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background-color: #000;
	color: #fff;
	text-align: left; 
	font-size: 75%; /*12 pt */
	line-height: 1.7; 
}
/*	Use these ems and equivalents
	24 pt = 2em
	18pt = 1.5em
	16pt = 1.34em (16.08 pt)
	14pt = 1.17em (14.04pt)
	10pt = .84em (10.08pt)
	9pt = .75em
*/
img, img a, a img { border: none; }
a { text-decoration: none; color: #fff; }
a:hover { color: #999; }

.small { font-size: .84em; }
	a.small { color: #0c9; }
	a.small:hover { color: #ccc; }
	a.disabled { color: #666; }

div.clearit { clear: both; }


/* ! - - - Default html styles - - - */	
h1 {
	font-size: 1.5em;
	font-weight: 100;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	padding-bottom: 20px;
}
 
h2 {
	font-size: 1.17em;
	padding: 15px 0 0 0;
	font-weight: 100;
	text-transform: uppercase;
	color: #999; 
	letter-spacing: 1px;
}

h3, h4 {
	font-size: 1em;
	font-weight: 600;
	padding: 5px 0;
	color: #ccc; 
}

p, ul, ol, dl, address, pre, code { padding: 0 0 .84em 0; }
em { letter-spacing: 1px; }
strong { font-weight: 600; letter-spacing: 1px; }
acronym { border-bottom: 1px dotted #666; }


.column {
	display: inline-block;
	vertical-align: bottom; 
}
.half { width: 49%; }
.left { text-align: left; }
.right { text-align: right; }

/* ! - - - Layout html styles - - - */ 
#everyoneneedsawrapper {
	width: 590px;
	margin: 10px auto 20px auto;
}
	#header { }
		#header .left { width: 228px; }
		#header .right { width: 354px; }
		a#home { 
			display: block;  
			width: 200px; 
			height: 120px; 
			background: -14px 0px no-repeat url("../../images/logo.jpg") #000; 
		}
		#header .right a { margin-left: 20px; }
	
	#introcarousel { margin: 20px auto; border: 1px solid #232323; }
		#introcarousel ul, #introcarousel li, #introcarousel li img { width: 518px; height: 389px; }
	#homecontrols { width: 518px; margin: 0 auto; }
		#homecontrols .column { vertical-align: top; }
		#homecontrols .left { width: 60%; }
		#homecontrols .right { width: 38%; }
		#homecontrols .right a { margin-left: 20px; }
		
	#content {  }
		#content a { color: #0c9; }
		#content a:hover { color: #999; }
		
#contact {
	display: none;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 100;
	width: 210px;
	margin: 0 0 0 65px; 
	background-color: #121212;
	padding: 40px 10px 10px 10px;
}
	#contact strong { color: #0c9; }

	
/* For Mozilla and IE 8 */
:active, :focus { outline: none; -moz-outline: none; }