@charset "UTF-8";
/* CSS Document */

/*GLOBAL STYLES---------------------*/
/*----------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	background-image: url(../images/backgrounds/bg-body.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFF;
	}
	
/*IE6 PNG HACK*/
img {
behavior: url(/Greenkite5/pngHack/pngHack.htc);
}

a{
	outline: none;
	text-decoration: none;
	color: #3BB44A;
	}

a:hover{
	text-decoration: underline;
	color: #00559E;
	}
	
hr{
	border: 0px;
	border-bottom: 1px solid #888;
	}

#clear{
	clear: both;
	}
	
#main-wrapper{
	margin-top: 20px;
	margin-top: 10px !ie;
	margin-left: auto;
	margin-right: auto;
	width: 977px;
	position: relative;
	}
/*----------------------------------*/

/*FONT STYLES-----------------------*/
/*----------------------------------*/
h1{
	margin: 0px;
	padding: 0px;
	font-size: 36px;
	font-weight: normal;
	line-height: normal;
	color: #00559E;
	}

h2{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	color: #00559E;
	}
	
h2 a{
	color: #3BB44A;
	text-decoration: none;
	}
	
h2 a:hover{
	color: #00559E;
	text-decoration: none;
	}
	
h3{
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	}
	
.small-text{
	font-size: 10px;
	}
	
.white-text{
	color: #FFF;
	}
	
.blue-text{
	color: #00559E;
	}
	
.green-text{
	color: #3BB44A;
	}
	
.column-title-link a{
	color: #00559E;
	text-decoration: none;
	}
	
.column-title-link a:hover{
	color: #FFF;
	text-decoration: underline;
	}
/*----------------------------------*/

#corner-ad{
	position: absolute;
	width: 215px;
	margin-top: -5px;
	left: 765px;
	text-align: right;
	}

/*----------------------------------*/
/*HEADER STYLES---------------------*/
#header-wrapper{
	width: 100%;
	height: 200px;
	background-image: url(../images/backgrounds/bg-header.png);
	background-position: top;
	background-repeat: no-repeat;
	}

#header-left{
	float: left;
	padding-left: 18px;
	width: 399px;
	}

#header-right{
	float: right;
	padding-right: 19px;
	padding-top: 9px;
	width: 381px;
	}
	
#phone-number{
	padding-top: 53px;
	padding-left: 70px;
	}
	
#quote{
	padding-top: 7px;
	padding-left: 30px;
	}
/*----------------------------------*/

/*NAVIGATION STYLES-----------------*/
/*----------------------------------*/
#navigation-wrapper{
	padding-top: 87px;
	padding-left: 11px;
	width: 100%;
	}
	
#about-padding{
	padding-top: 16px;
	}

#solutions-padding{
	padding-top: 3px;
	padding-left: 40px;
	}

#advantage-padding{
	padding-left: 40px;
	}

#contact-padding{
	padding-top: 20px;
	padding-left: 40px;
	}
	
/*----------------------------------*/

/*CONTENT STYLES--------------------*/
/*----------------------------------*/
#content-wrapper{
	padding-top: 16px;
	width: 100%;
	min-height: 410px;
	background-image: url(../images/backgrounds/bg-content.png);
	background-position: top;
	background-repeat: repeat-y;
	}
	
#content-wrapper-padding{
	padding-left: 41px;
	padding-right: 41px
	}

#content-left{
	float: left;
	width: 680px;
	}

#content-inner-left{
	float: left;
	width: 189px;
	background-image: url(../images/backgrounds/bg-drive-sales.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #A8D470;
	}

#content-inner-right{
	float: right;
	margin-top: -12px;
	width: 462px;
	position: relative;
	}

#content-center-left{
	float: left;
	width: 265px;
	background-image: url(../images/backgrounds/bg-what-you-want.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #1D5A25;
	}

#content-center-right{
	float: right;
	width: 265px;
	height: 240px;
	background-color: #000;
	}

#content-center{
	margin-top: 10px;
	margin-top: 5px !ie;
	}

#content-bottom{
	margin-top: 10px;
	margin-top: 5px !ie;
	width: 100%;
	background-image: url(../images/backgrounds/bg-content-bottom.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}

#content-bottom-left{
	float: left;
	padding-top: 7px;
	width: 238px;
	text-align: center;
	border-right: 1px solid #006633; 
	}

#content-bottom-right{
	float: right;
	width: 541px;
	}

#content-bottom-inner-left{
	float: left;
	padding-top: 7px;
	width: 274px;
	text-align: center;
	border-right: 1px solid #006633;
	}

#content-bottom-inner-right{
	float: right;
	padding-top: 7px;
	width: 265px;
	text-align: center;
	}
	
#bottom-title{
	height: 45px;
	}
	
#bottom-left-content{
	padding-top: 10px;
	height: 90px;
	background-image: url(../images/backgrounds/bg-bottom-left.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #C4E29E;
	}

#bottom-center-content{
	padding-top: 10px;
	height: 90px;
	background-image: url(../images/backgrounds/bg-bottom-center.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #C4E29E;
	}

#bottom-right-content{
	padding-top: 10px;
	height: 90px;
	background-image: url(../images/backgrounds/bg-bottom-right.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #C4E29E;
	}

#content-right{
	float: right;
	width: 189px;
	}

#content-right-top{
	background-image: url(../images/backgrounds/bg-contact-form.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #8EC45B;
	}

