/*
Theme Name: Matter Solutions - ADG
Theme URI: http://www.mattersolutions.com.au/
Description: Based on design b-alhpa May '09
Version: 1.0
Author: Ben Maden
Author URI: http://www.mattersolutions.com.au/about/ben-maden
Tags: web marketing, internet, seo, web development, e-business

	 B-ALHPA v1.0
	 http://www.mattersolutions.com.au
*/
body {
font-family		: Helvetica, Arial, Verdana;
margin			: 0px 0px 1px 0px;
height			: 100%;
background: #78ae8a url('images/bg-page.png') repeat-x;

}

/* ========================== GENERIC STYLES ========================== */
A, A:link 	{ color: #f03; text-decoration	: none;}
A:active 	{ color: #F00;}
A:visited	{ color: #f06;}
A:hover 	{ color: #f03; text-decoration: underline;}

h1 { margin: 0; color: #666; }
h2 { margin: 0; color: #666; }
h3 { font-size: 1.1em; color: #333; }
h4 { font-size: 1.0em; color: #444; }

P, LI { font-size: 0.8em; }
/* ========================== /GENERIC STYLES ========================= */



#page-wrapper {
background: transparent url('images/bg-page-wrapper.png') repeat-y center;
}
#page-wrapper DIV { display: block; }

.container {
border-top: 1px solid #fff;
background: #fff;
margin-left: auto;
margin-right: auto;
width: 960px;
display: block;
/*border: 1px solid #f00;*/
}

.col-2 { /*center*/
margin: 15px;
}
.col-1 { /*left*/
position: absolute;
margin-left: 0;
margin-right: auto;
width: 400px;
display: block;
margin: 10px;
}
.col-3 { /*right*/
margin-left: auto;
margin-right: 0;
width: 260px;
display: block;
margin: 10px;
}

/*** blocks ***/
#head-wrapper {
display: block;
}
#head-block {
height: 100px;
}
#head-block .col-1 { /*logo*/
width: 223px;
position: static;
height: 80px;
}
#head-block .col-2, #foot-col-center {
position: absolute;
margin: 5px 280px;
width: 195px;
min-height: 70px;
border-left: 2px solid #f03;
padding-left: 4px;
color: #6d6e70;
}
#head-block .col-2 A, #head-block .col-2 A:link, #head-block .col-2 A:visited, #head-block .col-2 A:hover,
#foot-col-center A, #foot-col-center A:link, #foot-col-center A:visited, #foot-col-center A:hover
 {
color: #6d6e70;
font-size: small;
}

#head-block .strap {
position: absolute;
margin: 5px 550px;
font-size: x-small;
font-family: helvetica, verdana;
}
#head-block .a-label {
color: #000;
font-weight: bold;
}
#head-block .a-label {
color: #000;
}
#head-block .a-cta {
color: #f03;
font-weight: bold;
}
#head-block .a-number {
color: #6d6e70;
}

#head-block .col-3 { /*cta/quickform*/
width: 201px; /* 197 ? */
position: absolute;
margin: 0 744px; /* 748 */
height: 103px;
background: transparent url('images/bg-quick-form.png') repeat-x;
z-index: 10;
}

/* quickform */
#quick-form { color: #eee;}
#quick-form .header { position: relative; left: 10px; padding-left: 25px;color: #fff; font-weight: bold; font-size: 0.8em; margin-top: 0px; padding: 1px;}
#quick-form .form_label { padding-right: 5px; width: 80px; text-align: right; }
#quick-form label { font-size: 0.8em; color: #eee;}
#quick-form .form_field { width: 140px; text-align: left;}
#quick-form input { margin-bottom: 3px; width: 105px; height: 12px;}
#quick-form #submit_button { width: 85px; margin: 0;}
#quick-form table { background: transparent url('images/icon-phone.png') no-repeat 1px 1px;}

/* url('images/bg-trial-form.png') repeat-x;} */
#trial-form-box { background: #a3ceaf url('images/box-top.png') no-repeat top;}
#trial-form {}
#trial-form .header { position: relative; left: 10px; padding-left: 25px;color: #333; font-weight: bold; font-size: 0.8em; margin-top: 0px; padding: 1px;}
#trial-form .form_label { padding-right: 5px; width: 80px; text-align: left; }
#trial-form label { font-size: 0.8em; color: #444;}
#trial-form .form_field { width: 140px; text-align: left;}
#trial-form input, #trial-form select  { margin-bottom: 3px; width: 135px; font-size: 0.9em;}
#trial-form #submit_button { width: 85px; margin: 0; margin-top: 5px; font-size: 0.9em; color: #eee;}
/*nav*/
#nav-wrapper {
}
#nav-block {
height: 25px;
}
#nav-block .col-1 {
width: 930px;
position: static;
height: 25px;
margin: 0;
margin-left: 15px;
background: #2c8243 url('images/bg-nav-off.png');
}
/* wp-nav */
#nav ul {
list-style-image: url('images/bullet.png');
list-style-position: outside;
list-style-type: square;
margin: 0 0 0 16px;
padding: 0;
}
#nav li {
margin: 5px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
float: left; /* */
height: 25px;
padding: 0;
position: relative;
top: -4px;
}
#nav a {
color: #fff;
display: block;
font-size: 1em !important;
font-weight: bold;
padding: 4px 21px 10px 1px;
text-decoration	: none;
background: transparent url(images/bullet.png) no-repeat 3px 8px;
}
#nav a span {
position: relative;
left: 14px;
}
#nav .current_page_parent, #nav .current_page_item {
background: transparent url('images/bg-nav-on.png') repeat-x 0px -1px;
}
#nav .current_page_parent a, #nav .current_page_item a {
color: #fff;
}
#nav a:hover {
color: #f00;
}
#nav .current_page_parent a:hover, #nav .current_page_item a:hover {
color: #fff;
}

