/* Start of CMSMS style sheet 'vdpw' */
@charset "utf-8";
/* Tony D Trinh @ VDP WEBSITES 13.02.2009 / VDP WEBSITES 2.0 / NORMAL VERSION
--------------------------------------------------------------------------- */
/*
-- #id, .class, top right bottom left
-- Font: 12px Verdana, Arial, Helvetica, sans-serif;
-- Colors:
	#000000 = black
	#ffffff = white
	#333333 = grey-dark
	#cccccc = grey-footer
	#eaeaea = grey-light
	#3257a2 = blue
*/
/* Main
--------------------------------------------------------------------------- */
html { /* Chrome Bg display fix */
	height: 100%;
}
body {
	background-color: #cccccc;
	margin: 0 auto;
	text-align: center;
}
#top {
	background: #ffffff url(images/layout/headBg.gif) repeat-x;
	width: 100%;
	padding: 0 0 5px 0;
}
#header {
	width: 900px;
	height: 160px;
	background: url(images/layout/header.png) no-repeat;
	margin: 0 auto;
	position: relative;
}
h1 {
	text-indent: -9999px;
}
#header .h1Link {
	display: block;
	width: 330px;
	height: 70px;
	position: absolute;
	top: 62px;
	left: 0;
}
#header .h1Link span {
	display: none;
}
#middle {
	background: url(images/layout/navBg.gif) repeat-x;
	width: 100%;
	padding: 0 0 15px 0;
	background-color: #ffffff;
}
#lower {
	width: 100%;
	background-color: #ffffff;
	padding: 0 0 15px 0;
}
#inner-lower {
	background: url(images/layout/contentSep.gif) repeat-y top right;
	width: 900px;
	margin: 0 auto;
}
.clear {
	overflow: hidden;
	height: 0;
	clear: both;
	text-indent: -9999px;
}
#row {
border-bottom: 1px dashed #868686;
padding-bottom: 7px;
margin-bottom: 12px;
}

.image {
padding: 1px;
border: 1px solid #868686;
}

.campaign {
	color: #333333;
	line-height: 16px;
	padding: 0 15px 15px 15px;
}
/* Divs
--------------------------------------------------------------------------- */
#left {
	float: left;
	text-align: left;
	width: 645px;
}
#right {
	float: right;
	text-align: left;
	width: 224px;
}
#content {
	text-align: left;
	margin: 0 0 -10px 0;
}
#wrap {
	margin: 0 0 -15px 0;
}
/* Navigation
--------------------------------------------------------------------------- */
#navigation {
	width: 899px;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 1px;
	background: url(images/layout/navBar.gif) top left no-repeat;
}
#navigation li {
	list-style: none;
}
#navigation a {
	display: block;
	float: left;
	height: 30px;
	padding: 15px 15px 0 15px;
	Font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/layout/navButton.gif) no-repeat top right;
}
#navigation .active {
	background-position: 100% -90px;
}
#navigation a:hover {
	background-position: 100% -45px;
}
#navEnd {
	width: 190px;
	height: 30px;
	background-image: url(images/layout/navEnd.gif);
}
/* Contact
--------------------------------------------------------------------------- */
#contact {
	background: #eaeaea url(images/layout/contactTop.jpg) no-repeat top left;
	width: 217px;
	padding: 200px 0 0 7px;
	text-align: left;
	margin: 0 0 15px 0;
	position: relative;
} 
#contact p {
	padding: 0;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #333333;
}
#contact a {
	/*background: url(images/layout/privacyButton.gif) no-repeat;
	display: block;
	width: 62px;
	height: 22px;
	position: absolute;
	left: 49px;
	top: 360px;*/
}
#contact a span {
	display: none;
}
#contact .button {
	border: none;
	width: 62px;
	height: 22px;
	margin: 0;
	position: absolute;
	top: 390px;
	left: 80px;
}
#contact .input {
	font-size: 12px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	width: 208px;
	height: 18px;
	padding: 0;
}
#contactBottom {
	background: url(images/layout/contactBottom.gif) no-repeat bottom left;
	text-align: center;
	padding: 0 0 36px 0;
	width: 224px;
	margin: 0 0 0 -7px;
}
/* Sidebar Elements
--------------------------------------------------------------------------- */
#right .forms {
	padding: 0;
	margin: 0;
}
#freecall { /* EDITED */
	background: url(images/layout/freeCallBg.gif) no-repeat;
	width: 206px;
	height: 44px;
	text-align: center;
	padding: 7px 0 0 18px;
	margin: 0 0 15px 0;
}

