body,
html {
	background:#4d4d4d url(../images/pageBG.gif) repeat-x top left;
	color: #2f4456;
	font: 9pt arial, helvetica, sans-serif;
	margin:0;
	padding:0;
}
a:link, body_alink {
	color: #0063ac;
	text-decoration: none;
}
a:visited, body_avisited {
	color: #0063ac;
	text-decoration: none;
}
a:hover, a:active, body_ahover {
	color: #4696da;
	text-decoration: none;
}
a {
	outline:none;
}

/* Misc Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
	border:0;
}
#header img, .headerContact img {
	display:block;
}
.verticalAlign {
	vertical-align:middle;
}
h1, h2, h3, h4, h5, h6, p {
	padding:0;
	margin:0;
}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1em;}
h5 {font-size: .83em;}
h6 {font-size: .67em;}
h1, h2, h3, h4, h5, h6 {font-weight: bolder;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper, .footerWrapper {
	width:973px;
	margin:auto;
}
.headerWrap {
	position:relative;
}

/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
	height:34px;
	font-size:8pt;
	color:#a2a2a2;
	padding-top:14px;
}
.topLocation {
	background:url(../images/topBullet.gif) no-repeat left;
	padding:3px 0 3px 18px;
}
.topLocation a:link, .topLocation a:visited {
	color:#c8c8c8;
}
.topLocation a:hover {
	color:#fff;
}
.topLocation strong {
	color:#6e6e6e;
	font-weight:400;
}
.topQuote {
	background:url(../images/topBullet.gif) no-repeat left;
	float:right;
	padding:3px 0 3px 18px;	
}
.topQuote a:link, .topQuote a:visited {
	color:#98b84b;
}
.topQuote a:hover {
	color:#fff;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
	height:120px;
}
.logo {
	padding:34px 0 0 30px;
}
.headerContact {
	position:absolute;
	top:46px;
	right:0;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navigation {
	background:url(../images/navBG.gif) repeat-x top left;
	height:49px;
}
.navLeft {
	background:url(../images/navLeft.gif) no-repeat top left;
	height:49px;
}
.navRight {
	background:url(../images/navRight.gif) no-repeat top right;
	height:49px;
}
#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
}
#navigation li {
	float:left;
}

/* Navigation Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navHome, .navHome:link, .navHome:visited, .navHome:hover, .navHome:active {
	display: block;
	width: 126px;
	height: 49px;
	float:left;
}
.navHome, .navHome:link, .navHome:visited { background: url(../images/navHome.gif) no-repeat top left; }
.navHome:hover, .navHome:active { background: url(../images/navHome_on.gif) no-repeat top left; }

.navVision, .navVision:link, .navVision:visited, .navVision:hover, .navVision:active {
	display: block;
	width: 161px;
	height: 49px;
	float:left;
}
.navVision, .navVision:link, .navVision:visited { background: url(../images/navVision.gif) no-repeat top left; }
.navVision:hover, .navVision:active { background: url(../images/navVision_on.gif) no-repeat top left; }

.navServices, .navServices:link, .navServices:visited, .navServices:hover, .navServices:active {
	display: block;
	width: 185px;
	height: 49px;
	float:left;
}
.navServices, .navServices:link, .navServices:visited { background: url(../images/navServices.gif) no-repeat top left; }
.navServices:hover, .navServices:active { background: url(../images/navServices_on.gif) no-repeat top left; }

.navPackages, .navPackages:link, .navPackages:visited, .navPackages:hover, .navPackages:active {
	display: block;
	width: 207px;
	height: 49px;
	float:left;
}
.navPackages, .navPackages:link, .navPackages:visited { background: url(../images/navPackages.gif) no-repeat top left; }
.navPackages:hover, .navPackages:active { background: url(../images/navPackages_on.gif) no-repeat top left; }

.navPortfolio, .navPortfolio:link, .navPortfolio:visited, .navPortfolio:hover, .navPortfolio:active {
	display: block;
	width: 148px;
	height: 49px;
	float:left;
}
.navPortfolio, .navPortfolio:link, .navPortfolio:visited { background: url(../images/navPortfolio.gif) no-repeat top left; }
.navPortfolio:hover, .navPortfolio:active { background: url(../images/navPortfolio_on.gif) no-repeat top left; }

.navContact, .navContact:link, .navContact:visited, .navContact:hover, .navContact:active {
	display: block;
	width: 146px;
	height: 49px;
	float:left;
}
.navContact, .navContact:link, .navContact:visited { background: url(../images/navContact.gif) no-repeat top left; }
.navContact:hover, .navContact:active { background: url(../images/navContact_on.gif) no-repeat top left; }


/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
	background:#fff url(../images/contentBG.gif) repeat-y top left;
}
.contentWrap {
	background:url(../images/contentTop.gif) no-repeat top left;
	padding:25px 20px 0 20px;
}
.contentWrap2 {
	background:url(../images/contentTop2.gif) no-repeat top left;
	padding:25px 20px 0 20px;
}
.contentWrap3 {
	background:url(../images/contentTop3.gif) no-repeat top left;
	padding:25px 20px 0 20px;
}
.contentTopBox {
	height:86px;
}
.contentTopBoxLinks {
	padding:17px 0;
	font-size:10pt;
	color:#d8d8d8;
}
.contentTopBox a:link, .contentTopBox a:visited {
	color:#45494a;
	font-size:11pt;
}
.contentTopBox a:hover {
	color:#4b8ea4;
	text-decoration:underline;
}
.selected a:link, .selected a:visited {
	color:#70a82e;
	font-weight:700;
	text-decoration:underline;
}
.featured {
	color:#000;
	font-size:11pt;
}
.contentBottom {
	background:url(../images/contentBottom.gif) no-repeat top left;
	height:21px;
	font-size:0;
	margin-bottom:41px;
}
.contentBody {
	padding:15px 0;
}
.contentHeading {
	background:url(../images/contentHeadingBG.gif) repeat-x top left;
	height:29px;
	line-height:29px;
}
.contentHeading h2 {
	background:#fff;
	font-size:18px;
	font-weight:700;
	color:#514242;
	padding-right:5px;
	float:left;
}
.contentHeading h2 strong {
	color:#a7a7a7;
	font-weight:400;
}
.contentButton {
	float:right;
}
#main {
	float:left;
	margin:0;
	height:auto;	
	width:612px;
	padding-right:16px;
}
#main p, .contentWrap p, .contentBody p {
	padding:10px 0;
	line-height:22px;
}
.main h3 {
	color:#d72323;
}
.boxBlue {
	background:url(../images/boxBlueBG.gif) repeat-y top left;
	color:#4d565c;
}
.boxBlueTop {
	background:url(../images/boxBlueTop.gif) no-repeat top left;
}
.boxBlueBottom {
	background:url(../images/boxBlueBottom.gif) no-repeat bottom left;
	padding:15px 15px 5px 15px;	
}
.boxBlue h3 {
	color:#4b8ea4;
}
.boxGreen {
	background:url(../images/boxGreenBG.gif) repeat-y top left;
	color:#525c4d;
}
.boxGreenTop {
	background:url(../images/boxGreenTop.gif) no-repeat top left;
}
.boxGreenBottom {
	background:url(../images/boxGreenBottom.gif) no-repeat bottom left;
	padding:15px 15px 5px 15px;	
}
.boxGreenBottom2 {
	background:url(../images/boxGreenBottom.gif) no-repeat bottom left;
}
.boxGreen h3 {
	color:#4e952c;
}
#green {
	color:#4e952c;
}
.greenTopQuote {
	background:url(../images/topQuote.gif) no-repeat top left;
}
.greenBottomQuote {
	background:url(../images/bottomQuote.gif) no-repeat bottom right;
	padding:0 45px 0 50px;
}
#sidebar {
	width:305px;
	float:right;
	margin:0;
	height:auto;
}
#sidebar img {
	display:block;
}

/* Content - Home Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingIndex { 
	background:url(../images/headingIndex.gif) no-repeat top left;
	text-indent: -999em;
	width:472px;
	height:22px;
}
.servicesBox {
	background:#282828;
	padding-bottom:7px;
}
.servicesBox h4{
	background:url(../images/sideboxHeading.gif) no-repeat top left;
	width:272px;
	height:23px;
	padding:7px 0 0 33px;
	font-size:8pt;
	font-weight:400;
	color:#c8c8c8;
}
.servicesBox p {
	padding:10px 15px;
	color:#a2a2a2;
	line-height:22px;	
}
.servicesBox ul {
	list-style:none;
	padding:0;
	margin:0;
}
.servicesBox li {
	display:block;
	padding:0 12px 5px 12px;
}
.servicesBox li a:link, .servicesBox li a:visited {
	background:url(../images/serviceLink.gif) no-repeat top left;
	width:251px;
	height:30px;
	line-height:30px;
	padding-left:30px;
	display:block;
	color:#ebf4f9;
}
.servicesBox li a:hover {
	background:url(../images/serviceLink_on.gif) no-repeat top left;
	width:251px;
	height:30px;
	line-height:30px;
	padding-left:30px;
	display:block;
	color:#fffbca;
}

/* Content - Vision Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingVision { 
	background:url(../images/headingVision.gif) no-repeat top left;
	text-indent: -999em;
	width:577px;
	height:22px;
}

/* Content - Services Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingServices { 
	background:url(../images/headingServices.gif) no-repeat top left;
	text-indent: -999em;
	width:429px;
	height:22px;
}
.servicesCrumb {
	background:url(../images/servicesCrumbBG.gif) repeat-x top left;
	height:47px;
	line-height:47px;
	font-size:11pt;
	text-align:center;
}
.servicesCrumbLeft {
	background:url(../images/servicesCrumbLeft.gif) no-repeat top left;
	height:47px;
}
.servicesCrumbRight {
	background:url(../images/servicesCrumbRight.gif) no-repeat top right;
	height:47px;
}
.servicesCrumb a:link, .servicesCrumb a:visited {
	background:url(../images/servicesCrumbBullet.gif) no-repeat left;
	padding-left:10px;
	color:#4b8ea4;
}
.servicesCrumb a:hover {
	color:#ff7300;
}

/* Content - Packages Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingPackages { 
	background:url(../images/headingPackages.gif) no-repeat top left;
	text-indent: -999em;
	width:512px;
	height:22px;
}
.beginner {
	background:url(../images/bluePackageBG.gif) repeat-x top left;
	height:42px;
	font-size:11pt;
	color:#4b8ea4;
}
.beginnerLeft {
	background:url(../images/bluePackageLeft.gif) no-repeat top left;
	height:42px;
}
.beginnerRight {
	background:url(../images/bluePackageRight.gif) no-repeat top right;
	height:42px;
	padding:0 13px 0 45px;
}
.intermediate {
	background:url(../images/greenPackageBG.gif) repeat-x top left;
	height:42px;
	font-size:11pt;
	color:#71ad2b;
}
.intermediateLeft {
	background:url(../images/greenPackageLeft.gif) no-repeat top left;
	height:42px;
}
.intermediateRight {
	background:url(../images/greenPackageRight.gif) no-repeat top right;
	height:42px;
	padding:0 13px 0 45px;
}
.ecommerce {
	background:url(../images/purplePackageBG.gif) repeat-x top left;
	height:42px;
	font-size:11pt;
	color:#c64889;
}
.ecommerceLeft {
	background:url(../images/purplePackageLeft.gif) no-repeat top left;
	height:42px;
}
.ecommerceRight {
	background:url(../images/purplePackageRight.gif) no-repeat top right;
	height:42px;
	padding:0 13px 0 45px;
}
.wordpress {
	background:url(../images/orangePackageBG.gif) repeat-x top left;
	height:42px;
	font-size:11pt;
	color:#f37800;
}
.wordpressLeft {
	background:url(../images/orangePackageLeft.gif) no-repeat top left;
	height:42px;
}
.wordpressRight {
	background:url(../images/orangePackageRight.gif) no-repeat top right;
	height:42px;
	padding:0 13px 0 45px;
}
.vbulletin {
	background:url(../images/greyPackageBG.gif) repeat-x top left;
	height:42px;
	font-size:11pt;
	color:#666;
}
.vbulletinLeft {
	background:url(../images/greyPackageLeft.gif) no-repeat top left;
	height:42px;
}
.vbulletinRight {
	background:url(../images/greyPackageRight.gif) no-repeat top right;
	height:42px;
	padding:0 13px 0 45px;
}
.beginner h4, .intermediate h4, .ecommerce h4, .wordpress h4, .vbulletin h4 {
	line-height:42px;
	font-size:11pt;
	font-weight:400;	
}
.requestButton {
	float:right;
	padding-top:8px;
}
.beginnerBox, .intermediateBox, .ecommerceBox, .wordpressBox, .vbulletinBox {
	padding:10px 25px;
}
.beginnerBox ul, .intermediateBox ul, .ecommerceBox ul, .wordpressBox ul, .vbulletinBox ul {
	list-style:none;
	padding:0;
	margin:0;
}
.beginnerBox li, .intermediateBox li, .ecommerceBox li, .wordpressBox li, .vbulletinBox li {
	background:url(../images/packageBullet.gif) no-repeat top left;
	padding:3px 0 3px 8px;
	line-height:22px;
}
.packageBottom {
	background:url(../images/packageDots.gif) repeat-x top left;
	height:75px;
	font-size:11pt;
}
.packageBottomWrap {
	background:url(../images/packageBG.gif) no-repeat top left;
	height:75px;
	padding:39px 40px 0 0;
	text-align:right;
}
.packageBottom a:link, .packageBottom a:visited {
	color:#4d565c;
	text-decoration:underline;
}
.packageBottom a:hover {
	color:#f37800;
}

/* Content - Portfolio Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingPortfolio { 
	background:url(../images/headingPortfolio.gif) no-repeat top left;
	text-indent: -999em;
	width:354px;
	height:22px;
}
.featured {
	font-style:italic;
}
#portfolio {
	float:left;
	margin:0;
	height:auto;	
	width:460px;
	padding-right:16px;
}
#portfolioImage {
	width:457px;
	padding-top:10px;
	float:right;
	margin:0;
	height:auto;
}
#portfolioImage img {
	display:block;
}
#portfolioImage a:link, #portfolioImage a:visited {
	background:url(../images/portfolioBox.gif) no-repeat top left;
	width:451px;
	height:374px;
	display:block;
	padding:3px;
}

/* Content - Contact Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headingContact { 
	background:url(../images/headingContact.gif) no-repeat top left;
	text-indent: -999em;
	width:420px;
	height:22px;
}
.contactForm label{
	float: left;
	width: 180px;
}

.contactForm input, .contactForm textarea {
	background:#fff;
	border:1px solid #c3c3c3;
	padding:3px;
	width: 423px;
	margin-bottom: 5px;
}
.contactForm select {
	background:#fbffe4;
	border:1px solid #c3c3c3;
	padding:3px;
	width: 431px;
	margin-bottom: 5px;
}
.contactForm textarea{
	width: 423px;
	height: 150px;
}
.contactForm #submitbutton{
	border:0;
	padding:0;
	float:right;
	width:137px;
	height:27px;
	margin-top: 5px;
}
.contactForm br {
clear: left;
}
.testimonials {
	background:#fbfff6;
	border:1px solid #d5e9c5;
	color:#525c4d;
}
.testimonials h3 {
	color:#4e952c;
	padding-top:18px;
	text-align:center;
}
.testimonialsTopQuote {
	background:url(../images/topQuote.gif) no-repeat top left;
}
.testimonialsBottomQuote {
	background:url(../images/bottomQuote.gif) no-repeat bottom right;
	padding:0 15px;
}
.testimonials strong {
	color:#000;
	font-size:8pt;
}
#fcf2 em {
color:#F00;
}
#fcf2 .req {
font-weight:bold;
}
.spamprevent input {
	width:100px;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	background:url(../images/footerBG.gif) repeat-x top left;
	height:168px;
	color:#6e6e6e;
}
.footerTop {
	background:url(../images/footerSplit.gif) no-repeat bottom left;
	height:59px;
	padding:17px 20px 0 20px;
}
.footerOrder {
	float:right;
	padding-top:7px;
}
.footerNav {
	padding:5px 0;
	color:#565656;
}
.footerNav a:link, .footerNav a:visited {
	color:#a2a2a2;
}
.footerNav a:hover {
	color:#6da12f;
}
.copyright {
	font-size:8pt;
}
.copyright a:link, .copyright a:visited {
	color:#6da12f;
}
.copyright a:hover {
	color:#a2a2a2;
}
.footerBottom {
	padding:18px 20px;
	font-size:8pt;
}
.footerLogo {
	float:right;
}
.bottomLocation {
	background:url(../images/bottomBullet.gif) no-repeat left;
	padding:12px 0 12px 18px;
}
.bottomLocation a:link, .bottomLocation a:visited {
	color:#c8c8c8;
}
.bottomLocation a:hover {
	color:#fff;
}
.bottomLocation strong {
	color:#6e6e6e;
	font-weight:400;
}