/*  
URL: http://www.wethnk.com
Description: Design by Jermaine Valentine - 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: 12px tahoma, verdana, arial, helvetica, sans-serif;
 background:#013366 url(../images/background.png) repeat-x;
 color: #fff;	
 text-align:center;
}
#wrapper{ 
 width: 976px; /* Set page width here - you can also use percentage */
 height: 1350px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background:#013366 url(../images/main_bg.jpg) no-repeat; padding-top: 1px;
}
#wrapper_easy{ 
 width: 976px; /* Set page width here - you can also use percentage */
 height: 1350px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background:#013366 url(../images/easyedit_bg.jpg) no-repeat; padding-top: 1px;
}
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
/* Navigate
-------------------------------------------------------------------------*/
#navigate ul{
 list-style: none;
 margin: 0 0 0 10px; padding: 0;

}
#navigate li{
 height: 20px;
 padding-top: 5px; margin: 235px 0 0 20px;
 float: left;
 text-align: left;
}
#navigate  a, visited, active{	
 padding: 0;  margin: 10px 0 0 25px;
 font-family: tahoma, verdana, arial, helvetica, sans-serif;
 font-size: 18px;
 color: #01366a;
 text-decoration: none;
 text-align: left;
}
#navigate  a:hover{	
 text-decoration: underline;
 margin: 10px 0 0 25px;
}
/* Homepage Styles
-----------------------------------------------------------------------------*/
#welcome{
 padding-top: 1px;
 border: 0px solid #333;
 text-align: left;
 margin: 300px 0 0 0;
}
#welcome img {
 margin: 5px 25px 0 30px;
 float: left;
}
#welcome p{
 margin: 120px 20px 0 0;
 font-size: 28px;
 font-weight: normal;
 width: 560px;
 float: right;
}
#instructors{
 margin: 25px 0 0 0;
 border: 0px solid #fff;
}
#instructors img{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
}
#mediakit{
 margin: 25px 0 0 0;
 border: 0px solid #fff;
}
#mediakit img{
 margin: 30px 20px 40px 30px;
 border: 0px solid #fff;
 float: left;
}
#mediakit p{
 margin: 50px 10px 0 0;
 font-size: 16px;
 font-weight: normal;
 width: 700px;
 float: right;
}
/* Services Styles
-----------------------------------------------------------------------------*/
#sub_content{
 padding-top: 1px;
 border: 0px solid #333;
 text-align: left;
 margin: 360px 0 0 0;
}
#sub_content img{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
}
#flashcontent{
 margin: 25px 0 0 30px;
 float: left;
}
#sub_content p{
 margin: 40px 20px 0 0;
 font-size: 16px;
 font-weight: normal;
 width: 480px;
 float: right;
 border: 0px solid #fff;
}
/* Easy Styles
-----------------------------------------------------------------------------*/
#easy_content{
 padding-top: 1px;
 border: 0px solid #333;
 text-align: left;
 margin: 360px 0 0 0;
}
#easy_content img{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
 float: left;
}
#easy_content p{
 margin: 40px 20px 0 30px;
 font-size: 16px;
 font-weight: normal;
}
#form{
 margin: 25px 0 0 0;
 border: 0px solid #fff;
}
#form img{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
 float: left;
}
#form p{
 margin: 70px 20px 0 30px;
 font-weight: normal;
}
/* About Styles
-----------------------------------------------------------------------------*/
#abt_content{
 padding-top: 1px;
 border: 0px solid #333;
 text-align: left;
 margin: 0;
}
#abt_content img{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
 float: left;
}
#abt_content p{
 margin: 40px 20px 0 30px;
 font-size: 16px;
 font-weight: normal;
}
/* photo Styles
-----------------------------------------------------------------------------*/
#photo_content{
 padding-top: 1px;
 border: 0px solid #333;
 text-align: left;
 margin: 360px 0 0 0;
}
#photo_content .topic{
 margin: 30px 20px 0 30px;
 border: 0px solid #fff;
 float: left;
}
#photo_content p{
 margin: 40px 20px 0 30px;
 font-size: 16px;
 font-weight: normal;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer{ 
 width: 976px; /* Set page width here - you can also use percentage */
 text-align:left;  
 margin: 25px auto 20px auto;
 font-size: 10px;
}
#footer .left{
 margin: 5px 0 0 8px;
}
#footer .right{
 margin: 5px 8px 0 0;
}
#footer a, active, visited{
 color: #fff;
 padding-bottom: 1px;
}
/* Form Styles
-----------------------------------------------------------------------------*/
form {
 padding: 1;
 margin: 25px 0 0 140px;
}
label{
 border: 1px solid #fff;
 height: 18px; width: 160px;
}
input {
 margin: 0 0 10px 30px;
 width: 275px;
 height: 25px;
 background: url(../images/form_bg.png) no-repeat;
 color: #fff;
 font-size: 12px;
 padding: 5px 0 0 10px;
}
textarea{
 margin: 0 100px 10px 26px;
 width: 280px;
 height: 200px;
 background-color: #aea495;
 color: #fff;
 float: left;
}
.button{
 background: url(../images/button_bg.png) no-repeat;
 width: 120px; height: 27px;
 float: left;
 margin: 0 0 0 30px;
 text-align: left;
 padding: 0 0 4px 45px;
}
/* Class Styles
-----------------------------------------------------------------------------*/
.hr {
 margin: 15px 0 0 0;
 height: 3px;
 background: url(../images/divide.png) no-repeat scroll center;
}
.hr hr {
  display: none;
}
/* End All Styles
-----------------------------------------------------------------------------*/