#adwordsindividual {
        margin-top: 35px;
        width: 224px;
	text-align: center;
}

#newsletter {
	background: url(images/layout/side_borderBot.gif) no-repeat bottom left;
	width: 224px;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	text-align: center;
}
#newsletter #newsletter_top {
	background: url(images/layout/newsLetter.jpg) no-repeat top left;
	width: 224px;
	height: 118px;
}
#newsletter .input {
	font-size: 12px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	width: 208px;
	height: 18px;
	margin: 0 0 7px 0;
}
#newsletter .button {
	border: none;
	width: 125px;
	height: 22px;
	padding: 0;
	margin: 0;
}
#blog {
	background: url(images/layout/side_borderBot.gif) no-repeat bottom left;
	width: 224px;
	padding: 0 0 7px 0;
	margin: 0;
	text-align: center;
}
#blog #blog_top {
	background: url(images/layout/lukesBlog.jpg) no-repeat top left;
	width: 224px;
	height: 95px;
}
#blog a {
	background: url(images/layout/visitBlogButton.gif) no-repeat;
	display: block;
	width: 125px;
	height: 22px;
	margin: 0 auto;
}
#blog a span {
	display: none;
}
/* Page Headings
--------------------------------------------------------------------------- */
#h_featured {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_feature.png) no-repeat;
	margin: 0 0 15px 0;
	position: relative;
	text-indent: -9999px;
}
#h_featured .moreLink {
	display: block;
	width: 70px;
	height: 12px;
	position: absolute;
	top: 17px;
	left: 560px;
	/* relative - absolute positioning. Set outer div to relative, then absolute the element inside to make it to make it 'relative' to the outer div, skillz */
}
#h_wdesign {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_wdesign.png) no-repeat;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
#h_marketing {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_marketing.png) no-repeat;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
#h_about {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_about.png) no-repeat;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
#h_portfolio {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_portfolio.png) no-repeat;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
#h_contact {
	width: 645px;
	height: 45px;
	background: url(images/layout/h_contact.png) no-repeat;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
