/*  
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: #666;	
 line-height: 1.2;
 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;
}
#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;
 margin-left:auto; 
 margin-right:auto;
}
/* Home 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 .cute div{
 display: none;
}
#leftBot li{
 list-style: none;
 color: #00A2FF;
 margin: 10px 0 0 0px; padding: 0;
}
#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;
}
/* Home 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: #fff;
 margin: 10px 0 0 220px; padding: 0;
}
#midTop a, visited, active {	
 padding: 0; margin: 0 0 0 0px;
 font: 10px tahoma, verdana, arial, helvetica, sans-serif;
 color: #fff;
 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;
}
/* Home 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;
}
/* Sub Styles Company
------------------------------------------------------------------*/
#sub {
 border: 0px solid #fff;
 width: 800px;
 margin: 0 auto 0 auto;
 background:#fff url(../images/company/comp_line.png) no-repeat;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
} 
#subLeft{
 float: left;
 width: 230px;
 margin: 45px 25px 25px 10px;
}
#subLeft img{
 margin: 0 0 0 10px;
}
#subLeft li{
 color: #00A2FF;
 padding:5px 0 5px 15px;
 border-bottom: 1px solid #9ad3ff;
 margin: 0;
  background: url(../images/company/comp_unselect.png) no-repeat 0 8px;
}
#subLeft a, active, visited{
 color: #00A2FF;
 
}
/*#subLeft .select{
 font-weight: bold;
 background: url(../images/comp_select.png) no-repeat 0 8px;
}
#subLeft .unselect{
 font-weight: normal;
 background: url(../images/comp_unselect.png) no-repeat 0 8px;
}*/
#subRight{
 float: left;
 width: 520px;
 margin: 45px 10px 25px 0;
 padding-bottom: 35px;
 border-bottom: 1px solid #9ad3ff;
}
#subRight img{
 padding: 1px;
 border: 1px solid #cee9fe;
 float: left;
 margin: 0 10px 5px 0;
}
#subRight h1{
 margin: 5px 0 5px 0;
 font-size: 16px;
 color: #00A2FF;
 font-weight: normal;
 font-variant: small-caps;
}
#subRight h2{
 margin: 25px 0 10px 0;
 padding-top: 15px;
 font-size: 12px;
 color: #4F6881;
 font-weight: bold;
 font-variant: small-caps;
border-top: 1px dotted #88ABC2;
}
#subRight p{
 margin: 10px 10px 9px 0;
 text-align: justify;
}
#subRight span{
 font-size: 10px;
 text-align: justify;
 font-style: italic;
}
#subRight a, active, visited{
 color: #7A7A3b;
 font-variant: small-caps;
}
/*---------------------------------------------------------------------------*/
form{ 
 width: 520px;
 margin: 25px 0 20px 0;
}
label{ 
 width: 180px;
 margin: 10px 0 5px 10px;
 padding: 0;
 float:left;
 text-align: left; 
 padding: 1px 1px 2px 1px;  border-bottom: 1px dotted #88ABC2;
 font-variant: small-caps;
 color: #4F6881;
}
 input, textarea{
 border: 1px solid #88ABC2;
 margin: 15px 0 10px 5px;
 text-align: left;
 color: #2c2b2b;
 padding: 2px;
 width: 300px;
}
 input{
 height: 14px;
 }
 textarea{
 height: 100px;
 }
.button{
 height: 20px;
 width: 60px;
 margin: 10px 0 10px 10px;
 text-align: center;
 background: transparent;
 padding: 2px;
 letter-spacing: 1px; 
 color: #4F6881;
 }
