/*  
URL: http://www.wethnk.com
Description: Design by Jermaine Valentine - 2006-2007
Version: 1.0
Author: Jermaine Valentine
Author URI: http://www.wethnk.com/

	This css was designed and built by Jermaine Valentine,
	whose website you will find at http://www.wethnk.com/

	The CSS, XHTML and design is Copyright 2006, All rights reserved.

*/
/*
main style sheet
/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
	Global Styles
--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/


/* Global Styles
-------------------------------*/
html, body {
 height: 100%;
}
body {
 background: #000;
 margin: 0; padding: 0;
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 11px; 
 color: #fff;
 line-height: 1.5;
}
#container {
 width: 1000px;
 margin: 0px auto;
 background: #000;
}
#header {
 width: 1000px;
 height: 151px;
 background: #000 url('../images/header.png') no-repeat;
 display: block;
 margin: 0 0 20px 0;
}
#header a img {
 border: none;
}
#header ul {
 margin: 0 0 0 185px;
 padding: 0;
}
#header li{
 list-style: none;
 margin: 125px 0 0 23px;
 float: left;
}
#header a, visited, active {	
 float: left;
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #666666;
 text-decoration: none;
}	
#header a:hover {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #fff;
}
#header .select {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #e0683c;
}
#container .select {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #e0683c;
}
#footer {
 margin: 25px 0 10px 0;
 Width: 1000px;
 height: 25px;
 background: #000 url('../images/footer.png') no-repeat;
 display: block;
}
#footer p{
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 10px; 
 color: #fff;
}
#footer a, active, visited{
 color: #864233;
}
#footer .left{
 margin: 2px 0 0 0;
 display: block;
 float: left;
 background: transparent;
 padding: 0;
}
#footer .right{
 margin: 2px;
 display: block;
 float: right;
 background: transparent;
  padding: 0;
}
.clear {
 clear: both;
}
/* Homepage Styles
-------------------------------*/
#homeContent {
 margin: 50px 0 50px 0;
 height: 100%;
 background: #000;
 border: 0px solid #000;
 text-align: center;
}
/* Portfolio Styles
-------------------------------*/
#header_folio {
 width: 1000px;
 height: 151px;
 background: #000 url('../images/header_folio.png') no-repeat;
 display: block;
 margin: 0 0 30px 0;
}
#header_folio a img {
 border: none;
}
#header_folio  ul {
 margin: 0 0 0 185px;
 padding: 0;
}
#header_folio  li{
 list-style: none;
 margin: 125px 0 0 23px;
 float: left;
}
#header_folio  a, visited, active {	
 float: left;
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #666666;
 text-decoration: none;
}	
#header_folio  a:hover {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #fff;
}
#header_folio  .select {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #e0683c;
}

.links {
 float: left;
 width: 204px;
 margin: 20px 10px 0 30px;
 border: 0px solid #008800;
 padding-bottom: 10px;
}
.links  a img{
 border: 1px solid #666;
 padding: 2px;
}
.links  h1{
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 11px; 
 color: #fff;
 margin: 0;
 border-bottom: 1px dotted #fff;
 font-weight: normal;
}
.links  span{
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 11px; 
 margin: 0;
 color: #666;
 padding: 0;
}
/* Early Work Styles
-------------------------------*/
#ework_content{
 margin: 25px 0 10px 10px;
}
/* Photogallery Styles
-------------------------------*/
#photo_content{
 margin: 25px 0 10px 10px;
}

/* Biography Styles
-------------------------------*/
#bio_content{
 margin: 25px 0 10px 10px;
 height: 100%;
}
#bio_content img{
 float: right;
 border: 0px solid #666;
 margin: 25px 50px 15px 0;
}
#bio_content p{
 float: left;
 width: 350px;
 margin: 15px 0 15px 200px;
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 11px; 
}
/* Resume Styles
-------------------------------*/
.item {
 border: 0px solid #999;
 margin: 25px 0 10px 210px;
 width: 500px;
 height: 100px;
}
 .item  .left{
 margin: 0;
 width: 95px;
 height: 100px;
 float: left;
}
 .item  .mid{
 margin: 0;
 width: 100px;
 height: 100px;
 float: left;
 text-align: right;
}
 .item  .right{
 margin: 0;
 width: 295px;
 height: 100px;
 float: right;
}
/* Services Styles
-------------------------------*/
#services_content{
 margin: 25px 0 10px 10px;
}
#services_content p{
 float: left;
 width: 350px;
 margin: 15px 0 15px 200px;
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 11px; 
}
/* Contact Styles
-------------------------------*/
#contact_content{
 margin: 25px 0 10px 10px;
}
#contact_content p{
 float: right;
 margin: 30px 210px 0 0;
 width: 200px; 
 padding: 0;
}
form{ 
 width: 450px;
 margin: 50px 0 0 110px;
 text-align: right;
}
 input{
 width: 350px;
 margin: 5px 0 5px 20px;
 text-align: left;
 border: 1px #dededd solid;
 background: #f7f7f7;
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 10px; 
 color: #999;
 padding: 2px;
 }
.button{
 width: 50px;
 margin: 5px 0 2px 4px;
 text-align: center;
 border: 1px #dededd solid;
 background: #e9e9e9;
 font-family: "Lucida Sans Unicode", Tahoma, 'Trebuchet MS', Sans-Serif;
 font-size: 10px; 
 color: #999;
 padding: 2px;
 }
 textarea {
  margin: 5px 0 5px 28px;
  width: 350px;
  height: 200px;
  overflow: auto;
  background: #efefef;
  padding: 2px;
   border: 1px #dededd solid;
 }
 /* Accordion Styles
-------------------------------*/
 /* Begin Accordion*/
.accordion_toggle {
 display: block;
 height: 30px;
 width: 980px;
 background: url(../images/toggle_active.jpg) no-repeat #111;
 padding: 0 10px 0 10px;
 line-height: 30px;
 color: #666666;
 font-weight: normal;
 text-decoration: none;
 outline: none;
 font-size: 12px;
 border-bottom: 1px solid #333;
 cursor: pointer;
 margin: 0 0 0 0;
}		
.accordion_toggle_active {
 background: url(../images/toggle.jpg) no-repeat #111;
 color: #e0683c;
 border-bottom: 1px solid #121212;
}
.accordion_content {
 background-color: #090909;
 color: #fff;
 overflow: hidden;
}
.accordion_content h2 {
 margin: 15px 0 5px 10px;
 color: #0099FF;
}
.accordion_content p {
 line-height: 150%;
 padding: 5px 10px 15px 10px;
}