/*header*/
#header-wrapper {
}
#header-block {
margin-top: 15px;
}
#header-block .col-2 {
}

/*body*/
#body-wrapper {

}
#body-wrapper > DIV > DIV {
margin: 15px;
}
#body-block {
min-height: 500px;
margin-top: 15px;
position: relative;
}
#body-block .col-1 {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 16px;
	min-height: 200px;
	overflow: hidden;
	z-index: 100;
	padding: 0;
	margin: 0;
}
#body-block .col-2 {
	float: right;
	width: 480px;
	border: 0;
	padding: 0 16px 0 0;
	margin: 0;
	display: inline-block;
}

#body-block .col-3 {
	float:right;
	width: 200px;
	border: 0;
	padding: 0 16px 0 0px;
	margin: 0;
	display: inline-block;
}
/*elements-box*/
.a-box {
background: #fff url('images/box-top.png') no-repeat top;
width: 199px;
border: 1px solid #aaa;
min-height: 100px;
}
.a-box H5 {
text-transform:uppercase;
margin: 4px 0 0 26px;
font-size: 11px;
height: 25px;
width: 199px;
color: #fff;
padding: 0;
font-weight: bold;
}
.a-box > DIV {
margin: 0px 3px;
}
.a-box A {
color:#333;
font-size:0.8em;
padding:10px 10px 10px 1px;
text-decoration:underline;
}
.a-box SPAN {
color: #555;
font-size:0.8em;
text-decoration: none !important;
}
.a-box .a-resource {
display: block;
width: 100%;
min-height: 50px;
height: auto;
margin-bottom: 10px;
}
/*element-subnav*/
.sub-nav {
background: #fff url('images/bg-subnav-off.png') repeat-x top;
width: 164px;
border: 1px solid #fff;
min-height: 140px;
clear:both;
color: #fff;
margin: 0;
}
.sub-nav LI {
margin: 0px 12px 4px 7px;
list-style-type: none;
list-style-position: outside;
position: relative;
left: -55px;
top: 10px;
height: 25px;
font-size: 0.8em;
text-transform: uppercase;
width: 199px;
padding: 0 18px;
/* font-weight: bold; */
}

UL.sub-nav LI.current_page_item {
background: transparent url('images/bg-subnav-on.png') repeat-x 0px -1px;
}
.sub-nav LI A, .sub-nav LI A:link,  .sub-nav LI A:active,  .sub-nav LI A:hover {
color: #fff;
margin-top: 3px;
}
.sub-nav LI A:visited {
color: #ddd;
}
.sub-nav LI A SPAN {
margin-left: 14px;
font-weight: bold;
}
UL.sub-nav LI.current_page_item A {
color: #fff;
}


/*footer*/
#foot-wrapper {
	clear: both;
}
#foot-block {
height: 170px;1
}
#foot-block-inside {
width: 930px;
height: 100px;
display: block;
margin: 15px;
background: #d6ebda;
}
#foot-block .col-1 {
width: 271px;
margin: 10px;
height: 80px;
}
#foot-block .col-2, #foot-block .col-3, #foot-block .col-4 {
width: 210px;
position: absolute;
margin-left: 284px;
height: 80px;
}
#foot-block .col-3 {
margin-left: 497px;
}
#foot-block .col-4 {
margin-left: 710px;
}
#foot-block-below {
margin-left: 25px;
width: 910px;
height: 20px;
font-size: x-small;
color: #666;
}

#final-footer-wrapper {
}
#final-footer-block {
border: none;
height: 50px;
width: 990px;
background: transparent url('images/bg-footer.png') no-repeat top;
}
#foot-col-center {
margin-top: 10px;
height: 80px;
min-height: 80px;
}

#foot-col-center > DIV {
margin: 10px 3px;
}

#foot-block-inside > DIV {
border-left: 2px solid #f03;
}

#foot-col-left { border: none !important;}

#credit {
padding: 10px;
width: 960px;
text-align: right;
}

#credit, #credit A, #credit A:link, #credit A:active, #credit A:visited {
color: #666;
font-size: 9px;
font-family: Helvetica,Verdana,Arial;
}
#credit A:hover {
color: #555;
text-decoration: none;
}

.an-address > DIV {
margin: 10px 5px;
font-size: 0.7em;
color: #555;
}
.an-address DIV DIV.header {
font-weight: bold;
}

#newsletter-form > DIV {
margin: 10px 5px;
font-size: 0.7em;
color: #555;
}
#newsletter-form DIV.header {
font-weight: bold;
}
#newsletter-form BUTTON {
margin-top: 3px;
}

#sidebar {
position:static;
}
#sidebar .box {
border-bottom:1px solid #999;
}
#sidebar .box_top {
}
#sidebar ul {
font-size:0.85em;
list-style-image:none;
list-style-position:inside;
list-style-type:square;
padding:1px;
}
#sidebar h3 { margin: 0; font-size: 0.9em; margin:5px 16px 4px 0;}
#sidebar ul li {
color:#aaa;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0 13px auto;
padding:1px;
}

/* wordpres standard */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


.clearer {
clear:both;
}
