/* **************************************************************************************
 	************************************************************************************
	WEBSITE NAME: Adz Power Agencies
	WEBSITE URI: http://www.adzpower.com.au
	DESCRIPTION: A two column, dark & light agency layout
	VERSION: 2.0
	AUTHOR: Adz Power Agencies
	AUTHOR URI: http://www.adzpower.com.au
	************************************************************************************
**************************************************************************************** */ 
	

/* ******************************************************** */ 
	/* Colors used:                                	*/
	/* --------------------------------------------	*/
	/* HEX #282828 = MID GREY						*/
	/* HEX #0F0F0F = DARK GREY						*/
	
	/* HEX #FFFFFF = WHITE							*/
	/* HEX #F4F4F4 = OFF WHITE						*/
	
	/* HEX #97A6D4 = CORNFLOUR BLUE					*/
	/* HEX #61709E = DARK CORNFLOUR BLUE			*/
	/* HEX #0055A5 = ADZ POWER BLUE					*/
	/* HEX #A99A6F = GOLD							*/
	
	/* HEX #BFD4E8 = LIGHT BLUE						*/

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


/* --- -=GLOBAL=- ----------------------
---------------------------------------- */
body, html {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #F4F4F4;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.05em;
	font-size: 9pt;
	color: #333;
}

.cleanform * { 
	margin: 0;
	padding: 0
}


/* --- -=GLOBAL TYPOGRAPHY=- -----------
---------------------------------------- */
/* --- -=TEXT=- --- */
h1 {
	font-size: 10pt;
	color: #61709e;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 5px 3px;
}

h2 {
	font-size: 9pt;
	color: #0055A5;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 10px 0 5px 3px;
}

h3 {
	font-size: 8pt;
	color: #0F0F0F;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 5px 3px;
}

p {
	margin: 0;
	padding: 0 0 15px 6px;
}

b {
	font-weight: 100;
}

/* --- -=PAGE HEADER BACKGROUNDS=- --- */
.advertising, .design, .events, .journalism,
.production, .website-design, .graphic-design,
.television-commercials, .agency-clients, .website-clients,
.test, .contact, .jobs, .thankyou, .about, .privacy, .sitemap  {
	width: 660px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: top left;
}

.advertising {
	background-image: url(images/text/advertising-bg.png);
}

.design {
	background-image: url(images/text/design-bg.png);
}

.events {
	background-image: url(images/text/events-bg.png);
}

.journalism {
	background-image: url(images/text/journalism-bg.png);
}

.production {
	background-image: url(images/text/production-bg.png);
}

.website-design {
	background-image: url(images/text/website-design-bg.png);
}

.graphic-design {
	background-image: url(images/text/graphic-design-bg.png);	
}

.television-commercials {
	background-image: url(images/text/television-commercial-bg.png);
}

.agency-clients {
	background-image: url(images/text/testimonials-agency-bg.png);
}

.website-clients {
	background-image: url(images/text/testimonials-web-bg.png);
	background-repeat: no-repeat;
}

.test {
	background-image: url(images/text/effectiveness-test-bg.png);
	
}

.contact {
	background-image: url(images/text/contact-bg.png);
}

#content .contact {
	margin-top: 30px;
}

.jobs {
	background-image: url(images/text/jobs-bg.png);
}

.thankyou {
	background-image: url(images/text/contact-bg.png);
}

.about {
	background-image: url(images/text/about-bg.png);
}

.privacy {
	background-image: url(images/text/privacy-bg.png);
}

.sitemap {
	background-image: url(images/text/sitemap-bg.png);
}

/* --- -=IMAGE ALIGN=- --- */
.alignleft {
	float: left;
	margin: 2px 8px 0 0;
}

.alignright {
	float: right;
	margin: 2px 0 0 8px;
}

.aligncenter {
	margin: 0 auto;
	display: block;
}

/* --- -=LINKS=- --- */
a, a:visited, a:active {
	color: #0055A5;
	text-decoration: none;
	padding-bottom: 1px;
	outline: none;
}

a:hover {
	color: #BFD4E8;
}

/* --- -=LISTS=- --- */
ul {
	margin: 10px 0 10px 40px;
	padding: 10px 0 10px 40px;
}

li {
	padding: 0 40px 10px 0;
	color: #696969;
	vertical-align: text-top;
}

ol {
	margin: 10px 0 10px 40px;
	padding: 10px 0 10px 40px;
}


