/* 
----------------------------------------------------------------------------- 
CSS by joyw design -- seattle washington usa -- joyworthen.com
									
-----------------------------------------------------------------------------*/


/* 
----------------------------------------------------------------------------- 
some RESET
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; } 

table { border-collapse:collapse; border-spacing:0; } 

fieldset,img {  border:0; } 

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 

ul, li  { list-style-image:none;
 }

ol,ul { list-style:none; } 

caption,th { text-align:left; } 

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 

q:before,q:after { content:''; } 

abbr,acronym { border:0; } 
/* 
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
html {
text-align : left;}

body {
position : relative;
width : 950px;
height : 1355px;
margin : 0 auto;
text-align : left;
background : #a2a2a2; }

div#container {
position : absolute;
left: 0px;
width : 100%;
height : 1355px;
}

div#content_sub {
position : fixed;
height: 450px;
width :110px;
padding : 0px 0px 0px 0px;
}

div#content_main {
	position : absolute;
	left : 100px;
	width : 80%;
	height : 1355px;
	padding : 0;
	top: -17px;
	background:url(../img/zone4_base.gif) no-repeat scroll left top;
}

div#focus {
margin: 20px 0px 0px 20px;
padding: 15px 0px;
text-align: left;
float: right;
width: 168px;
position: absolute;
top: -14px;
left: 695px;
height: 1355px;
}

div#focus2 {
margin: 20px 0px 0px 10px;
text-align: left;
float: right;
width: 168px;
top: -14px;
height: 1355px;
}


div#inner {
line-height:12px;
margin: 50px 15px 0px 80px;
padding: 0 0 10px 0 ;
text-align:left;
height : auto;
width: 500px;
}

div#inner {
line-height:12px;
margin: 50px 15px 0px 80px;
padding: 0 0 10px 0 ;
text-align:left;
height : auto;
width: 500px;
}


div#shop{
line-height:2em;
margin: 0px 15px 0px 0px;
padding: 0 0 0px 10px ;
float: right;
text-align:right;
height : 20px;
width: 250px;
}

div#headspace {
margin: 0 auto;
margin: 15px 5px 15pt 5px;
text-align: right;
float: right;
width : 500px;
 }


div.float {
float: right;
text-align:right;
margin : 0 0 0 0;
padding : 5px 2px 2px 2px;
 }
 
div.floatleft {
float:left;
text-align:right;
margin : 0 0 0 0;
padding : 5px 2px 2px 2px;
 }

div#footer {
float:right;
text-align:right;
margin:200px 30px 0px 0px;
width:auto;
position:relative;
}

/* 
----------------------------------------------------------------------------- 
NAV ACTION
-----------------------------------------------------------------------------*/


#navigation {
float: left;
line-height: 15px;
margin: 20px 0px 0pt -20px;
text-align: left;
background:transparent url(../img/signPost.gif) no-repeat scroll left top;
width: 250px;
height: 230px;
}



#navigation .navb {
margin:0pt;
padding: 140px 0pt 10px 0px;
line-height: 1.25em;
width: 165px;

}

#navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 0pt 0px 0px;
padding:0pt;
}

#navigation li {
margin: 0pt;
padding: 2px 0pt 2px 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-left : 1px #fff solid;}

img {
padding: 2px 0px 2px 0px;
}

/* 
----------------------------------------------------------------------------- 
TYPE
-----------------------------------------------------------------------------*/




#footer p2{
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .8em;
	line-height: .8em;
	color: #fff;}

#footer a:active{
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .7em;
	line-height: .8em;
	color: #ccc;}

a {	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	color:#fff;
	font-size : .9em;
	text-decoration:none;}

a:active {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	color:#fff;
	font-size : .9em;
	text-decoration: none;}


a:hover {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	color:#fff;
	text-decoration:none;}

content_main a {	font-family : Verdana, Arial, 
	
	color:#fff;
	font-size : .9em;
	text-decoration:none;}

content_main a:active {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	color:#fff;
	font-size : .9em;
	text-decoration: none;}

content_main a:hover{
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	color:#fff;
	font-size : .9em;
	text-decoration: none;}



#navigation .navb a {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : 1em;
	color : #000;
	text-decoration : none;}

#navigation .navb a:hover {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : 1em;
	color : #fff;
	text-decoration : none;}

#navigation .navb a:active {
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : 1em;
	color : #fff;	
	text-decoration : none;}

#content_main p {
	font-family : Geneva, Arial, 
	Helvetica, sans-serif;
	font-size : .7.5em;
	line-height: 1.1em;
	display: inline;
	color: #fff;}

#content p4 {
	font-family : Geneva, Arial, 
	Helvetica, sans-serif;
	font-size : .8em;
	line-height: 1.1em;
	display: inline;
	color: #eea736;}

#content_main p3 {
	font-family : Geneva, Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	line-height: 1.1em;
	display: inline;
	color: #fff;}

p1 {
	font-family : Geneva, Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	line-height: 1.1em;
	display: inline;
	color: #000;}


#brand p {
	font-family : Geneva, Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	display: inline;
	color: #618180;}

#brand p a {
	font-family : Geneva, Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	text-align: right;
	color: #fff;}

#content h1{

	scroll right top;
	color:#cccccc;
	
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size:1em;	
	line-height:2em;
	padding:0pt 0pt 0pt 0px;}

#content_main h1{
	
	color:#cccccc;

	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size:1em;	
	line-height:1.2em;
	padding:0pt 0pt 0pt 0px;}

h2 {    
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	color: #000;}
h3 {    
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;	
	
	display: inline;
	color: #86a4a3;}

h4 {    
	font-family : Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	display: inline;
	color: #fff;}


#content_sub p{
	font-family : 'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : .9em;
	text-align: right;
	line-height: 1.1em;
	padding: 0px 20px 0px 0px;
	letter-spacing: 1px;
	color: #6f877c;}

#content_main ul {    
	font-family :'Lucida Grande', Verdana, Arial, 
	Helvetica, sans-serif;
	font-size : 10px;
	color: #fff;
	margin: 0px 0px 0px 40px;}

img.swf {
border: #fff;
}