/*
Theme Name: Matter Solutions
Theme URI: http://www.mattersolutions.co.uk/
Description: Matter Solutions 
Version: 1.0
Author: Ben Maden
Author URI: http://www.mattersolutions.co.uk/about/ben-maden
Tags: web marketing, internet, seo, web development, e-business

	MATTER v1.0
	 http://www.mattersolutions.com.au

*/


body {
background		: #666 url(images/backgrounds/page.png) repeat scroll 0 0;
font-family		: Arial, Verdana;
margin			: 0px 0px 1px 0px;
height			: 100%;
}

/* ========================== GENERIC STYLES ========================== */
A, A:link 	{ color: #009; text-decoration	: none;}
A:active 	{ color: #f09;}
A:visited	{ color: #006;}
A:hover 	{ color: #f09; text-decoration: underline;}

BLOCKQUOTE {
padding: 5px;
background: #eee url(images/backgrounds/blockquote.gif) no-repeat;
border: 1px solid #ddd;
}
/* ========================== /GENERIC STYLES ========================= */

#wrapper-out {
margin			: 0 0 0 0;
padding			: 0px;
/*background		: url(images/backgrounds/outer-container.gif) repeat-y;*/
position		: static;
}
#wrapper {
width			: 930px;
margin			: 0px auto auto;
padding			: 0px;
z-index: -100px;
/*background		: url(images/backgrounds/outer-container.gif) repeat-y;*/
position		: relative;
}

#column-center {
width			: 880px;
padding			: 0px;
position		: static;
margin			: 0px auto auto;
left			: 76px;
top 			: 0;
background		: #ffffff none repeat scroll 0 0;
}


/* ========================== MASTHEAD       ========================== */
#masthead {
width			: 850px;
padding			: 0px;
position		: absolute;
top				: 0;
left			: 40px;
}

	#masthead #the-logo {
	position		: absolute;
	left			: 0px;
	top				: 8px;
	height			: 80px;
	width			: 300px;
	}

	#masthead #strapline {
	width			: 190px;
	position		: absolute;
	left			: 395px;
	top				: 6px;
	}
	#masthead #strapline h1 {
	font-weight		: bold;
	font-size		: 11px;
	color			: #009;
	}

	#masthead #phone .call-to-action {
	font-size		: 11px;
	position		: absolute;
	top				: -5px;
	left			: 0px;
	}

	#masthead #phone {
	color			: #f09;
	font-weight		: bold;
	font-size		: 32px;
	position		: absolute;
	top				: 14px;
	right			: 0px;
	padding-top		: 6px;
	}

/* ========================== FEATURES      ========================== */
#feature {
width			: 880px;
padding			: 0px;
position		: relative;
left			: 0;
top 			: 100px;
background		: #fff;
}

	#feature #promo {
	width			: 568px;
	height			: 280px;
	position		: relative;
	left			: 0px;
	top 			: 0px;
	background		: #fff;
	}

	#feature #quick-form {
	color			: #f09;
	padding			: 0px;
	position		: absolute;
	top				: 0;
	right			: 15px;
	}

		#quick-form label {
		font-size		: 11px;
		color			: #333;
		font-weight		: bold;
		}

		#quick-form input {
		margin-bottom	: 3px;
		width			: 155px;
		}

		#quick-form #last_row {
		width			: 155px;
		position		: relative;
		}
			#quick-form #last_row #qf_spinner {
			width		: 70px;
			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 #submitter {
		width			: 85px;
		height			: 24px;
		}

		#quick-form .moreinfo {
		text-decoration	: none;
		font-size		: 11px;
		color: #009;
		}

		#quick-form A.moreinfo:hover {
		text-decoration	: none;
		color			: #f09;
		}

		#quick-form TD.top-left {
		background		: #fff url(images/quick-form/_01_top-left.gif) right 0px;
		}
		#quick-form TD.top-mid {
		background		: transparent url(images/quick-form/_02_top-mid.gif) repeat-x scroll right 0px;
		font-weight		: bold;
		font-size		: 15px;
		color			: #f09;
		text-align		: center;
		}
		#quick-form TD.top-right {
		background		: transparent url(images/quick-form/_03_top-right.gif) left 0px;
		}

		#quick-form TD.mid-left {
		background		: transparent url(images/quick-form/_04_mid-left.gif) repeat-y scroll left top;
		}

		#quick-form TD.mid-right {
		background		: transparent url(images/quick-form/_06_mid-right.gif) repeat-y scroll left top;
		}

		#quick-form TD.bot-left {
		background		: transparent url(images/quick-form/_07_bot-left.gif) right bottom;
		}
		#quick-form TD.bot-mid {
		background		: #ffffff url(images/quick-form/_08_bot-mid.gif) repeat-x scroll left bottom;
		}
		#quick-form TD.bot-right {
		background		: transparent url(images/quick-form/_09_bot-right.gif) left bottom;
		}