/* --- -=BLOCKQUOTE=- --- */
.pQuote {
	color: #97A6D4;
}


/* --- -=RESETS=- --- */
.clear {
	clear: both;
}

.clearNav {
	width: 960px;
	height: 2px;
	margin: 0 auto;
}

.spacer {
	clear: both;
	width: 655px;
	height: 2px;
	margin: 15px auto;
	background-image: url(images/spacer.jpg);
	background-repeat: repeat-x;
}

img {
	border: none;
}

/* --- -=PNG FIX=- --- */
img, div { 
	behavior: url(iepngfix.htc);
}



/* --- -=GLOBAL STRUCTURE=- ------------
---------------------------------------- */
/* --- -=HEADER=- --- */
#header {
	width: 960px;
	height: 143px;
	margin: 0 auto;
	background-image: url(images/bg-header.jpg);
	background-repeat: no-repeat;
	position: relative;
	z-index: 1000;
}

/* -=LOGO=- */
#logo-container {
	width: 201px;
	height: 143px;
	float: left;
	margin: 0 0 0 80px;
}

#logo-container .box {
	width: 201px;
	height: 115px;
	padding-top: 18px;
}


/* -=CONTACT & NAV CONTAINER=- */
#contact-nav-container {
	width: 670px;
	height: 143px;
	float: right;
}

/* -=CONTACT CONTAINER=- */
#contact-container {
	width: 670px;
	height: 50px;
	position: relative;
	clear: both;
}

/* -=JOB VACANCY=- */
#job-vacancy {
	width: 180px;
	height: 50px;
	float: right;
}

/* -=CONTACT BUTTON=- */
#header #contactButton {
	width: 131px;
	height: 33px;
	float: right;
	margin: 0;
}

#header #contactButton ul {
	width: 131px;
	height: 33px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

#header #contactButton ul li {
	width: 131px;
	height: 33px;
	list-style-type: none;	
	margin: 0;
}

#header #contactButton ul li a {
	background-image: url(images/header-contact.png);
	display: block;
	letter-spacing: 1px;
	padding: 0 0 0 18px;
	color: #282828;
	text-decoration: none;
}

#header #contactButton ul li a:hover {
	background-image: url(images/header-contact.png);
	color: #97A6D4;
}

/* -=CONTACT NUMBER=- */
#contactNumber {
	width: 220px;
	height: 30px;
	float: left;
	margin: 0 0 0 240px;
}

/* -=NAV=- */
#nav {
	width: 470px;
	height: 40px;
	margin: 55px 50px 0 0;
	padding: 0;
	float: right;
	position: relative;
}

/* --- -=SERVICES=- --- */
#services-outer {
	width: 100%;
	height: 110px;
	border-top: 3px solid #ECECEC;
}

#services-inner {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
}

#services-buttons {
	width: 1000px;
	height: 110px;
	margin: 13px 0 0 0;
}

/* -=SERVICES BUTTONS=- */
#services-buttons .buttons {
	width: 182px;
	height: 80px;
	background-image: url(images/services-button-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin: 0 9px;
}

#services-buttons .buttons h1 {
	font-size: 7.5pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 13px 0 0 0;
}

#services-buttons .buttons p {
	font-size: 7pt;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #999;
}

#services-buttons .buttons img {
	width: 45px;
	height: 59px;
	float: left;
	margin: 0 0 0 5px;
}

#services-buttons a, a:visited {
	color: #6c5728;	
	text-decoration: none;
	padding-bottom: 1px;
}

#services-buttons a:hover {
	color: #2c2006;
}

/* --- -=WRAPPER=- --- */
#wrapper {
	width: 960px;
	margin: 20px auto 0 auto;
	text-align: left;
	background-image: url(images/bg-wrapper.png);
	background-position: top center;
	background-repeat: repeat-y;
}

/* --- -=CONTENT=- --- */
#content {
	width: 660px;
	float: left;
	text-align: left;
}

#content h1 {
	margin: 0;
	padding: 7px 4px 5px 0;
}

#content h3 {
	margin: 20px 0 5px 3px;
}

#content ul {
	list-style-image: url(images/list-style.png);
}

#content ol {
	list-style-type: lower-alpha;
}

#content ol li {
	color: #0055A5;
	font-weight: bold;
}

#content ol p {
	margin: 0;
	padding: 0;
	color: #696969;	
	font-weight: normal;
}