/* Sub Styles Residential
------------------------------------------------------------------*/
#sub1 {
 border: 0px solid #fff;
 width: 800px;
 margin: 0 auto 0 auto;
 background:#fff url(../images/residence/res_line.png) no-repeat;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
}
#subLeft1{
 float: left;
 width: 230px;
 margin: 45px 25px 25px 10px;
}
#subLeft1 img{
 margin: 0 0 0 10px;
}
#subLeft1 li{
 color: #219404;
 padding:5px 0 5px 15px;
 border-bottom: 1px solid #a1d391;
 margin: 0;
  background: url(../images/residence/select.png) no-repeat 0 8px;
}
#subLeft1 a, active, visited{
 color: #219404;
}
#subRight1{
 float: left;
 width: 520px;
 margin: 45px 10px 25px 0;
 padding-bottom: 35px;
 border-bottom: 1px solid #a1d391;
}
#subRight1 img{
 padding: 1px;
 border: 1px solid #d5eadb;
 float: left;
 margin: 0 10px 5px 0;
}
#subRight1 h1{
 margin: 5px 0 5px 0;
 font-size: 16px;
 color: #219404;
 font-weight: normal;
 font-variant: small-caps;
}
#subRight1 h2{
 margin: 25px 0 10px 0;
 padding-top: 15px;
 font-size: 12px;
 color: #547c57;
 font-weight: bold;
 font-variant: small-caps;
 border-top: 1px dotted #547c57;
}
#subRight1 p{
 margin: 10px 10px 9px 0;
 text-align: justify;
}
#subRight1 li{
 background: url(../images/residence/ico.jpg) no-repeat 0 4px;
 line-height: 1.5;
 margin: 0;
 padding:0 0 5px 20px;
}
#subRight1 a, active, visited{
 color: #7A7A3b;
 font-variant: small-caps;
}
/* Sub Styles Commercial
------------------------------------------------------------------*/
#sub2 {
 border: 0px solid #fff;
 width: 800px;
 margin: 0 auto 0 auto;
 background:#fff url(../images/commerce/com_line.png) no-repeat;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
}
#subLeft2{
 float: left;
 width: 230px;
 margin: 45px 25px 25px 10px;
}
#subLeft2 img{
 margin: 0 0 0 10px;
}
#subLeft2 li{
 color: #fe5802;
 padding:5px 0 5px 15px;
 border-bottom: 1px solid #ffcaab;
 margin: 0;
  background: url(../images/commerce/select.png) no-repeat 0 8px;
}
#subLeft2 a, active, visited{
 color: #fe5802;
}
#subRight2{
 float: left;
 width: 520px;
 margin: 45px 10px 25px 0;
 padding-bottom: 35px;
 border-bottom: 1px solid #ffcaab;
}
#subRight2 img{
 padding: 1px;
 border: 1px solid #ffdbb6;
 float: left;
 margin: 0 10px 5px 0;
}
#subRight2 h1{
 margin: 5px 0 5px 0;
 font-size: 16px;
 color: #fe5802;
 font-weight: normal;
 font-variant: small-caps;
}
#subRight2 h2{
 margin: 25px 0 10px 0;
 padding-top: 15px;
 font-size: 12px;
 color: #903018;
 font-weight: bold;
 font-variant: small-caps;
 border-top: 1px dotted #903018;
}
#subRight2 p{
 margin: 10px 10px 9px 0;
 text-align: justify;
}
#subRight2 li{
 background: url(../images/commerce/ico.jpg) no-repeat 0 4px;
 line-height: 1.5;
 margin: 0;
 padding:0 0 5px 20px;
}
#subRight2 a, active, visited{
 color: #7A7A3b;
 font-variant: small-caps;
}
/* Sub Styles Security
------------------------------------------------------------------*/
#sub3 {
 border: 0px solid #fff;
 width: 800px;
 margin: 0 auto 0 auto;
 background:#fff url(../images/secure/sec_line.png) no-repeat;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
}
#subLeft3{
 float: left;
 width: 230px;
 margin: 45px 25px 25px 10px;
}
#subLeft3 img{
 margin: 0 0 0 10px;
}
#subLeft3 li{
 color: #e71402;
 padding:5px 0 5px 15px;
 border-bottom: 1px solid #f69a90;
 margin: 0;
  background: url(../images/secure/select.png) no-repeat 0 8px;
}
#subLeft3 a, active, visited{
 color: #e71402;
}
#subRight3{
 float: left;
 width: 520px;
 margin: 45px 10px 25px 0;
 padding-bottom: 35px;
 border-bottom: 1px solid #f69a90;
}
#subRight3 img{
 padding: 1px;
 border: 1px solid #ffdbb6;
 float: left;
 margin: 0 10px 5px 0;
}
#subRight3 h1{
 margin: 5px 0 5px 0;
 font-size: 16px;
 color: #e71402;
 font-weight: normal;
 font-variant: small-caps;
}
#subRight3 h2{
 margin: 25px 0 10px 0;
 padding-top: 15px;
 font-size: 12px;
 color: #B90606;
 font-weight: bold;
 font-variant: small-caps;
 border-top: 1px dotted #B90606;
}
#subRight3 p{
 margin: 10px 10px 9px 0;
 text-align: justify;
}
#subRight3 li{
 background: url(../images/secure/ico.jpg) no-repeat 0 4px;
 line-height: 1.5;
 margin: 0;
 padding:0 0 5px 20px;
}
#subRight3 a, active, visited{
 color: #7A7A3b;
 font-variant: small-caps;
}
/* Sub Styles Terms
------------------------------------------------------------------*/
#sub4 {
 border: 0px solid #008800;
 width: 800px;
 margin: 0 auto 0 auto;
 background:#fff url(../images/company/comp_line.png) no-repeat;
 font: 12px tahoma, verdana, arial, helvetica, sans-serif;
} 
/*#subLeft4{
 float: left;
 width: 150px;
 margin: 45px 25px 25px 10px;
}
#subLeft4 img{
 margin: 0 0 0 10px;
}
#subLeft4 li{
 color: #00A2FF;
 padding:5px 0 5px 15px;
 border-bottom: 1px solid #9ad3ff;
 margin: 0;
  background: url(../images/company/comp_unselect.png) no-repeat 0 8px;
}
#subLeft4 a, active, visited{
 color: #00A2FF;
 
}*/
#subRight4{
 float: left;
 width: 760px;
 margin: 45px 20px 25px 20px;
 padding-bottom: 35px;
 border-bottom: 1px solid #9ad3ff;
}
#subRight4 img{
 padding: 1px;
 float: left;
 margin: 0 10px 5px 0;
}
#subRight4 h1{
 margin: 5px 0 5px 0;
 font-size: 16px;
 color: #00A2FF;
 font-weight: normal;
 font-variant: small-caps;
}
#subRight4 h2{
 margin: 25px 0 20px 0;
 padding-top: 5px;
 font-size: 14px;
 color: #4F6881;
 font-weight: bold;
 font-variant: small-caps;
}
#subRight4 p{
 margin: 10px 10px 9px 0;
 text-align: justify;
 width: 760px;
}
#subRight4 ul{
 margin: 20px 0 15px 15px;
 } 
#subRight4 li{
 background: url(../images/ico.png) no-repeat 0 4px;
 line-height: 1.5;
 margin: 0;
 padding:0 0 5px 20px;
}
#subRight4 a, active, visited{
 color: #7A7A3b;
 font-variant: small-caps;
}
/* Footer
------------------------------------------------------------------*/
#footer {
 width: 800px;
 height: 40px;
 background: url(../images/foot.gif) no-repeat;
 margin-left:auto; 
 margin-right:auto;
 padding-bottom: 60px;
 border: 0px solid #999;
}
#footer p{
 font-size: 10px; 
 color: #fff;
}
#footer a, active, visited{
 color: #fff;
 text-transform: none;
 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
------------------------------------------------------------------*/
#subLeft .print {
 margin-left: 25px;
 font-size: 10px;
}
#subLeft .radio {
 margin-left: 25px;
 font-size: 10px;
}