@charset "utf-8";
/* Homepage CSS for Tonic website - www.nztonic.co.nz
   Created by Rebecca Dai | bocapa.com Ltd */
   

/*------------------     PAGE STRUCTURE  -------------------------------
-----------------------------------------------------------------------*/
#menu {
	margin-bottom:-15px; /* Menu Margin Fix - All Browsers */
}

#homeBanner{
	width:970px;
	height:281px;
	position:relative;
	background-color:#FFFFFF;
	background-image: url(../images/bg-home-intro.gif);
	background-repeat:no-repeat;
	margin:0px;
}

#homeBannerGfx {
	position: absolute;
	width:362px;
	height:253px;
	top:28px;
	right:0px;
	margin:0px;
}

#homeBannerButton {
	position: absolute;
	top:193px;
	left:326px;
	margin:0px;
}

#newsletterSignup {
	position: relative;
	width:236px;
	height:280px;
	float:left;
	margin-left:15px;
	padding:0px;
	background-image: url(../images/bg-home-newsletter.gif);
	background-repeat: no-repeat;
	background-position:center;
	display:block;
}

#signUpTextField{
	position: relative;
	float:left;
	width:200px;
	height:23px;
	margin-left:15px;
	margin-top:44px;
	padding:0px;
	background-color:#fff;
	border:1px #e2dec5 solid;
	display:block;
}

#signUpButton {
	position: relative;
	float:right;
	width:90px;
	height:31px;
	margin-right:17px;
	margin-top:55px;
	padding:0px;
	border:0px;
	display:block;
}

#calendarWrapper{
	position: relative;
	width:236px;
	height:280px;
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	padding:0px;
	background-image: url(../images/bg-calendar-outter-skin.gif);
	background-repeat: no-repeat;
	background-position:center;
	display:block;
}

#newsHome{
	position: relative;
	width:438px;
	height:280px;
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	padding:0px;
	display:block;
}
.rssIconSmall{
	position:absolute;
	right:10px;
	width:16px;
	height:16px;
	top:10px;
	background-image:url(../images/icon-RSS-small.gif);
	background-repeat:no-repeat;
	display:block;
}

#newsHomeRow {
	position: relative;
	width:438px;
	height:65px;
	padding:0px;
}

#newsHomeRow2 {
	position: relative;
	width:438px;
	height:84px;
	top:125px;
	padding:0px;
}

#newsHomeRow3 {
	position: relative;
	width:438px;
	height:84px;
	top:207px;
	padding:0px;
}


/*---------------------------------  3 BUCKETS ----------------------------------
------------------------------------------------------------------------------------*/
#teaserBoxes{
	position:relative;
	width:970px;
	height:195px;
	padding:0px;
	margin:0px;
	background-image:url(../images/bg-home-teaser-box.gif);
	background-repeat: no-repeat;
	background-position:center;
	display:block;
}

#boxLeft {	
	position:absolute;
	width: 300px;
	height:100px;
	left:10px;
	top:44px;
	background-image:url(../images/icon-team-development.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#boxMid {	
	position:absolute;
	width: 300px;
	height:100px;
	left:329px;
	top:44px;
	background-image: url(../images/icon-ICC-accrediation.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#boxRight {	
	position:absolute;
	width: 300px;
	height:100px;
	left:653px;
	top:44px;
	background-image: url(../images/icon-personal-branding.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#teaserBoxesBodyText{
	position:absolute;
	height:70px;
	width:200px;
	left:100px;
	top:30px;
}


/*---------------------------------  HOME PAGE CALENDAR ----------------------------------
------------------------------------------------------------------------------------*/
.calendar {
	position:absolute;
	top:40px; /*change this to 94px when implementing calendar script*/
	left:20px;
	width:199px;
	background-repeat:no-repeat;
	background-position:bottom;
}


/*------------------------------  TEXT, IMAGE, LIST  -----------------------------
-------------------------------------------------------------------------*/
#homeBanner h2{
	background: url(../images/heading-make-an-impact.gif) no-repeat scroll left center;
	height:46px;
	position:relative;
	text-indent:-10000px;
	top:59px;
	left:37px;
	width:507px;
}

#homeBanner h3{
	position:absolute;
	top:116px;
	left:40px;
	width:507px;
	height:53px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight: lighter;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#teaserBoxes h4 {
	position:absolute;
	margin:0px;
	margin-left:100px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	text-transform:capitalize;
}

#newsletterSignup h4,
#calendarWrapper h4 {
	margin-left:15px;
	margin-top:15px;
	height:30px;
	padding:0px;
	font-size:16px;
	font-weight:600;
	text-transform:capitalize;
}

#calendarWrapper h5
{
    margin:0px;
    width:170px;
    color:#f88000;
    line-height:20px;
    font-size:13px;
    font-weight:bold;
    text-transform:capitalize;
}

#newsHome h4 {
	margin:0px;
	margin-bottom:20px;
	height:27px;
	width:157px;
	color:#ffffff;
	line-height:27px;
	background-color: #522707;
	padding:0 10px;
	font-size:16px;
	font-weight:500;
	text-transform:capitalize;
}

#newsHome h5 {
	margin:0px 0px 0px 10px;
	width:340px;
	color:#f88000;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	text-transform:capitalize;
}

#newsHome p {
	margin-left:10px;
	width:385px;
	color:#494949;
	line-height:16px;
	font-size:12px;
	padding:0px;

}
#teaserBoxes p {
	line-height:15px;
	font-size:12px;
	font-weight:100px;
	margin:0px;
	padding:0px;
	text-align: left;
}

#newsletterSignup p,#newsletterSignup input {
	line-height:15px;
	font-size:12px;
	font-weight:100px;
	margin-top:20px;
	margin-left:15px;	
	padding:0px;
	text-align: left;
}

#newsletterSignup #signUpTextField p {
	line-height:23px;
	font-size:12px;
	margin:0px;
	padding-left:10px;
	text-align: left;
	color:#a9a79a;
}

#newsHome img {
	position:absolute;
	border: 1px solid #dddddd;
	padding:2px;
}
/*---------------------------  LINKS YAY BABY!  -----------------------
---------------------------------------------------------------------------*/

#homeBannerButton a:link,
#homeBannerButton a:visited{
	background-image: url(../images/btn-what-makes-us-different.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:44px;
	width:275px;
	position:absolute;
	display:block;
	text-indent: -10000px;
	border:none;

}

#homeBannerButton a:hover {
	background-position: bottom left;
}

#signUpButton a:link,
#signUpButton a:visited{
	background-image: url(../images/btn-sign-up.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:31px;
	width:90px;
	position:absolute;
	display:block;
	text-indent: -10000px;
	border:none;
}

#signUpButton a:hover {
	background-position: bottom left;
        outline: none;
}

.rssIconSmall:link,
.rssIconSmall:visited {
	border:none;
	background-image:url(../images/icon-RSS-small.gif);
	background-repeat:no-repeat;
	text-indent:-10000px;
	display:block;
}

/* sign up form */
#newsletter
{
    border:none;
}

#newsletterSignup input
{
    height:22px;
    width:180px;
    font-size:15px;
    line-height:17px;
    padding-top:3px;
}
/*-----------------------   STAR TREKKING ACROSS THE INTERNET  ----------------------------
----------------------------------  # END OF CSS #   ---------------------------------------*/