#content a, a:visited, a:active {
	color: #0055A5;
	text-decoration: none;
	padding-bottom: 1px;
	outline: none;
}

#content a:hover {
	color: #BFD4E8;
}


/* --- -=CUSTOM PAGE STRUCTURE=- -------
---------------------------------------- */
/* --- -=GLOBAL=- --- */
/* -=Benefits Section=- */
.benefits .heading {
	vertical-align: middle;
	margin: 10px 0 20px 2px;
}

p.benefits {
	margin: 0;
	padding: 0 20px 20px 40px;
}

/* -= Benefits Icons=- */
.benefits .benefits-icon {
	vertical-align: middle;
	padding: 0;
	margin: -8px 10px 0 40px;
}

/* -=Services Section=- */
.services .heading {
	vertical-align: middle;
	margin: 0 0 20px 0;
}

p.services {
	margin: 0;
	padding: 0 0 20px 5px;
}

/* -=Services Icons=- */
.services .icon {
	vertical-align: middle;
	padding: 0;
	margin: -8px 10px 0 0;
}

/* --- -=PORTFOLIOS PAGE=- --- */
.portfolio {
	width: 660px;
	margin: 10px 0 20px 0;
}
.img-bg {
	width: 285px;
	height: 200px;
	background-image: url(images/portfolio/img-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 20px 10px 20px;
	float: left;
}

.img-bg p {
	text-align: center;
	padding: 0;
	margin: -8px 0 0 0;
}

.img-bg a, a:visited {
	color: #97A6D4;
	text-decoration: none;
	padding-bottom: 1px;
}

.img-bg a:hover {
	color: #BFD4E8;
}

.img-bg img {
	width: 245px;
	height: 146px;
	margin: 19px 20px;
}

/* --- -=TESTIMONIALS PAGE=- --- */
/* -=Testimonials=- */
#content blockquote {
	width: 540px;
	background-image: url(images/mini-quotes-up.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#content blockquote p {
	padding: 5px 0 5px 25px;
	background-image: url(images/mini-quotes-down.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content cite {
	padding: 0 0 0 70px;
	color: #97A6D4;
}

#content .quote {
	padding: 0 0 20px 80px;
	color: #97A6D4;
	font-weight: bold;
}

#content .quote a, a:visited, a:active {
	color: #97A6D4; 
}

#content .quote a:hover {
	color: #A99A6F;
}

#content .quote-small {
	padding: 0 0 0 80px;
	color: #97A6D4;
	font-size: 8pt;
}

/* -=Testimonials Alt=- */
#content blockquote.alt {
	width: 540px;
	background-image: url(images/mini-quotes-alt-up.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#content blockquote.alt p {
	padding: 5px 0 5px 25px;
	background-image: url(images/mini-quotes-alt-down.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content cite.alt {
	padding: 0 0 0 70px;
	color: #A99A6F;
}

#content .quote-alt {
	padding: 0 0 20px 80px;
	color: #A99A6F;
	font-weight: bold;
}

#content .quote-alt a, a:visited {
	color: #A99A6F; 
}

#content .quote-alt a:hover {
	color: #97A6D4;
}

#content .quote-alt-small {
	padding: 0 0 0 80px;
	color: #A99A6F;
	font-size: 8pt;
}

/* --- -=JOBS PAGE=- --- */
#adobe {
	width: 660px;
	height: 100px;
	margin: 15px 0 30px 0;
}

#adobe .box {
	width: 110px;
	height: 100px;
	margin: 0 11px;
	float: left;
}

#adobe .box p {
	text-align: center;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;	
}

.skills {
	margin-bottom: 30px;
}

#adobe .box img {
	display: block;
	margin: 0 auto 10px;
}


/* --- -=CONTACTS PAGE=- --- */
/******************************
***** Nick's Contact Form *****
******************************/

/* Validation DIV
********************/
#validation {
	width:400px;
	margin:0 auto 0 auto;
	}
	
/* If successful */
.success {
	background-color:#009966;
	}
	
.success p {
	color:#FFF;
	font-weight:bold;
	margin:0;
	padding:5px;
	}
	
span.cool {
	font-weight:normal;
	}

/* If unsuccessful */
.failure {
	background-color:#FF5E5E;
	}
	
.failure p {
	color:#000;
	font-weight:bold;
	margin:0;
	padding:5px;
	}
	
span.uncool {
	font-weight:bold;
	color:#FF0000;
	}