/* Feature Box
--------------------------------------------------------------------------- */
#featurebox {
	width: 645px;
	background: url(images/layout/fb_top.png) no-repeat;
	margin: 0 0 15px 0;
}
#featurebox h5 {
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}
#fbdesc a {
	text-decoration: none;
	color: #1e6119;
	font: italic 12px/12px Georgia, "Times New Roman", Times, serif;
	display: block;
	width: 50px;
	margin: 0 0 12px 0;
}
#fbdesc a:hover {
	color: #ffffff;
}
#fbdesc {
	float: left;
	width: 308px;
	margin: 32px 30px 0 36px;
}
#featurebox p {
	padding: 12px 0 0 0;
	margin: 0;
	font-size: 11px;
	color: #ffffff;
}
#featurebox .fbimage {
	display: block;
	width: 227px;
	padding: 36px 0 0 0;
}
#featurebox p a {
	margin: 0;
	display: inline;
	text-decoration: none;
	color: #ffffff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#featurebox p a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#fbfooter {
	margin: 29px 0 0 0;
	width: 645px;
	height: 6px;
	overflow: hidden;
	background: url(images/layout/fb_bot.gif) no-repeat;
}
/* Portfolio Box
--------------------------------------------------------------------------- */
.portbox {
	width: 645px;
	background: url(images/layout/pb_top.png) no-repeat;
	margin: 0 0 15px 0;
}
.portbox h5 {
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}
.pbdesc a {
	text-decoration: none;
	color: #1e6119;
	font: italic 12px/12px Georgia, "Times New Roman", Times, serif;
	display: block;
	width: 50px;
	margin: 0 0 12px 0;
}
.pbdesc a:hover {
	color: #ffffff;
}
.pbdesc {
	float: left;
	width: 308px;
	margin: 32px 30px 0 36px;
}
.portbox p {
	padding: 12px 0 0 0;
	margin: 0;
	font-size: 11px;
	color: #ffffff;
}
.portbox .pbimage {
	display: block;
	width: 227px;
	padding: 36px 0 0 0;
}
.pbfooter {
	margin: 29px 0 0 0;
	width: 645px;
	height: 52px;
	background: url(images/layout/pb_bot.gif) no-repeat;
	position: relative;
}
.pbfooter .topLink {
	display: block;
	width: 57px;
	height: 31px;
	position: absolute;
	top: 21px;
	left: 294px;
}
/* Port Side
--------------------------------------------------------------------------- */
.portside {
	width: 224px;
	background: url(images/layout/portside_box.gif) no-repeat;
	padding: 7px 0 0 0;
	text-align: center;
}
.portsidebot {
	width: 224px;
	height: 7px;
	overflow: hidden;
	background: url(images/layout/portside_bot.gif) no-repeat;
}
.portside a {
	display: block;
	Font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #333333;
	width: 210px;
	height: 23px;
	text-decoration: none;
	background: url(images/layout/portside_button.gif) no-repeat top right;
	margin: 6px 0 0 7px;
	padding: 5px 0 0 0;
}
.portside .active {
	background-position: 0 -28px;
	color: #ffffff;
}
#right .portsidesep {
	background: url(images/layout/portside_sep.gif) no-repeat;
	display: block;
	width: 224px;
	height: 6px;
	overflow: hidden;
	margin: 15px 0;
}
/* Formatting
--------------------------------------------------------------------------- */
#content ul {
	list-style: disc;
	padding: 0 15px 5px 31px;
	margin: 0;
	color: #333333;
}
#content li {
	padding: 0 0 10px 0;
}
h3 {
	color: #333333;
	padding: 6px 0 15px 0;
	background: url(images/layout/h2bg.gif) no-repeat;
	Font: 28px Georgia, "Times New Roman", Times, serif;
	text-indent: 29px;
	width: 645px;
	height: 38px;
}
h4 {
	color: #a24c32;
	padding: 0 0 10px 0;
	Font: 20px Verdana, Arial, Helvetica, sans-serif;
}
p {
	color: #333333;
	line-height: 16px;
	padding: 0 15px 15px 15px;
}
#content .image {
	background-color: #ffffff;
	padding: 1px;
	margin: 10px auto;
	display: block;
	border: 1px solid #cccccc;
}
#content a:hover {
	text-decoration: none;
}
/* Footer
--------------------------------------------------------------------------- */
#footer {
	background: #cccccc url(images/layout/footerSep.gif) repeat-x top left;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	color: #333333;
	padding: 15px 0;
}
#footer p span {
	Font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#footer p {
	Font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}
#footer a {
	margin: 0 auto;
	display: block;
	background: url(images/layout/logo.jpg) no-repeat;
	width: 73px;
	height: 85px;
	color: #ffffff;
}
#footer a span {
	display: none;
}
#footer a:hover {
	background-position: 0 -85px;
}
.pbimage {
	display: block;
	padding: 4px;
        border: 1px solid grey;
}

/* -----------EXTRAS TABLE ---------------*/

#extrastable {
     width: 545px; 
     border-collapse: collapse;
margin-left: 15px;
color: #333333;
}
#extrastable td {
border-bottom: 1px solid #CBCBCB;
}
/* End of 'vdpw' */