/*
Theme Name: Matter Solutions - B-ALPHA
Theme URI: http://www.mattersolutions.com.au/
Description: 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 {
background: #fff;
font-family: Helvetica, Arial, Verdana;
margin: 0px 0px 1px 0px;
height: 100%;
}

/* generic styles */
A, A:link {color: #181d48; text-decoration	: none;}
A:active {color: #006;}
A:visited{color: #004;}
A:hover {color: #eb2127; text-decoration: none;}
h2{color: #181d48;}
h3{color: #409ae0;}
h4{color: #409ae0;}
/* 4880c0*/


/* structure */
#page-wrapper {}
#page-wrapper DIV { display: block; margin-bottom: 0;}

.container {
margin-left: auto;
margin-right: auto;
width: 960px;
display: block;
}

.col-2 { /*center*/
margin: 10px;
}
.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;
background: #b7cfe8;
}
#head-block {
height: 120px;
}
#head-block .col-1 { /*logo*/
width: 315px;
position: static;
margin: 0;
}
#head-block .col-2 { /*strap*/
position: absolute;
margin: 5px 370px;
width: 255px;
min-height: 35px;
}
#head-block .phone {
position: absolute;
margin-top: 62px;
}

#head-block .col-3 { /*cta/quickform*/
width: 299px;
position: absolute;
margin: 0 650px;
height: 165px;
z-index: 10;
}
/*nav*/
#nav-wrapper {
background: transparent url(images/nav/nav-back.png) repeat-x scroll right top;
}
#nav-block {
height: 50px;
}
#nav-block .col-1 {
width: 555px;
position: static;
height: 40px;
margin: 0;
}
#nav-block .col-3 {
width: 95px;
float: right;
position: static;
min-height: 40px;
margin-right: 330px;
text-align: right;
}
/*body*/
#body-wrapper {
background: #fff;
}
#body-block {
background: #fff;
min-height: 300px;
}
#body-block .col-1 {
width: 505px;
position: static;
min-height: 400px;
}
#body-block .col-2 {
width: 195px;
float: right;
position: static;
min-height: 300px;
margin-right: 3px;
}
#body-block .col-3 {
width: 195px;
float: right;
position: static;
min-height: 300px;
}
/*footer*/
#foot-wrapper {
background: #181d48 url(images/backgrounds/footer.png) repeat-x scroll 0 0;
clear: both;
}
#foot-wrapper, #foot-wrapper A {
color: #fff;
}
#foot-block {
min-height: 320px;
}
#foot-block .col-1 {
width: 317px;
margin-left: 0;
min-height: 300px;
}
#foot-block .col-1 p {
font-size: small;
color: #eee;
}
#foot-block .col-1 table {
font-size: small;
display: block;
}
#foot-block .col-2 {
width: 317px;
position: absolute;
margin-left: 320px;
margin-right: auto;
min-height: 300px;
}
#foot-block .col-3 {
width: 318px;
float: right;
min-height: 300px;
margin: 10px auto auto;
}

#the-strap h1 { font-size: small;}
#the-phone { font-size: x-large; color: #231f20;}
#the-phone .call-to-action { font-size: small;}

/***********/
#nav {
background: transparent; /* transparent url(images/nav/nav_back.gif) repeat-x scroll right bottom; */
font-size: 14px;
line-height: 18px;
height: 30px;
padding: 0px;
}
#nav ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin	: 0;
padding	: 9px 2px;
}
#nav li {
margin: 0;
float: left; /* */
padding: 0;
positiob: relative;
top: 0px;
}
#nav a {
color: #fff;
display: block;
font-size: 13px !important;
font-weight: bold;
padding: 10px 20px 10px 20px;
text-decoration	: none;
}
#nav .current_page_item {
background: transparent url(images/backgrounds/50percent-white.png);
}
#nav .current_page_item a, #nav .current_page_item a:hover {
background: transparent; /* url(images/nav/nav-current.png); */
color: #333;
}
#nav a:hover {
color: #eb2127;
background: transparent url(images/backgrounds/25percent-white.png);
}
#nav a {
}

/* quickform */
#quick-form {}
#quick-form TD.top-cell {background: transparent url(images/quick-form/_top.png) no-repeat scroll right 0px;}
#quick-form TD.left-cell { width: 20px; background: transparent url(images/quick-form/_left.png) repeat-y scroll right 0px;}
#quick-form TD.right-cell { width: 20px; background: transparent url(images/quick-form/_right.png) repeat-y scroll right 0px;}
#quick-form TD.center-cell { background: #eb2127; text-align: left;}
#quick-form TD.center-cell h5 { padding: 0; margin: 0px; color: #eee; position: absolute; top: 12px; font-size: 13px;}
#quick-form TD.bot-cell {background: transparent url(images/quick-form/_bot.png) no-repeat scroll right 0px;}

#quick-form .form_label { width: 70px; text-align: right; height: 16px;}
#quick-form label { font-size: 11px; color: #fff; font-weight: bold;}
#quick-form .form_field { position: relative; top: -19px; left: 75px; height: 16px; width: 140px; text-align: left;}
#quick-form input { margin-bottom: 3px; width: 155px;}
#quick-form #last_row { width: 255px; position: relative;}
#quick-form #last_row #qf_spinner { width: 170px; position: absolute; left: 0; top: 0; margin: 5px 0 0;}

#quick-form #last_row #submit_button { width: 85px; position: absolute; right: 0; top: 0; margin: 0;}
#quick-form A.moreinfo { text-decoration: none; color: #fff; font-size: 11px; padding-left: 30px;}
#quick-form A.moreinfo:hover { text-decoration: none; color: #fff; font-weight: bold}


#bodycopy-outer { /* like body-wrapper */
background: #fff;
}

#bodycopy {
background: #fff;
min-height: 300px;
}
.col-one-wide {
margin-left: 0;
margin-right: auto;
display: block;
margin: 10px;
width: 505px;
position: static;
min-height: 400px;
}
.col-three {
width: 195px;
float: right;
position: static;
min-height: 300px;
}

.frame-viewer {
height: 650px;
}

/* credit */
#credit {
color:#bbb !important;
font-size: small;
margin:90px 0;
width:450px;
padding: 4px 0 4px 0;
}
#credit a, #credit a:link, #credit a:visited {
color:#aaa;
padding: 4px 0 4px 0;
font-size: small;
}
#credit a:hover {
color: #f09 !important;
text-decoration:none;
background: #FFF;
}