@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
     GENERAL STYLES
----------------------------------------------------------*/

* { margin:0px; padding:0px; }

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a:link { color: #F96D06; }
a:visited { color: #F96D06; }
a:hover { color: #FFCC00; }
a:active { color: #F96D06; }

/*--------------------------------------------------------
     CONTAINER STYLES
----------------------------------------------------------*/

#wrapper { 
	width:1000px;
	position:relative;
	left: 50%;
	margin-left:-500px;
}

/*--------------------------------------------------------
     HEADER STYLES
----------------------------------------------------------*/

#header {
	width:1000px;
	height:103px;
	background:url(../images/header.jpg) no-repeat top left;
	vertical-align:top; 
}
#header img{ float:left; }
#header ul {
	margin:0;
	padding:5px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	list-style:none; 
	float:right;
}
#header li { float:left; }

#header a {
	display:block;
	margin-left:5px;
	padding: 0px 10px 0px 15px;
	background:url(../images/arrow_og-trans.gif) no-repeat left center;
	border-right:1px dotted #CCCCCC;
	}
#header a:link,#header a:visited,#header a:active{ text-decoration:none; color:#666666; }
#header a:hover{ text-decoration:underline; color:#FF8533; }
#header .last{ border-right:none; }

#header .logoLink {margin:0; padding:0; background:none; border:none;}

/*--------------------------------------------------------
     MAIN IMG STYLES
----------------------------------------------------------*/

#mainImg {
	width:1000px;
	height:200px;
	position:absolute;
	top:103px;
	background: url(../images/top_mainBG.jpg) no-repeat top left;
	vertical-align:top; 
}

#leftNav{
	width:250px;
	float:left;
}
#leftNav ul {
	margin:0;
	padding:35px 30px 0 28px;
	font: normal 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#FFFFFF;
	text-transform:uppercase;
	list-style-image: url(../images/arrow_wht-og.gif); 
}
#leftNav li { padding:8px 0 8px 0; border-bottom:1px dotted #FFFFFF; }

#leftNav a { font-weight: bolder; }
#leftNav a:link,#leftNav a:visited,#leftNav a:active{ text-decoration:none; color:#FFF; }
#leftNav a:hover{ text-decoration:none; color: #FFFF00; }
#leftNav .last{ border-bottom:none; }

#news{
	margin:40px 30px 0 30px;
	width:150px;
	float:right;
	display: inline;
}
#news h3 {
	font: bolder 14px Arial, Helvetica, sans-serif;
	color:#FFFF00;
	padding:0 0 8px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #999880;
	}
#news h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FAA105;
	}
#news p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#F0F0EC;
	}
#news .moreLink{
	text-align:right;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-bottom:8px;
	border-bottom:1px dotted #999880;	
}
#news .moreLink a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FFCC00;
}
#news .moreLink a:link,#news .moreLink a:visited,#news .moreLink a:active{
	text-decoration:underline; 
	color:#FFCC00;
	background:url(../images/arrow_gold-trans.gif) no-repeat left center;
	padding-left:10px;
}
#news .moreLink a:hover{
	text-decoration:underline; 
	color:#FAA105;
	background:url(../images/arrow_og-trans.gif) no-repeat left center;
	padding-left:10px;
}
	 
	
/*--------------------------------------------------------
     CONTENT STYLES
----------------------------------------------------------*/

#content {
	width:1000px;
	margin-top:200px;
	vertical-align:top; 
}

#body {
	width:780px;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#666666;
	}

.home { font:normal 14px Arial, Helvetica, sans-serif; line-height:19px; }

.contHead {
	padding:20px 0 0 0;
	width: 608px;
	height:57px;
	position:relative;
}
.contHead h1{ font: bold 16px Arial, Helvetica, sans-serif; color:F96D06; margin:0; padding:0; }
.contHead h2{ font: bolder 14px Arial, Helvetica, sans-serif; color:666666; margin:0; padding:0; }
.contHead span {
	background: url(../images/title_homeMain.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
h1 {
	font: bold 22px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#F96D06;
	margin: 25px 0 0 0;
}

h2 {
	font:bold 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin: -3px 0 15px 0;
	color: #666666;
}
h3 {
	color: #F96D06;
	font-size: 15px;
	margin-top: 25px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}


h5 {
	color: #F96D06;
	font-size:bold 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:0;
	margin: 20px 0 10px 0;
}

p {
	margin:15px 0 15px 0;
}
#body ul{ margin: 10px 0 10px 45px; }

#call2act {
	text-align:center;
	padding: 0 0 0 0; 
	}


/* Content Bucket Styles */
#buckets{
	padding:6px 0 6px 0;
	margin:8px 0 15px 0;
}
.contBucket {
	width: 192px;
	margin: 0 1px 0 1px;
	vertical-align:top;
	float:left;
	display:inline
}
.imgCol {
	width:41px;
	height:146px;
	border-right: 1px dotted #CCCCCC;
	vertical-align:top;
	float:left;
	display:inline;
}
.txtCol {
	width:148px;
	margin-left:2px;
	vertical-align:top;
	float:right;
	display:inline;
	}