/* Form
********************/
form#mailer {
	width:400px;
	margin:10px auto 0 auto;
	clear:both;
	}

/* Labels */
form label {
	width:100%;
	margin:0 0 10px 0;
	text-align:left;
	float:left;
	clear:both;
	display:block;
	}
	
form label span {
	float:left;
	}
	
form label small {
	font-size:10px;
	color:#FF0000;
	margin:0 0 0 5px;
	}
	
form label span.captcha {
	margin:5px 0 5px 0px;
	top:0;
	clear:both;
	float:left;
	}
	
/* Input Areas */
form label input {
	width:350px;
	margin:2px 0 10px 0;
	border:1px solid #CCC;
	clear:both;
	float:left;
	}
	
form label textarea {
	width:400px;
	height:200px;
	margin:2px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #CCC;
	clear:both;
	float:left;
	}
	
form label select {
	width:220px;
	margin:2px 0 10px 0;
	border:1px solid #CCC;
	clear:both;
	float:left;
	}
	
form label input#captcha {
	width:50px;
	margin:0px 150px 0 0;
	top:0;
	}

/* Hover and Focus effects */	
form label input:hover, textarea:hover {
	border:1px solid #666;
	}
	
form label input:focus, textarea:focus {
	border:1px solid #666;
	}

/* Submit Button */
form input#submit-button {
	width:50px;
	margin:10px 0px 0 0;
	float:left;
	}


/* -=Button=- */
.cleanform button {
	width: 96px;
	margin: 0.3em 0 0 0.85em;
	border: 1px solid #A99A6F;
	background-color: #97A6D4;
	font-size: 7pt;
	cursor: pointer;
	padding: 0.55em 0;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.cleanform button:hover {
	background-color: #A99A6F;
	border: 1px solid #97A6D4;
	color: #FFF;
}

.cleanform button:active {
	background-color: #333;
	color: white;
	border: 1px solid #000;
}

/* -=Information=- */
.cleanform .formInfo {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 0.1em solid #ddd;
}

.cleanform .formInfo h2 {
	color: #00889e;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 1em
}

.cleanform .formInfo p {
	text-align: justify
}

.cleanform .required {
	color: #ff3838;
	font-weight: bold;
	font-size: 0.8em;
}

/* --- -=SIDEBAR=- --- */
#sidebar {
	width: 290px;
	float: right;
}

#sidebar h2 {
	text-align: center;
	margin: 0;
	padding: 5px 0 10px 0;
}

/* -=NEWS & OFFERS=- */
#news-offers {
	width: 290px;
	background-image: url(images/sidebar-divider.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}

#news-offers img {
	margin: 0 auto;
	display: block;
}

/* -=SOCIAL NETWORKING=- */
#social-networking {
	width: 273px;
	margin: 0 auto;
	padding: 0 0 30px 17px;
	background-image: url(images/sidebar-divider.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#social-networking img {
	display: inline;
	margin: 0 8px 15px;
}

/* -=HOME PAGE TESTIMONIAL=- */
#testimonials-button {
	width: 290px;
}

/* -=TESTIMONIAL HEADER=- */
h2.testimonials {
	width: 138px;
	height: 30px;
	margin: -10px 0 0 8px;
	padding: 0;
}

h2.testimonials #testimonials {
  display: block;
  margin: 0 76px 0 76px;
  width: 138px;
  height: 30px;
  background: url("images/text/testimonials.png") no-repeat 0 0;
}

h2.testimonials #testimonials:hover { 
  background-position: 0 -30px;
}

#sidebar blockquote {
	width: 265px;
	margin: 0 10px 0 15px;
	padding: 0;
	background-image: url(images/quote_up.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#sidebar blockquote p {
	padding: 30px 0 30px 15px;
	margin: 0;
	font-size: 14pt;
	color: #696969;
	text-align: center;
	background-image: url(images/quote_down.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#sidebar cite {
	float: right;
	padding: 5px 0 15px 0;
	margin: 0 8px 0 0;
	color: #97A6D4;
}

/* --- -=TOP LINK=- --- */
#top {
	width: 960px;
	height: 10px;
	margin: 0 auto;
	padding: 5px 0;
}

#top img {
	width: 46px;
	height: 10px;
	float: left;
	border: none;
	margin: 0 0 0 307px;
}

/* --- -=FOOTER=- --- */
#footer {
	width: 100%;
	height: 300px;
	background-image: url(images/bg-footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
	letter-spacing: 0;
}

