/*  
URL: http://www.designbythink.com/
Description: Design by Jermaine Valentine - 2009
Version: 1.0
Author: Jermaine Valentine
Author URL: http://www.designbythink.com/

	This css was designed and built by Jermaine Valentine,
	whose website you will find at http://www.designbythink.com/
	The CSS, XHTML and design is Copyright 2009, All rights reserved.

*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.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: 10px tahoma, verdana, arial, helvetica, sans-serif;
 background:#060707 url(../images/blu_bg.gif);
 color: #333;	
 text-align:center;
 scrollbar-face-color:#191919;	scrollbar-arrow-color: #75CDFF;	scrollbar-track-color:#000000;	scrollbar-shadow-color:#222222;	scrollbar-highlight-color:#222222;	scrollbar-3dlight-color:#222222;
 scrollbar-darkshadow-Color:#222222;
}
#wrapper{ 
 text-align:left;  
 margin:0 auto; width: 830px;
 position:relative;
 background: url(../images/gre_bg.gif) repeat-x;
}
#header{
 width: 100%; height: 80px;
}
#header img{
 margin: 10px 0 0 15px;
 border: 0px solid #999;
 float: left;
}
#header p{
 float: right;
 margin: 44px 15px 0 0;
}
#header a, active, visited{
 color: #fff;
 font-size: 9px;
 text-transform: uppercase;
}
#header  a:hover {
 text-decoration: underline;
 }
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
/*
Navigation Styles
----------------------------------------------------------------- */
#mainnav{
 width: 830px;
 height: 25px;
 margin-left:auto; 
 margin-right:auto; 
 margin: 0;
}
#mainnav ul {
 margin: 0 0 0 15px;
 padding: 0;
}
#mainnav li{
 list-style: none;
 margin: 0;
 float: left;
 width: 200px; height: 25px;
}
#mainnav a, visited, active {	
 padding: 5px 0 0 0;
 text-align: center;
 float: left;
 font: 10px tahoma, verdana, arial, helvetica, sans-serif;
 color: #fdf5c7;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
}	
#mainnav a:hover {
 text-decoration: underline;
}
#mainnav .one{ 
 width: 200px; height: 25px;
 background: url(../images/bg1.png) no-repeat;
}
#mainnav .two{ 
 width: 200px; height: 25px;
 background: url(../images/bg2.png) no-repeat;
}
#mainnav .three{ 
 width: 200px; height: 25px;
 background: url(../images/bg3.png) no-repeat;
}
#mainnav .four{ 
 width: 200px; height: 25px;
 background: url(../images/bg4.png) no-repeat;
}
/* Media Window
------------------------------------------------------------------*/
#media{
 width: 800px;
 height: 275px;
 background: url(../images/new_.jpg) no-repeat;
 margin-left:auto; 
 margin-right:auto;
}
/* Left Content Column
------------------------------------------------------------------*/
#leftCol{
 width: 200px;
 float: left;
 margin: 5px 5px 5px 15px; 
}
#leftTop {
 width: 100%;
 height: 215px;
 margin: 0 0 5px 0;
 background: #fff;
}
#leftTop A img{
 margin: -2px 0 0 0; padding: 0;
}
#leftBot {
 width: 100%;
 height: 150px;
 margin: 0;
 background: #fff;
}
#leftBot  p{
 margin: 10px;
}
#leftBot  span{
 font-weight: bold;
}
#leftBot a, active, visited{
 color: #00A2FF;
 text-decoration: none;
}
#leftBot a:hover {
 text-decoration: underline;
 }