#nav {
background		: transparent url(images/nav/nav_back.gif) repeat-x scroll right bottom;
clear			: both;
font-size		: 14px;
line-height		: 18px;
width			: 880px;
position		: absolute;
top				: 380px;
left			: 25px;
height			: 33px;
padding			: 0px;
}

#nav-stripe {
background		: transparent url(images/nav/nav-stripe_back.png) repeat-x scroll right bottom;
position		: absolute;
top				: 380px;
left			: 0px;
width			: 100%;
height			: 33px;
}

	#nav ul {
	list-style-image	: none;
	list-style-position	: outside;
	list-style-type		: none;
	margin				: 0 0 0 16px;
	padding				: 0;
	}
	#nav li {
	background		: transparent url(images/nav/nav_back.gif) no-repeat scroll right 4px;
	margin			: 0;
	float			: left; /* */
	padding			: 0;
	position		: relative;
	top			: -4px;
	}
	#nav a {
	background		: transparent url(images/nav/nav_back.gif) no-repeat scroll left 4px;
	color			: #fff;
	display			: block;
	font-size		: 13px !important;
	font-weight		: bold;
	padding			: 14px 15px 10px;
	text-decoration	: none;
	}
	#nav .current_page_item {
	background-image	: url(images/nav/nav_on_right.gif);
	}
	#nav .current_page_item a {
	background-image	: url(images/nav/nav_on_left.gif);
	color				: #000;
	}
	#nav a:hover {
	color			: #f09;
	}
	#nav a {
	}


