/*************************************************************************************************/
/* UNIVERSAL Selectors */
/*************************************************************************************************/
*
{
	padding: 0;
	margin: 0;
}

/*************************************************************************************************/


/*************************************************************************************************/
/* ELEMENT Selectors */
/*************************************************************************************************/

/* BLOCK Elements */

html
{
	display:block;
}

body
{
	background: #315f75 url(../images/bodyBg.gif) 0px 0px repeat-x;
	color: #15313c;
	display:block;
	font: 81.25%/1.2 Arial, Helvetica, sans-serif;
}

div
{
	display:block;
}

h1
{
	background: 0px 0px no-repeat;
	display:block;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	width: 500px;
}

body.home h1 { background-image:url(../images/whosV3WhyDoWeExistH1.gif); /*left: -9999px; position: absolute;*/ }
body.disclaimer h1 { background-image:url(../images/disclaimerH1.gif); }
body.firstStepAdwords h1 { background-image:url(../images/firstStepsAdWordsH1.gif); }
body.whatIsAdWords h1 { background-image:url(../images/whatIsAdWordsH1.gif); }
body.howAdWordsWorks h1 { background-image:url(../images/howAdWordsWorksH1.gif); }
body.step2WebsiteOptimisation h1 { background-image:url(../images/step2WebsiteOptimisationH1.gif); }
body.step3OnlineAdvertising h1 { background-image:url(../images/step3OnlineAdvertisingH1.gif); }
body.mainstreamAdvertising h1 { background-image:url(../images/mainstreamAdvertisingH1.gif); }
body.whosV3WhyDoWeExist h1 { background-image:url(../images/whosV3WhyDoWeExistH1.gif); }
body.whatWeDoForYou h1 { background-image:url(../images/whatWeDoForYouH1.gif); }
body.takeTheFirstStepYourself h1 { background-image:url(../images/takeTheFirstStepYourselfH1.gif); }
body.whatsTheDamage h1 { background-image:url(../images/whatsTheDamageH1.gif); }
body.contactUs h1 { background-image:url(../images/contactUsH1.gif); }
body.resources h1 { background-image:url(../images/resourcesH1.gif); }
body.payment h1 { background-image:url(../images/paymentH1.gif); }
body.richMediaAds h1 { background-image: url(../images/bannerAds1.gif); }

body.searchEngineMarketing h1 { background-image: url(../images/searchEngineMarketingH1.gif); }
body.payPerClickManagement h1 { background-image: url(../images/payPerClickManagementH1.gif); }
body.searchEngineOptimisation h1 { background-image: url(../images/searchEngineOptimisationH1.gif); }

h2 { display:block; font-size: 1.5em; font-weight:bold; margin: 1em 0em 1em 0em; }
h3 { display:block; font-size: 1.25em; font-weight:bold; margin: 1em 0em 1em 0em; }
h4 { display:block; font-size: 1; font-weight:bold; margin: 1em 0em 1em 0em; }
h5 { display:block; font-size: 1; font-weight:bold; margin: 1em 0em 1em 0em; }
h6 { display:block; font-size: 1em; font-weight:bold; margin: 1em 0em 1em 0em; }

p
{
	display:block;
	margin: 1em 0em 1em 0em;
}


/* INLINE Elements */
a
{
	color: #15313c;
	text-decoration: underline;
}

a:hover
{
	color: #ff0000;
}

img { border: none; }
small { font-size: 80%; }
strong { font-weight:bold; }
em { font-style:italic; }
sub { vertical-align: text-bottom; font-size: 75%; line-height:normal; }
sup { vertical-align: text-top; font-size: 75%; line-height:normal; }

/* FORM Elements */

form
{
	background: #dbe3e1;
	display:block;
	margin: 20px auto 20px auto;
	padding: 20px 20px 20px 20px;
	position: relative;
	width: 400px;
}

form.base
{
	background: none;
	display: block;
	margin: 20px auto 20px auto;
	padding: 20px 20px 20px 20px;
	position: relative;
	width: auto;
}

form div
{
	margin: 0px 0px 8px 0px;
}

form div.formTop { background: url(../images/formTop.gif) 0px 0px repeat-x; height: 10px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; margin: 0; padding: 0; }
form div.formBottom { background: url(../images/formBottom.gif) 0px 0px repeat-x; height: 10px; left: 0px; position: absolute; bottom: 0px; width: 100%; z-index: 1; margin: 0; padding: 0; }
form div.formLeft { background: url(../images/formLeft.gif) 0px 0px repeat-y; height: 100%; left: 0px; position: absolute; top: 0px; width: 10px; z-index: 1; margin: 0; padding: 0; }
form div.formRight { background: url(../images/formRight.gif) 0px 0px repeat-y; height: 100%; right: 0px; position: absolute; bottom: 0px; width: 10px; z-index: 1; margin: 0; padding: 0; }