/* Form Styles
------------------------------------------------------------------*/
form {
 margin: 10px 0 0 5px;
}
label {
 width: 60px;
 float: left;
 margin: 0 3px 8px 3px; padding: 0;
}
input{
 width: 114px;
 float: left;
 margin: 0 3px 8px 0; padding: 0; 
 font-size: 10px;
 color: #666;
}
.button{
 background: #c6dce9;
 border: 1px solid #93b9cf;
 font-size: 10px;
 text-transform: uppercase;
 width: 80px;
 margin: 5px 0 0 10px;
 padding: 3px;
}
/* Mid Content Columns
------------------------------------------------------------------*/
#midCol{
 width: 390px;
 float: left;
 margin: 5px 5px 5px 0; 
}
#midTop {
 width: 100%;
 height: 215px;
 margin: 0 0 5px 0;
 background: #fff url(../images/secure_home.jpg) no-repeat;
}
#midTop ul{
 margin: 25px 0 0 0;
 
 }
#midTop li{
 list-style: none;
 color: #f82605;
 margin: 5px 0 0 220px; padding: 0;
}
#midTop a, visited, active {	
 padding: 0; margin: 0 0 0 0px;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
 color: #f82605;
 text-decoration: none;
 font-weight: bold;
}	
#midTop a:hover {
 text-decoration: underline;
 }
#midBot {
 width: 100%;
 height: 150px;
 margin: 0;
 background: #000;
}
#midBot A img{
 margin: -2px 0 0 0; padding: 0;
}
#midBot a, active, visited{
 color: #fFF;
 text-decoration: underline;
}
/* Right Content Columns
------------------------------------------------------------------*/
#rightCol{
 width: 200px;
 float: left;
 margin: 5px 5px 5px 0; 
 padding: 0;
}
#rightCol #White img{ 
 margin: 0;
}
#white{
 width: 100%;
 height:65px;
 background: #fff;
 margin: 0 0 5px 0;
}
#white a, active, visited{
 color: #00A2FF;
 text-decoration: none;
}
#white a:hover {
 text-decoration: underline;
 }
#white p {
 margin: 3px 5px 0 10px; padding: 0;
 color: #00A2FF;
}
#green {
 width: 100%;
 height: 60px;
 background: #47bc0d;
 margin: 0 0 5px 0;
}
#green p {
 margin: 3px 5px 0 10px; padding: 0;
 color: #fff;
}
#green a, active, visited{
 color: #fff;
 text-decoration: none;
}
#green a:hover {
 text-decoration: underline;
 } 
#green img {
 margin: 5px 0 0 10px;
}
#orange{
 width: 100%;
 height: 60px;
 background: #fe7405;
 margin: 0 0 5px 0;
}
#orange p {
 margin: 3px 5px 0 10px; padding: 0;
 color: #fff;
}
#orange a, active, visited{
 color: #fff;
 text-decoration: none;
}
#orange  a:hover {
 text-decoration: underline;
}
#orange img {
 margin: 5px 0 0 10px;
}
#blue {
 width: 100%;
 height: 170px;
 background: #0098fe;
 background: url(../images/pay_bg.png) no-repeat;
 margin: 0 0 5px 0;
 text-align: center;
 padding: 1px;
}
#blue img{
 margin: 10px 0 0 0;
}
#blue p{
 margin: 2px 20px 3px 20px;
 color: #fff;
 text-align: center;
}
#blue .first {margin-top: 90px;}

#blue a, active, visited{
 color: #ed3533;
 text-decoration: none;
}
#blue a:hover{
 color: #ed3533;
 text-decoration: underline;
}
/* Footer
------------------------------------------------------------------*/
#footer {
 width: 800px;
 height: 40px;
 background: url(../images/foot.gif) no-repeat;
 margin-left:auto; 
 margin-right:auto;
 margin-bottom: 50px;
 border: 0px solid #999;
}
#footer p{
 font-size: 10px; 
 color: #fff;
}
#footer a, active, visited{
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}
#footer  a:hover {
 text-decoration: underline;
}
#footer .left{
 margin: 8px 0 0 0;
 display: block;
 float: left;
}
#footer .right{
 margin: 8px 0 0 0;
 display: block;
 float: right;
}
/* End All Styles
------------------------------------------------------------------*/