/*
Theme Name: Affective Biz
Theme URI: http://www.affectivebusiness.com.au
Author: Digitalspark
Author URI: http://www.digitalspark.com.au
Description: Custom theme for Affective Business.
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#f0f0f0;
	background-image:url(/img/body_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
}

@font-face {
font-family: NeoSans;
src: url(/font/NeoSans.otf); /** CSS3 and Webkit browsers only **/
}

/** Hyperlink Styles - Sitewide **/
a {color:#0f79de; cursor:pointer;}
a:link {color:#0f79de; text-decoration:none;}
a:visited {color: #0f79de; text-decoration:none;}
a:hover {color:#459ef3; text-decoration:none;}
a:active {color: #459ef3;text-decoration: none;}
/**/


/** Page Element Styles - Sitewide **/
p {margin:0 0 10px 0;}
table.split p {text-align:justify;}
h1 {color:#000; font-size:20px; font-weight:normal; margin:0 0 15px 0; font-family:NeoSans,Arial,Tahoma;}
h2 {color:#000; font-size:16px; font-weight:normal; margin:0 0 10px 0; font-family:NeoSans,Arial,Tahoma;}
h3 {color:#666666; font-size:18px; font-weight:normal; margin:0 0 5px 0; font-family:NeoSans,Arial,Tahoma;}
h4 {color:#666666; font-size:16px; font-weight:normal; margin:0 0 5px 0; font-family:NeoSans,Arial,Tahoma;}
hr {height:1px; background-color:#000000; width:100%; margin:10px 0; border:0; border-top:1px solid #d1d1d1;}
td {vertical-align:top;}
img {border:0;}
/**/

/** Custom Element Styles - Sitewide **/
div.clear {position:relative; height:0px; clear:both;} /* Use to clear floats */
/**/

div#container {
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/** Header Styles - Sitewide **/
div#header {
	position:relative;
	background-image:url(/img/head_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	width:940px;
	margin:0 auto; /* center, not in IE5 */
	height:115px;
}
img.logo {
	float:left;
	height:115px;
	width:260px;
	margin:0 2px 0 0;
}
div#w_menu {
	position:relative;
	width:100%;	
	height:76px !important; /* real browsers */
}
div#menu {
	position:absolute;
	top:52px;
	right:0px;
}
img.phone {
	position:absolute;
	top:0;
	right:0;
}
/**/

/** Content Styles - Sitewide **/
div#content {
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	width:940px;
	padding:25px 0 66px;
}
div#banner {
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	width:950px;
	height:310px;
}
/**/

/** Footer Styles - Sitewide **/
div#w_footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:66px;
}
div#footer {
	width:940px;
	margin:0 auto; /* center, not in IE5 */
	background-image:url(/img/foot_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:66px;
	text-align:center;
	color:#ffffff;
	position:relative;
}
div#footer a {
	color:#ffffff;
}
p.selectdesigns {
	font-size:10px;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	margin:3px 0 0 0;
}
/**/

/** Common Styles - Site or Page Specific **/
div#hero {
	position:relative;
	width:940px;
	height:240px;
	background-image:url(/img/hero_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:20px;
	padding:0px 20px 0px 20px;
	background-position:center;
}
div.leadin {
	float:left;
	width:300px;
	margin:0 20px 0 0;
	line-height:18px;
	text-align:justify;
}
/**/

/** Page Specific - PAGE NAME **/

/**/

/** Menu Rollover CSS **/

.nav_home,.navh_home {
	position:absolute;
	left:262px;
	top:0;
	z-index:101;
}

.nav_aboutus,.navh_aboutus {
	position:absolute;
	left:380px;
	top:0;
	z-index:101;
}

.nav_services,.navh_services {
	position:absolute;
	left:514px;
	top:0px;
	z-index:101;
}

.nav_referrals,.navh_referrals {
	position:absolute;
	left:648px;
	top:0px;
	z-index:101;
}

.nav_contactus,.navh_contactus {
	position:absolute;
	left:789px;
	top:0px;
	z-index:101;
}

.navh_home,.navh_services,.navh_aboutus,.navh_referrals,.navh_contactus {
	z-index:10;
}

/**/

table.split {
	border-top:1px solid #d1d1d1;
}
td.col1 {
	width:660px;
	padding:15px 30px 0 10px;
}
td.col2 {
	width:200px;
	background-image:url(/img/right_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 20px 0 20px;
}
td.col2 ul {
	padding:0 0 0 15px;
	line-height:16px;
}
ul.services {
	margin:10px 0 30px 0;
	padding:0 0 0 15px;
	line-height:18px;
}
.contactfield {
	border:1px solid #d1d1d1;
	background-image:url(/img/fieldbg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin:3px 0 0 0;
	padding:4px;
	font-family:arial, verdana, tahoma;
	font-size:12px;
	width:200px;
}
.contactfield2 {
	border:1px solid #d1d1d1;
	background-image:url(/img/fieldbg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin:3px 0 0 0;
	padding:4px;
	font-family:arial, verdana, tahoma;
	font-size:12px;
	height:60px; 
	width:435px;
}
#carbonfree {
    bottom: 10px;
    left: 15px;
    position: absolute;
	font-size:10px;
}
div.front-widgets aside {
	float:left;
	width:300px;
	margin:0 20px 0 0;
	line-height:18px;
	text-align:justify;
}
div.front-widgets aside#text-4 {
	margin:0;	
}
div.front-widgets aside h3.widget-title {
	line-height:45px;
	background-image:url(/img/h3_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	font-size:24px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-bottom:1px solid #ffffff;
	margin-bottom:15px;
}