form div.formTopLeft { background: url(../images/formTopLeft.gif) top left no-repeat; height: 10px; left: 0px; position: absolute; top: 0px; width: 10px; z-index: 2; margin: 0; padding: 0; }
form div.formTopRight { background: url(../images/formTopRight.gif) top left no-repeat; height: 10px; position: absolute; right: 0px; top: 0px; width: 10px; z-index: 2; margin: 0; padding: 0; }
form div.formBottomLeft { background: url(../images/formBottomLeft.gif) top left no-repeat; bottom: 0px; height: 10px; left: 0px; position: absolute; width: 10px; z-index: 2; margin: 0; padding: 0; }
form div.formBottomRight { background: url(../images/formBottomRight.gif) top left no-repeat; bottom: 0px; height: 10px; position: absolute; right: 0px; width: 10px; z-index: 2; margin: 0; padding: 0; }

form div.textFieldOnLeft label
{
	float: left;
	font-weight: bold;
	margin: 0px 20px 0px 0px;
	padding: 3px 0px 0px 0px;
	width: 30%;
}

form div.textFieldOnLeft input
{
	width: 60%;
}

form div.formButtons
{
	margin: 15px 0px 0px 0px;
	text-align: right;
	width: 96%;
}

form div.textAreaBelow
{
	margin: 15px 0px 10px 0px;
}

form div.textAreaBelow label
{
	display: block;
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
}

form div.textAreaBelow textarea
{
	height: 5em;
	width: 96%;
}

form textarea
{
	font: 100%/1.2 Arial, Helvetica, sans-serif;
	padding: 3px;
}

form label.error, form div.textFieldOnLeft label.error
{
	color: #ff0000;
	display: block;
	float: none;
	padding: 5px 0px 5px 0px;
	text-align: right;
	width: auto;
}

div.recaptcha_input_area label.error 
{
	font-weight: bold;
	position: relative;
	top: 45px;
	left: -30px;
	width: 300px;
}

div#captchaStatus
{
	color: #ff0000;
	font-weight: bold;
	padding-top: 10px;
}


/* LIST Elements */

dl
{
	display:block;
	margin: 2em 0em 2em 0em;
}

dt
{
	display:block;
}

dd
{
	display: block;
	margin: 0em 0em 1em 0em;
}

ol
{
	list-style-position: outside;
	list-style-type: decimal;
	margin: 2em 0em 2em 4em;
}

ol li
{
	margin: 0em 0em 0.5em 0em;
}

ul
{
	list-style-position: inside;
	list-style-type: disc;
	margin: 2em 0em 2em 2em;
}

ul li
{
	margin: 0em 0em 0.5em 0em;
}

/* TABLE Elements */

table
{
	border: 1px solid #4d6d60;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 2em 0em 2em 0em;
	color: #15313c;
	width: 100%;
}

td
{
	background: #a6b6af;
	border: 1px solid #ffffff;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	color: #15313c;
}

th
{
	background: #15313c;
	border: 1px solid #ffffff;
	font-size: 108%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
}

caption
{
	text-align: center;
}

tr.alt td
{
	background: #becfc6;
}


/*************************************************************************************************/


/*************************************************************************************************/
/* CLASS, ATTRIBUTE, and PSEUDO Selectors */
/*************************************************************************************************/