#bodycopy-outer {
position		: static;
padding			: 0px;
background		: #fff;
height			: 100%;
}
	#bodycopy {
	font-size		: smaller;
	width			: 850px;
	position		: relative;
	top				: 0px;
	left			: 15px;
	height			: 100%;
	padding			: 0px;
	margin			: 150px 0px 0px;
	background		: #fff;
	border	: 1px solid #fff;
	}

		#bodycopy .col-one {
		position	: static;
		float		: left;
		width		: 278px;
		height		: auto;
		}
		/*
		#bodycopy .col-one {
		position	: static;
		top			: 0px;
		left		: 0;
		width		: 278px;
		height		: auto;
		}
		*/
		#bodycopy .col-one-wide {
		position	: static;
		float		: left;
		width		: 556px;
		height		: auto;
		}
		/*
		#bodycopy .col-one-wide {
		position	: static;
		top			: 0px;
		left		: 0;
		width		: 556px;
		height		: auto;
		}
		*/
		#bodycopy .col-two {
		position	: absolute;
		top			: 0;
		left		: 0;
		margin		: 0px 289px auto;
		width		: 278px;
		}
			#bodycopy .the-results {
			position	: static;
			background	: #eee;
			padding		: 5px;
			padding-top	: 0px;
			border				: 1px solid #666;
			-moz-border-radius	: 10px;
			text-align: center;
			}
			#bodycopy .the-results STRONG {
			}
			#bodycopy .the-results HR {
			height				: 1px;
			border				: 1px dotted #999;
			margin-top			: 5px;
			margin-BOTTOM		: 10px;
			}
			#bodycopy .the-results h3 {
			color		: #f09;
			padding-top	: 0px;
			}
			#bodycopy .post {
			}
			#bodycopy .post UL {
			margin		: 0px 20px;
			}
			#bodycopy .post OL {
			margin		: 0px -9px;
			}
			#bodycopy .post UL LI {
			list-style-position	: outside;
			list-style-type		: square;
			font-size	: small;
			font-weight	: normal;
			margin		: 0px;
			padding		: 0px 6px 3px 0px;
			}
			#bodycopy .post OL LI {
			font-size	: small;
			font-weight	: normal;
			margin		: 0px;
			padding		: 5px 6px 3px 0px;
			}
			#bodycopy .post H2 {
			}
			#bodycopy .post .postmetadata {
			font-size	: smaller;
			color		: #888;
			margin		: 10px 0 25px 0px;
			}

		#bodycopy .col-three {
		position	: static;
		float		: right;
		width		: 228px;
		}
		/*
		#bodycopy .col-three {
		position	: absolute;
		top			: 0px;
		left		: 0;
		margin		: 0px 595px;
		width		: 248px;
		}
		*/
			#bodycopy UL {
			height				: auto;
			list-style-image	: none;
			font-weight			: bold;
			list-style-position	: inside;
			list-style-type		: none;
			margin				: -1px 0 5px -1px;
			padding				: 5px;
			}
			#bodycopy UL LI {
			font-size			: larger;
			padding				: 10px;
			}
			#bodycopy H2 {
			color				: #003;
			padding				: 0px 0 0 0;
			}
			#bodycopy H3 {
			color				: #333; /* #555; */
                        font-size                       : larger;
			padding				: 0px 0 0 0;
			}
			#bodycopy H4 {
			color				: #666;
			margin				: 6px 0 0px 0px;
			}
			#bodycopy UL.sub-menu {
			padding				: 1px;
			list-style-image	: none;
			list-style-position	: inside;
			list-style-type		: square;
			font-size			: 0.85em;
			}
				#bodycopy UL.sub-menu LI {
				padding				: 1px;
				color				: #f09;
				list-style-image	: none;
				list-style-position	: inside;
				list-style-type		: square;
				font-size			: 1.0em;
				margin				: 0px 1px auto
				}
				#bodycopy UL.sub-menu LI.level-two {
				padding				: 1px;
				color				: #999;
				margin				: 0px 1px auto
				}
			#bodycopy UL.resell-services LI {
			}
			#bodycopy H5 {
			margin				: 5px 0 5px 5px;
			}
			#bodycopy .call-to-action {
			background			: #eee;
			padding				: 10px;
			color				: #f09;
			border				: 1px solid #666;
			-moz-border-radius	: 10px;
			text-align: center;
			}
				#bodycopy .call-to-action H5 {
				padding				: 0;
				padding-bottom		: 4px;
				margin				: 0 0 0 0;
				color				: #000;
				}
				#bodycopy .call-to-action .hint {
				color				: #000;
				font-size			: smaller;
				}
				#bodycopy .call-us {
				font-weight			: bold;
				padding				: 1px;
				color				: #f09;
				list-style-image	: none;
				list-style-position	: inside;
				list-style-type		: square;
				font-size: large;
				}
				#bodycopy .call-back {
				font-weight			: bold;
				padding				: 1px;
				color				: #009;
				list-style-image	: none;
				list-style-position	: inside;
				list-style-type		: square;
				font-size: large;
				}
			#bodycopy .client-quote {
			margin-bottom		: 20px;
			}
			#bodycopy .credit-name {
			font-size			: smaller;
			margin-bottom		: 20px;
			margin-top			: 4px;
			text-align			: right;
			font-weight			: bold;
			color				: #444;
			}
			#bodycopy .our-quote {
			font-weight			: bold;
			}
			#bodycopy .our-person-name {
			margin-right		: 15px;
			text-align			: right;
			font-weight			: bold;
			color				: #444;
			}
			#bodycopy .col-three H3 {
			color				: #336;
			margin				: 5px 16px 4px 0px;
			}
			#bodycopy .col-three P {
			color				: #777;
			}
			#bodycopy #searchsubmit {
			padding				: 0;
			position			: relative;
			top					: 5px;
			}


#sidebar {
position	: static;
}

	#sidebar .box {
	border-bottom		: 1px solid #ccc;
	}
	#sidebar .box_top {
	}
	#sidebar UL {
	padding				: 1px;
	list-style-image	: none;
	list-style-position	: inside;
	list-style-type		: square;
	font-size			: 0.85em;
	}
	#sidebar H3 {
	color				: #336 !important;
	margin				: 5px 16px 4px 0px;
	}
	#sidebar UL LI {
	padding				: 1px;
	color				: #f09;
	list-style-image	: none;
	list-style-position	: outside;
	list-style-type		: square;
	font-size			: 1.0em;
	margin				: 0px 13px auto
	}

