/*  
URL: http://www.wethnk.com
Description: Design by Jermaine Valentine - 2008-2009
Version: 1.1
Author: Jermaine Valentine
Author URL: 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 2007, All rights reserved.

*/

/*-----------------------------------------------------------------------------
[client] Screen Stylesheet
-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("print.css"); 
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
*{border: 0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;} 
 
li, dd {margin-left:5%;} 

fieldset {padding: .5em;} 

select {min-width:1.5em;}
/*
global style sheet
----------------------------------------------------------------- */
body{
 font: 11px  helvetica, tahoma, verdana, arial, sans-serif;
 color: #090909;	
 text-align:center;
 background-color: #fff;
}
#wrapper{ 
 width: 800px; /* Set page width here - you can also use percentage */
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: #fbf6d6 url(../images/bground.png) repeat-x;
}
#wrapper2{ 
 width: 800px; /* Set page width here - you can also use percentage */
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background: #f6f6f5;
}
.clear{clear:both;}
.right{float: right; font-size: 9px; margin-top; 15px;}
.left{float: left; font-size: 9px; margin-top; 15px;}
.align-left{float: left;}
.align-right{float: right;}
#flashcontent{
 margin:0; 
 position: relative;
 background: transparent url(../images/flash_bg.png) repeat-x;
}

#flashcontentlg{
 width: 700px; height: 396px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 text-align: left;
 background: url(../images/vid_bg.png) no-repeat;
}
#thumbs{
 float: left;
 width: 140px;
 background: url(../images/play.png) no-repeat;
 padding: 0;
 padding-top: 15px;
 margin-top: 23px;
}
#thumbs img{
 margin: -2px 0 0 0;
 border-top: 4px solid #281c15;
 border-bottom: 4px solid #281c15;
 padding: 0;
}
#player{
 float: left;
 width: 560px;
 margin-top: 22px;
}
#content {
 text-align: left;
 border: 0px solid #333;
}
#content h1{
 font-size: 30px;
 font-weight: normal;
 color: #ff6501;
 margin: 20px 0 20px 120px;
}
#content ul{
 margin: 20px 120px 20px 120px;
}
#content li{
 list-style: disc;
 color: #044f9d;
 font-style: italic;
 font-size: 16px;
 margin: 5px 0 0 40px;
 font-weight: bold;
}
#footer{
  background:transparent url(../images/grass.png) no-repeat;
  height: 20px; padding-top: 35px;
}
#footer a, active, visited{
  color: #313e29;
}
/* Homepage Styles
-----------------------------------------------------------------------------*/
#how {
 text-align: left;
 border: 0px solid #333;
}
#how img{
 margin: 15px 0 25px 77px;
}
#how h1{
 font-size: 30px;
 font-weight: normal;
 color: #ff6501;
 margin: 20px 0 20px 70px;
}
#how ul{
 margin: 0 120px 10px 70px;
}
#how li{
 list-style: none;
 color: #404040;
 font-style: italic;
 font-size: 14px;
 margin: 5px 0 0 20px;
 border-bottom: 1px solid #ff7922;
 padding-bottom: 3px;
}
#how li span{
 color: #456f25;
 font-weight: bold;
 font-size: 14px;
}
#key {
 text-align: left;
 border: 0px solid #333;
 margin: 0 0 20px 0;
}
#key img{
 margin: 15px 0 25px 77px;
}
#key h1{
 font-size: 30px;
 font-weight: normal;
 color: #ff6501;
 margin: 20px 0 20px 70px;
}
#key ul{
 margin: 0 120px 10px 70px;
}
#key li{
 list-style: none outside;
 color: #404040;
 font-style: italic;
 font-size: 14px;
 margin: 5px 0 0 20px;
 border-bottom: 1px solid #e4eae0;
 padding-bottom: 3px;
 padding-left: 25px;
 background: transparent url(../images/tick.png) no-repeat;
}
#key li span{
 color: #456f25;
 font-weight: bold;
  font-size: 14px;
}
#cost{
 text-align: left;
 margin: -2px 0 20px 0;
}
#cost img{
 margin: 0 0 0 0;
}
#cost ul{
 margin: 10px 10px 20px 0;
}
#cost li{
 list-style: disc inside;
 color: #404040;
 font-style: italic;
 font-size: 14px;
 margin: 5px 25px 0 0;
 border-bottom: 1px solid #e4eae0;
 padding-bottom: 3px;
}
#cost_left{
 float: left;
 width: 340px; margin: 60px 0 0 60px;
}
#cost_right{
 float: left;
 width: 340px; margin: 60px 60px 0 0;
}
#media{
 text-align: left;
 margin: -2px 0 20px 0;
 min-height: 320px;
 height: auto ! important;
 height: 320px;  
}
#media img{
 margin: 0 0 0 0;
}
#media ul{
 margin: 20px 50px 50px 150px;
}
#media li{
 list-style: none;
 color: #404040;
 font-style: italic;
 font-size: 12px;
 margin: 5px 25px 0 0;
 border-bottom: 1px solid #e4eae0;
 padding-bottom: 3px;
}
#media li span{
 color: #000;
 font-weight: bold;
 font-size: 10px;
 font-style: normal; margin-left: 10px;
}
#media li em{
 color: #000;
 font-weight: bold;
 font-size: 10px;
 font-style: normal; margin-left: 35px;
}

#contact{
 text-align: left;
 margin: -2px 0 20px 0;
 min-height: 320px;
 height: auto ! important;
 height: 320px;  
}
#contact img{
 margin: 0;
}
#contact .head{
 margin: 20px 0 30px 180px;
}
#contact form{
 margin: 0 0 0 250px;
}
#contact .field{
 border: 1px solid #999;
 float: left; height: 18px;
 margin: 0 0 0 20px;
}
#contact .button{
 border: 1px solid #999;
 float: left; height: 18px;
 margin: 10px 0 0 70px;
 font-size: 10px
}
#contact label{
 width: 50px; float: left;
 height: 18px; margin: 0;
 text-align: left; font-size: 13px;
}
#contact textarea{
 border: 1px solid #999;
 float: left;
 height: 60px;  margin: 0 0 0 20px;
}
#contact h1{
 font-size: 16px;
 color: #ff6501;
 margin: 30px 0 0 320px;
} 
#contact p{
 margin: 20px 0 0 320px;
  font-size: 16px;
} 
/* Subpage Styles
-----------------------------------------------------------------------------*/
.heading{
 margin: 15px 0 10px 140px;
}

/* Footer
-----------------------------------------------------------------------------*/


/* Class Styles
-----------------------------------------------------------------------------*/

/* End All Styles
-----------------------------------------------------------------------------*/