#content-right-bottom{
	margin-top: 10px;
	margin-top: 5px !ie;
	}
	
#contact-left{
	float: left;
	width: 420px;
	}
	
#contact-right{
	float: right;
	width: 468px;
	}
	
#content-wide{
	padding-left: 14px;
	padding-right: 50px;
	padding-bottom: 20px;
	}
	
/*SIDE COLUMN STYLES----------------*/
#side-column-wrapper{
	width: 189px;
	background-image: url(../images/backgrounds/bg-side-column-repeat.jpg);
	background-position: top;
	background-repeat: repeat-y;
	}
	
#side-column-top{
	height: 38px;
	padding-top: 10px;
	padding-left: 19px;
	padding-right: 19px;
	background-image: url(../images/backgrounds/bg-side-column-top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}

#side-column-bottom{
	height: 18px;
	background-image: url(../images/backgrounds/bg-side-column-bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}

#side-column-padding{
	height: 376px;
	padding-left: 19px;
	padding-right: 19px;
	}

/*DRIVE TICKET STYLES---------------*/
#drive-sales-wrapper{
	padding-top: 30px;
	padding-left: 14px;
	padding-right: 9px;
	padding-bottom: 15px;
	height: 408px;
	background-image: url(../images/backgrounds/bg-drive-sales-bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}

/*WHAT YOU WANT STYLES--------------*/
#what-you-want-wrapper{
	padding-top: 30px;
	padding-left: 10px;
	height: 210px;
	background-image: url(../images/backgrounds/bg-what-you-want-bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}

/*CONTACT FORM STYLES---------------*/
#contact-form-wrapper{
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 9px;
	padding-bottom: 4px;
	height: 230px;
	}
	
/*LATEST NEWS STYLES----------------*/
#latest-news-wrapper{
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 9px;
	padding-bottom: 4px;
	background-image: url(../images/backgrounds/bg-latest-news.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFF;
	}
	
#news-preview-padding{
	padding-top: 10px;
	}
	
.text-box{
	width: 150px;
	}
	
/*TABS STYLES-----------------------*/
#tab-wrapper{
	padding-left: 10px;
	padding-right: 10px;
	width: 520px;
	background-color: #FFF;
	}
	
#tab-title{
	padding-top: 10px;
	height: 37px;
	font-size: 24px;
	color: #00559E;
	}

#tab-left{
	padding-top: 9px;
	}
	
.list_hover{
	margin-bottom: 6px;
	padding-top: 6px;
	padding-left: 16px;
	height: 24px;
	width: 100%;
	font-size: 18px;
	color: #00559E;
	}
	
.list_hover:hover{
	margin-bottom: 6px;
	padding-top: 6px;
	padding-left: 16px;
	height: 24px;
	width: 100%;
	font-size: 18px;
	color: #FFF;
	background-image: url(../images/backgrounds/bg-tab-links.jpg);
	cursor: default;
	}
	
.list_hover_over{
	margin-bottom: 6px;
	padding-top: 6px;
	padding-left: 16px;
	height: 24px;
	width: 100%;
	font-size: 18px;
	color: #FFF;
	background-image: url(../images/backgrounds/bg-tab-links.jpg);
	}

#tab-right{
	position: relative;
	height: 154px;
	color: #FFF;
	background-image: url(../images/backgrounds/bg-tabs.jpg);
	}
	
#tab-right ul{
	margin: 0px;
	margin-left: 10px;
	margin-left: 5px !ie;
	padding: 0px;
	line-height: 2.5em;
	list-style-image: url(../images/icons/icon-bulletpoint.jpg);
	}
	
#div_1{
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 124px;
	position: absolute;
	overflow: auto;
	background-image: url(../images/backgrounds/bg-tab1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}
	
#div_2{
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 124px;
	visibility: hidden;
	position: absolute;
	overflow: auto;
	background-image: url(../images/backgrounds/bg-tab2.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}
	
#div_3{
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 124px;
	visibility: hidden;
	position: absolute;
	overflow: auto;
	background-image: url(../images/backgrounds/bg-tab3.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}

#div_4{
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 124px;
	visibility: hidden;
	position: absolute;
	overflow: auto;
	background-image: url(../images/backgrounds/bg-tab4.jpg);
	background-position: left;
	background-repeat: no-repeat;
	}

/*BOTTOM LINKS STYLES---------------*/
#bottom-links-padding{
	position: relative;
	margin-top: -8px;
	}
	
/*SAMPLE SITES ---------------------*/
.boxgrid{ 
				width: 320px; 
				height: 188px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #3BB44A; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

/*----------------------------------*/

/*FOOTER STYLES---------------------*/
/*----------------------------------*/
#footer-wrapper{
	padding-top: 40px;
	width: 100%;
	background-image: url(../images/backgrounds/bg-footer.png);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 10px;
	text-align: center;
	}
	
#footer-content a{
	color: #00559E;
	text-decoration: none;
	}
	
#footer-content a:hover{
	color: #3BB44A;
	text-decoration: underline;
	}
	
#copywrite{
	font-size: 9px;
	color: #00559E;
	}
	
.copywrite-link a{
	color: #00559E;
	text-decoration: none;
	}
	
.copywrite-link a:hover{
	color: #3BB44A;
	text-decoration: underline;
	}

/*----------------------------------*/