.centerImg
{
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.centerImg img
{
	margin: 0px 25px 0px 0px;
	vertical-align: middle;
}

.clearAll
{
	clear: both;
	height: 0px;
	zoom: 1;
}

body.home div.showcase
{
	background: left bottom no-repeat;
	float: left;
	height: 230px;
	margin: 10px 0px 15px 10px;
	padding: 40px 15px 0px 105px;
	position: relative;
	width: 240px;
}

body.home div.whoAreWe { background-image: url(../images/homeWhoAreWeBg.gif); color: #15313c; }
body.home div.firstStep { background-image: url(../images/homeFirstStepBg.gif); color: #07245e; }
body.home div.secondStep { background-image: url(../images/homeSecondStepBg.gif); color: #07245e; }
body.home div.thirdStep { background-image: url(../images/homeThirdStepBg.gif); color: #07245e; }



body.home div.showcase h2
{
	background: 0px 0px no-repeat;
	height: 30px;
	left: 15px;
	position: absolute;
	text-indent: -9999px;
	top: -10px;
	width: 340px;
}

body.home div.whoAreWe h2 { background-image: url(../images/homeH2WhoAreWe.gif); }
body.home div.firstStep h2 { background-image: url(../images/homeH2FirstStep.gif); }
body.home div.secondStep h2 { background-image: url(../images/homeH2SecondStep.gif); }
body.home div.thirdStep h2 { background-image: url(../images/homeH2ThirdStep.gif); }

body.home div.borderRight
{
	border-right: 1px solid #82a880;
}

div.sepHor
{
	border-top: 1px solid #82a880;
	clear: both;
	margin: 0px 15px 0px 15px;
	padding: 5px 0px 0px 0px;
}

ol.footnotes
{
	font-size: 80%;
}

div.address
{
	margin: 0em 0em 1em 0em;
}

div.address p
{
	margin: 0em 0em 0.3em 0em;
}

p.errorMessage
{
	color: #ff0000;
	text-align: right;
}

span.error
{
	color: #ff0000;
}

/*************************************************************************************************/


/*************************************************************************************************/
/* ID Selectors */
/*************************************************************************************************/

#banner
{
	background: #112d38 url(../images/defaultBanner.jpg) 0px 0px no-repeat;
	height: 133px;
	margin: 0px 7px 10px 0px;
	overflow: hidden;
	position: relative;
}

#banner p
{
	position: absolute;
	left: -9999px;
}

#banner a
{
	display: block;
	height: 70px;
	left: 0px;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	width: 150px;
	z-index: 5;
}

#banner #flashBanner
{
	z-index: 1;
}


body.home #banner{ background-image: url(../images/homeBanner.jpg); height: 255px; }
body.firstStepAdwords #banner{ background-image: url(../images/firstStepsAdWordsBanner.jpg); }
body.whatIsAdWords #banner{ background-image: url(../images/whatIsAdWordsBanner.jpg); }
body.howAdWordsWorks #banner{ background-image: url(../images/howAdWordsWorksBanner.jpg); }
body.step2WebsiteOptimisation #banner{ background-image: url(../images/step2WebsiteOptimisationBanner.jpg); }
body.step3OnlineAdvertising #banner{ background-image: url(../images/step3OnlineAdvertisingBanner.jpg); }
body.mainstreamAdvertising #banner{ background-image: url(../images/mainstreamAdvertisingBanner.jpg); }
body.whosV3WhyDoWeExist #banner{ background-image: url(../images/whosV3WhyDoWeExistBanner.jpg); }
body.whatWeDoForYou #banner{ background-image: url(../images/whatWeDoForYouBanner.jpg); }
body.takeTheFirstStepYourself #banner{ background-image: url(../images/takeTheFirstStepYourselfBanner.jpg); }
body.whatsTheDamage #banner{ background-image: url(../images/whatsTheDamageBanner.jpg); }
body.contactUs #banner{ background-image: url(../images/contactUsBanner.jpg); }

#content
{
	background: url(../images/contentBg.png) 0px 0px repeat-y;
	float: left;
	min-height: 500px;
	padding: 0px 8px 0px 8px;
	position: relative;
	width: 747px;
}

#content #mainContent
{
	margin: 15px 15px 15px 15px;
	padding: 0px 0px 0px 0px;
}

body.heroLeft #content #mainContent
{
	background: 0px 0px no-repeat;
	margin: 15px 15px 0px 0px;
	min-height: 350px;
	padding: 0px 0px 15px 170px;
}

body.home #content #mainContent{ background-image: url(../images/whosV3WhyDoWeExistHero.jpg); }

body.firstStepAdwords #content #mainContent{ background-image: url(../images/firstStepsAdWordsHero.jpg); }
body.whatIsAdWords #content #mainContent{ background-image: url(../images/whatIsAdWordsHero.jpg); }
body.howAdWordsWorks #content #mainContent{ background-image: url(../images/howAdWordsWorksHero.jpg); }
body.step2WebsiteOptimisation #content #mainContent{ background-image: url(../images/step2WebsiteOptimisationHero.jpg); }
body.step3OnlineAdvertising #content #mainContent{ background-image: url(../images/step3OnlineAdvertisingHero.jpg); }
body.mainstreamAdvertising #content #mainContent{ background-image: url(../images/mainstreamAdvertisingHero.jpg); }
body.whosV3WhyDoWeExist #content #mainContent{ background-image: url(../images/whosV3WhyDoWeExistHero.jpg); }
body.whatWeDoForYou #content #mainContent{ background-image: url(../images/whatWeDoForYouHero.jpg); }
body.takeTheFirstStepYourself #content #mainContent{ background-image: url(../images/takeTheFirstStepYourselfHero.jpg); }
body.whatsTheDamage #content #mainContent{ background-image: url(../images/whatsTheDamageHero.jpg); }
body.contactUs #content #mainContent{ background-image: url(../images/contactUsHero.jpg); }

body.searchEngineMarketing #content #mainContent { background-image:url(../images/searchEngineMarketingHero.jpg); }
body.payPerClickManagement #content #mainContent{ background-image: url(../images/payPerClickManagementHero.jpg); }
body.searchEngineOptimisation #content #mainContent{ background-image: url(../images/searchEngineOptimisationHero.jpg); }

#content #testimonial
{
	background: top center no-repeat;
	border-bottom: 1px solid #82a880;
	height: 120px;
	margin: 10px 15px 10px 15px;
	text-align: center;
}

body.firstStepAdwords #content #testimonial{ background-image: url(../images/firstStepsAdWordsTestimonial.gif); }
body.whatIsAdWords #content #testimonial{ background-image: url(../images/whatIsAdWordsTestimonial.gif); }
body.howAdWordsWorks #content #testimonial{ background-image: url(../images/howAdWordsWorksTestimonial.gif); }
body.step2WebsiteOptimisation #content #testimonial{ background-image: url(../images/step2WebsiteOptimisationTestimonial.gif); }
body.step3OnlineAdvertising #content #testimonial{ background-image: url(../images/step3OnlineAdvertisingTestimonial.gif); }
body.mainstreamAdvertising #content #testimonial{ background-image: url(../images/mainstreamAdvertisingTestimonial.gif); }
body.whosV3WhyDoWeExist #content #testimonial{ background-image: url(../images/whosV3WhyDoWeExistTestimonial.gif); }
body.whatWeDoForYou #content #testimonial{ background-image: url(../images/whatWeDoForYouTestimonial.gif); }
body.takeTheFirstStepYourself #content #testimonial{ background-image: url(../images/takeTheFirstStepYourselfTestimonial.gif); }
body.whatsTheDamage #content #testimonial{ background-image: url(../images/whatsTheDamageTestimonial.gif); }
body.contactUs #content #testimonial{ background-image: url(../images/whosV3WhyDoWeExistTestimonial.gif); }

#content #testimonial p
{
	text-indent: -9999px;
}

#footer
{
	background: #112d38;
	clear: both;
	margin: 8px 7px 0px 0px;
}

#footer ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 40px 200px;
}

#footer ul li
{
	background: none;
	border-right: 1px solid #7e98a5;
	color: #7e98a5;
	display: inline;
	font-size: 85%;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 0px;
}

#footer ul li a
{
	color: #7e98a5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#footer ul li a:hover
{
	color: #ff0000;
	text-decoration: underline;
}

#nav
{
	background: url(../images/navBg.png) 0px 0px no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	min-height: 480px;
	padding: 20px 0px 0px 0px;
	width: 194px;
}

#nav ul
{
	color: #ffffff;
	list-style-position: outside;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav ul li
{
	background: url(../images/navBullet.gif) 0px 6px no-repeat;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 15px;
}

#nav ul li a
{
	background: url(../images/navItemBg.png) 100px 0px no-repeat;
	color: #ffffff;
	display: block;
	font-size: 92%;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 0px;
	text-decoration: none;
}

#nav ul li a:hover
{
	background-position: 10px -80px;
}

#nav div#articles h3
{
	color: #ffffff;
	font-size: 118%;
	margin: 30px 0px 10px 10px;
}

#nav div#articles ul
{
	color: #ffffff;
	list-style-position: outside;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav div#articles ul li
{
	background: none;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
}

#nav div.other
{
	display: block;
}

#nav div.other h3
{
	color: #ffffff;
	font-size: 118%;
	margin: 30px 0px 10px 10px;
}

#nav div.other ul
{
	color: #ffffff;
	list-style-position: outside;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav div.other ul li
{
	background: none;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
}



#page
{
	margin: 0px auto 0px auto;
	width: 957px;
}

p.lead
{
	font-size: 118%;
	font-weight: bold;
}

table td.client, table td.keyword
{
	text-align: left;
}

/*************************************************************************************************/