#footer .content {
	width: 990px;
	height: 260px;
	margin: 10px auto 0 auto;
	padding: 0;
}

#footer .content h2 {
	padding: 15px 0 10px 0;
	margin: 0;
}

#footer h3 {
	color: #0055A5;
}

#footer a, a:visited {
	color: #97A6D4;
	text-decoration: none;
	padding-bottom: 1px;
}

#footer a:hover {
	color: #BFD4E8;
	background-image: url(images/link-border.png);
	background-position: bottom center;
	background-repeat: no-repeat;	
}

/* -=ABOUT US=- */
#aboutUs {
	width: 300px;
	height: 250px;
	padding: 0 50px 0 0;
	float: left;
	background-image: url(images/content-divider.png);
	background-position: right center;
	background-repeat: repeat-y;
}

#aboutUs p {
	font-size: 8pt;
	margin: 0;
	padding: 0 0 10px 0;
	color: #5B5B5B;
}

/* -=More Rollover=- */
#aboutUs .more {
	float: right;
	width: 77px;
	height: 30px;
	margin: -10px 0 0 8px;
	padding: 0;
}

#aboutUs .more #more {
  display: block;
  width: 77px;
  height: 30px;
  background: url("images/more.png") no-repeat 0 0;
}

#aboutUs .more #more:hover { 
  background-position: 0 -30px;
}


/* -=FIND US=- */
#findUs {
	width: 275px;
	height: 250px;
	padding: 0 10px 0 0;
	margin: 0 0 0 40px;
	float: left;
	background-image: url(images/content-divider.png);
	background-position: right center;
	background-repeat: repeat-y;
}

#findUs h3 {
	margin: 0;
	padding: 0 0 3px 5px;
	letter-spacing: 1px;
}

#findUs p {
	font-size: 8pt;
	margin: 0;
	padding: 0 0 10px 5px;
	color: #5B5B5B;
	letter-spacing: 1px;
}

#findUs .heading {
	font-size: 8pt;
	color: #0055A5;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 5px;
}

/* -=PRIVACY/SITEMAP=- */
#privacy {
	width: 120px;
	height: 14px;
	display: block;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 0 5px 0;
	margin: 260px 105px 0 60px;
}

#privacy p {
	margin: 0;
	padding: 0;
	font-size: 6pt;
	color: #4A4A4A;
}

/* -=BUSINESS HOURS=- */
#businessHours {
	width: 265px;
	height: 250px;
	padding: 0 10px 0 0;
	margin: 0 0 0 40px;
	float: left;
}

#businessHours p {
	font-size: 8pt;
	margin: 0;
	padding: 0 0 10px 5px;
	color: #5B5B5B;
	letter-spacing: 1px;
}

#businessHours .heading {
	font-size: 8pt;
	color: #0055A5;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 5px;
}

/* --- -=POST FOOTER=- --- */
#post-footer {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	color: #4A4A4A;
}

/* -=COPYRIGHT=- */
#copyright {
	width: 340px;
	height: 14px;
	float: left;
	font-size: 6pt;
	text-transform: uppercase;
	padding: 8px 0 5px 5px;
	margin: 0;
}

#copyright p {
	margin: 0;
	padding: 0;
}

/* -=DESIGNER=- */
#designer {
	width: 300px;
	height: 14px;
	float: right;
	display: inline;
	font-size: 6pt;
	text-transform: uppercase;
	text-align: right;
	padding: 8px 5px 5px 0;
}

#designer p {
	margin: 0;
	padding: 0;
}



/* ******************************************************** */ 
	/* Colors used:                                	*/
	/* --------------------------------------------	*/
	/* HEX #282828 = MID GREY						*/
	/* HEX #0F0F0F = DARK GREY						*/
	
	/* HEX #FFFFFF = WHITE							*/
	/* HEX #FCFCFC = OFF WHITE						*/
	
	/* HEX #97A6D4 = CORNFLOUR BLUE					*/
	/* HEX #61709E = DARK CORNFLOUR BLUE			*/
	/* HEX #0055A5 = ADZ POWER BLUE					*/
	/* HEX #A99A6F = GOLD							*/
	
	/* HEX #BFD4E8 = LIGHT BLUE						*/

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


/* -------------------------------------------------------------
----------- -= A D Z  P O W E R  A G E N C I E S =- ------------
---------------------------------------------------------------- */