/* 
----------------------------------------------------------------------------- 
CSS by worthen creative -- seattle washington usa -- joyworthen.com -- WORKING 808
									
-----------------------------------------------------------------------------*/


/* 
----------------------------------------------------------------------------- 
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 : #98b7b6; }

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

div#content_sub {
position : fixed;
background:url(../img/worthen_creativeLogo) no-repeat scroll left top;
height: 450px;
width :178px;
padding : 0px 0px 0px 0px;
margin-left: 50px;
}

div#content_main {
	position : absolute;
	left : 204px;
	width : 70%;
	height : 1355px;
	padding : 0;
	top: 0px;
	background:url(../img/base_birds.png) no-repeat scroll left top;
}

div#focus {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: right;
float: right;
width: 168px;
top: -14px;
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: 0px 15px 0px 0px;
padding: 0 0 10px 0 ;
text-align:left;
height : 80px;
width: 580px;
}

div#content {
line-height:12px;
margin: 18px 15px 25px 25px;
padding: 0 0 25px 0 ;
text-align:left;
height : auto;
width: 432px;
}

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: 400px 30px 0px 100px;
width:auto;
position:relative;

}

#brand {

	display: inline-block;
	padding: 0px 0 0 0:
	color: #648891;
	font-size:.71em;}


/* CIRCA WP Navigation */
#nav {
        margin: 50px 5px 5px 0;	
        text-align: left;
	text-transform: uppercase;
	line-height: 1.1em;
        text-decoration: none;
        font-size: 1.25em;      
}

#nav  ul {
	
	padding-top: 0;
	list-style-type: none;
}

#nav li {
	/*margin-top: 80px;*/
padding: 5px 0px 0px 0px;
}

#nav  ul, li {
	display: none;
}


#nav a:link, a:hover, a:visited, a:active {
	text-decoration: none;
        color: #5b7c84;
      
}


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


#navigation {
float: left;
line-height: 11px;
margin: 60px 0px 0pt 0pt;
text-align: right;
background:transparent url(../img/joyw_sfd.gif) no-repeat scroll right bottom;
width: 170px;
height: 230px;
}



#navigation .navb {
margin:0pt;
padding: 0px 0pt 0px 0px;
width: 165px;
}

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

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

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

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




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

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

a {	font-family : Helvetica,Verdana, Arial, sans-serif;
	color:#fff;
	display: inline;
	text-decoration:none;
	/*border-bottom:1px dotted #fff;*/}

a:active, a:visited{
	font-family : Helvetica,Verdana, Arial, sans-serif;
	color:#fff;
	display: inline;
	text-decoration: none;}

a:hover {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	display: inline;
	color:#fff;
	text-decoration:none;}

#content_main p {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	line-height: 1.1em;
	display: inline;
	color: #5b7c84;}

 p {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	line-height: 1.1em;
	display: inline-block;
	color: #5b7c84;}


	


#content a a:hover a:visited {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	line-height: 1.1em;
	display: inline;
	color: #fff;}

#brand p {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	display: inline;
	color: #5b7c84;}

#brand a a:visited a:hover {
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	text-align: right;
	color: #cc0000;}


#content_main h1{
	color:#fff;
	float:left;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size:.79em;	
	text-transform:uppercase;
	line-height:1.1em;
	padding:0;}

h2 {    
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	display: inline;
	color: #648891;}
h3 {    
	font-family : Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;	
	
	display: inline;
	color: #5b7c84;}

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


#content_sub p{
	font-family :  Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	text-align: left;
	margin: 70px 19px 20px 3px;
	text-transform:lowercase;
	line-height: 1.1em;
	color: #fff;}

#content a{
	font-family :  Helvetica,Verdana, Arial, sans-serif;
	font-size : .79em;
	text-align: left;
	text-transform:none;
	display: inline;
	line-height: 1.1em;
	color: #fff;}


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

img.swf {
border: #fff;
}

img a:hover {
border: none;
text-decoration : none;

}

:focus  {
outline: 0 none;
}