.header_with_toggle {
position	: relative;
border		: 1px solid #fff;
height		: 22px;
}
	.header_with_toggle H3 {
	}
	.header_with_toggle .toggle_link {
	position	: absolute;
	right		: 20px;
	top			: 0;
	margin		: 0px 0px 100px 0;
	text-size	: smaller;
	font-weight	: normal;
	float		: right;
	}
	.toggled_details {
	margin		: 10px 0 0 0;
	}

#footer-outer {
position		: static;
padding			: 10px 0px;
background		: #fff;
clear			: both;
}
	#footer {
	font-size		: 10px;
	width			: 850px;
	position		: relative;
	top				: 0px;
	left			: 0px;
	height			: 25px;
	padding			: 0px;
	margin			: 0px 15px 0px;
	background		: #fff;
	color			: #666;
	border-top		: 1px solid #ccc;
	}
		#footer .col-one {
		position	: static;
		top			: 0px;
		left		: 0;
		width		: 358px;
		}
		#footer .col-two {
		position	: absolute;
		top			: 0;
		left		: 0;
		margin		: 0px 265px auto;
		width		: 258px;
		text-align	: center;
		}
		#footer .col-three {
		position	: absolute;
		top			: 0;
		left		: 0;
		margin		: 0px 440px;
		width		: 408px;
		text-align	: right;
		}

#base-outer {
position		: static;
/*background		: #f09 url(images/backgrounds/footer.gif) repeat-x;*/
background		: #111;
height			: 385px;
margin			: 15px 0px 0px;
border-top		: 1px solid #999;
}
	#base-inner {
	font-size		: 9px;
	position		: relative;
	top				: 1px;
	left			: 0px;
	padding			: 0px;
	color			: #666;
	border-top		: 1px solid #f09;
	}
		#base-wrapper {
		width		: 880px;
		height		: 160px;
		margin		: 0px auto auto;

		}

		#base-wrapper .col-one {
		position	: absolute;
		width		: 425px;
		height		: 285px;
		margin		: 10px 0px auto;
		border-right	: 1px solid #222;
		}
		#base-wrapper .col-two {
		position	: absolute;
		width		: 228px;
		height		: 285px;
		margin		: 10px 440px auto;
		border-right	: 1px solid #222;
		}
		#base-wrapper .col-three {
		position	: absolute;
		width		: 202px;
		height		: 285px;
		margin		: 10px 683px auto;
		}
		#base-wrapper h3, #base-wrapper h3 A:link, #base-wrapper h3 A:visited  {
		font-size	: small;
		padding		: 0;
		margin		: 0;
		font-weight	: light;
		color		: #bbb;
		}
		#base-wrapper P {
		margin		: 5px 5px 10px 0;
		font-size	: small;
		color		: #999;
		}
		#base-wrapper #subscriber_form {
		width		: 110px;
		}
		#base-wrapper .form_label {
		margin-top	: 2px;
		font-size	: 0.75em;
		}
		#base-wrapper FORM .submit_button {
		margin		: 2px 0 10px;
		font-size	: small;
		}
		#base-wrapper FORM .submit_button A:link {
		color		: #aaa;
		}
		#base-wrapper #tips_pitch {
		color		: #CCCCCC;
		font-size 	: small;
		margin		: 0 120px auto;
		position	: absolute;
		top			: 45px;
		width		: 245px;
		}
		#base-wrapper A, #base-wrapper A:link { color: #666; text-decoration	: none;}
		#base-wrapper A:active 	{ color: #f09;}
		#base-wrapper A:visited	{ color: #444;}
		#base-wrapper A:hover 	{ color: #f09; text-decoration: underline;}
		#base-wrapper INPUT {
		background	: #444;
		font-size	: 9px;
		width		: 100px;
		height		: 13px;
		color		: #ccc;
		border		: 1px solid #666;
		}
		#base-wrapper UL {
		height				: auto;
		list-style-image	: none;
		font-weight			: normal;
		list-style-position	: inside;
		list-style-type		: square;
		margin				: -1px 0 5px -1px;
		padding				: 5px;
		font-size	: small;
		}

.post-notes {
text-align		: right;
}
.posted-by {
font-size		: smaller;
color			: #888;
}
.post-note-splitter {
font-size		: smaller;
color			: #aaa;
}

.comments-count {
text-align		: right;
font-size		: smaller;
color			: #888;
}