.txtCol p{ margin:0; padding:3px 0 3px 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:666666; line-height:18px; }

.learnMore{ 
	padding:0; margin:5px 0 0 0; 
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#F96D06;
	background: url(../images/arrow_more_og-trans.gif) no-repeat right center;
	padding-right:12px;
}
.learnMore:link,.learnMore:visited,.learnMore:active{
	text-decoration:underline; 
	color:#F96D06;
}
.learnMore:hover{
	text-decoration:underline; 
	color:#FAA105;
}

#webDesign {
	width: 148px;
	height:40px;
	position:relative;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:F96D06;
}
#webDesign span {
	background: url(../images/title_design.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#eCommerce {
	width: 148px;
	height:40px;
	position:relative;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:F96D06;
}
#eCommerce span {
	background: url(../images/title_eComm.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#seo {
	width: 148px;
	height:40px;
	position:relative;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:F96D06;
}
#seo span {
	background: url(../images/title_SEO.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#ppc {
	width: 148px;
	height:40px;
	position:relative;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:F96D06;
}
#ppc span {
	background: url(../images/title_PPC.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

/* Secondary Content */
#rtNav{
	width:210px;
	height: 278px;
	float: right;
	background:url(../images/sideBar_BG.jpg) no-repeat left top;
}
#rtNav ul {
	margin:0;
	padding:25px 20px 30px 33px;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
	list-style-image: url(../images/arrow_gry-trans.gif); 
}
#rtNav li { padding:10px 0 10px 0; border-bottom:1px dotted #999999; }

#rtNav a { font-weight: bolder; }
#rtNav a:link,#rtNav a:visited,#rtNav a:active{ text-decoration:none; color:#666666; }
#rtNav a:hover{ text-decoration:none; color: #F96D06; }
#rtNav .last{ border-bottom:none; }


.clear { clear:both; }

/*  Form Styles */
fieldset {
	width:530px;
	margin:20px auto 20px auto;
	border:1px solid #CCC;
	padding: 0 15px 10px 15px;
	background:#f8f8f8;
	display: block;
	}
legend {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	}
label { display:block; padding-top:6px;}
input { width:350px; margin-bottom: 6px; }
textarea { width:480px; height:120px; margin-bottom: 6px; }
#submit { width:560px; margin:20px auto 20px auto; text-align:right; }
.submitButt { width:150px; margin:0; }
.required { font-size:10px; }

#thankYou {
	width: 560px; 
	margin: 15px auto 15px auto;
	text-align:left; 
	vertical-align:middle; 
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CC0000; 
	}


/*--------------------------------------------------------
     FOOTER STYLES
----------------------------------------------------------*/

#footer {
	width:1000px;
	height:50px;
	background:url(../images/footerBG.jpg) no-repeat top left;
	vertical-align:top;
	clear:both;
}
#footer ul {
	margin:0;
	padding:8px 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#999999;
	list-style:none; 
	float:right;
}
#footer li { float:left; }

#footer a {
	display:block;
	padding: 0px 6px 0px 6px;
	border-right:1px solid #999999;
	}
#footer a:link,#footer a:visited,#footer a:active{ text-decoration:none; color:#999999; }
#footer a:hover{ text-decoration:none; color:#F96D06; }
#footer .last{ border-right:none; }

#copyright {
	padding-bottom: 15px;
	text-align: right;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	line-height: 13px;
}
#copyright .orange { color:#F96D06; }
#copyright a { display:inline; border: none; padding:0; }
#copyright a:link,#copyright a:visited,#copyright a:active {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
#copyright a:hover {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#F96D06;
	text-decoration:none;
}

h6 {
	width: 250px;
	height:25px;
	position:relative;
	left:750px;
}
h6 span {
	background:url(../images/ignite_your_site.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}