.reqd_asterisk {
	color		: #f09;
	font-size	: larger;
}
SUP {
color			: #666;
padding			: 3px;
}

.ajax-loading {
background		: #fff url(/wp-content/themes/matter/images/spinner.gif) no-repeat center;
height			: 18px;
width			: 18px;
}

/** accordian **/
h3.toggler {
	cursor: pointer;
	border-color: #eeeeee #DDDDDD #DDDDDD #eeeeee;
	border-style: solid;
	border-width: 1px;
	background: #fff;
	/* margin: 0 0 4px 0;*/
	padding: 6px !important;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}


			#bodycopy P {
			color				: #000;
			padding				: 0px 0px 0 0;
			}
				#bodycopy P.quote-text {
				font-size			: large;
				margin-bottom		: 20px;
				margin-top			: 4px;
				text-align			: center;
				font-weight			: bold;
				color				: #000;
				}
				#bodycopy P.quote-name {
				font-size			: large;
				margin-bottom		: 20px;
				margin-top			: 4px;
				text-align			: center;
				font-weight			: normal;
				color				: #666;
				}
				#bodycopy P.hint {
				font-size		: x-small;
				}

/** buttons **/
button {
background:transparent url(/wp-content/themes/matter/images/buttons/bg_rhs_ongrey.gif) no-repeat scroll right top;
border			: 0 none;
color			: #333;
cursor			: pointer;
display			: block;
font-size		: 10px;
font-weight		: bold;
height			: 24px;
margin			: 0 6px 0 -4px;
outline-color	:-moz-use-text-color !important;
outline-style	: none !important;
outline-width	: medium !important;
overflow		: hidden;
padding			: 0 5px 0 0 !important;
text-decoration : none;
}

button span, x:-moz-any-link {
position:relative;
top:-1px;
}
button span {
background:transparent url(/wp-content/themes/matter/images/buttons/bg_lhs_ongrey.gif) no-repeat scroll 0 0;
display:block;
line-height:14px;
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:medium !important;
padding:5px 8px 5px 13px;
}

button.onwhite {
background:transparent url(/wp-content/themes/matter/images/buttons/bg_rhs_onwhite.gif) no-repeat scroll right top;
}
button.onwhite span {
background:transparent url(/wp-content/themes/matter/images/buttons/bg_lhs_onwhite.gif) no-repeat scroll 0 0;
}

button:hover { background-position: right center; }
button:hover span { background-position: left center; }
button:active { background-position: right bottom; }
button:active span { background-position: left bottom; }

#contact_map {
height		: 425px;
width		: 535px;
border		: 1px solid #666;
}

#contact_vcard, #office_signpost, #accounts_vcard {
display		: none;
}

.contact_signpost {
font-size	: normal;
}

.signpost_strap {
color		: #666;
}

.tweet {
  font-size: small;
  font-weight: normal;
  color: #999; }
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    background-color: transparent;
	padding: 5px 1px 6px !important;
    }
    .tweet .tweet_list li {
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 10px 5px 0;
	overflow:auto;
	border-bottom: 1px dotted #222;
	padding-bottom: 5px;
      }
    .tweet .tweet_list li a {
        color: #0C717A;
    }
    .tweet .tweet_list .tweet_even {
      background-color: transparent;
    }
    .tweet .tweet_list .tweet_avatar {
      float: left;
    }
    .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle;
    }

#smo_use_twitter {
background:#000000 none repeat scroll 0 0;
border:4px solid #FF0099;
margin:0px;
padding:4px;
width:398px;
}
#smo_use_twitter h3 {
margin-top: 3px;
}

/* tips : http://www.uhleeka.com/blog/2008/11/mootools-tips-mootips/ */
.tip-top {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/backgrounds/tips.png) top left;
}

.tip-text {
	font-size: 11px;
	width: 123px;
	padding: 4px 8px 8px;
	background: url(images/backgrounds/tips.png) bottom right;
	color:#fff;
}
.tip-text A {
	color:#069;
}
.tip-loading {
	background: url(ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

#footer_office_vcard, #footer_regoff_vcard {
font-size: small;
}


.special-offer {
	position	: static;
	background	: #eee;
	padding		: 5px;
	padding-top	: 0px;
	border				: 3px solid #f09;
	-moz-border-radius	: 4px;
	text-align	: center;
}