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


/*----------------------------  PAGE STRUCTURE  ----------------------------

-------------------------------------------------------------------------------*/

body {
	color:#494949; /*off charcoal*/
	line-height:19px;
	background-color:#0c0c0e;  /*almost black*/
	background-image:url(../images/bg-lighting.jpg) ;
	background-position:center top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

:focus
{
    outline:0;
}

#container {
	position: relative;
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width:970px;
	height:153px;
	background-position: left top;
}

#headerMenu {
	width:970px;
	height:24px;
	background-color:#522707;
}
#logo {
	position:absolute;
	top:47px;
	left:12px;
	width:143px;
	height:76px;
	border:none;
}
#slogan {
	position:absolute;
	top:90px;
	right:0px;
	width:450px;
}

#menu {
	position:relative;
	width:970px;
	height:44px;
	*height: 59px; /*IE 7 hack*/
	padding:0px;
	margin:0px;
	*margin-bottom:-15px; /*IE 7 hack*/
	z-index:10;
}

#contentWrapper {
	width:970px;
	position:relative;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	z-index:5;
}

#generalBanner{
	width:970px;
	height:150px;
	position:relative;
	background-image: url(../images/headerGradient.jpg);
	background-repeat:no-repeat;
	margin:0px;
}

#generalBannerGfx {
	position: absolute;
	width:600px;
	height:150px;
	top:0px;
	right:0px;
	margin:0px;
}


#content1Col {
	width:970px;
	position:relative;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#contentLeft  {
	position:relative;
	width:624px;
	float:left;
	background-color:#FFFFFF;
	left:28px;
	top:0px;
	margin-top:28px;
	margin-bottom:28px;
}

#contentBlog  {
	position:relative;
	width:660px;
	float:left;
	background-color:#FFFFFF;
	left:28px;
	top:0px;
	margin-top:28px;
	margin-bottom:28px;
}

ul.coursesList
{
    margin-left:0px;
    padding-left:0px;
}
.coursesList li
{
    width:200px;
    list-style:none;
    text-decoration:none;
}

#sideMenu {
	position:relative;
	float: left;
	left:68px;
	width: 261px;
	height:269px;
	top:20px;
	margin-bottom:30px;
	background-image: url(../images/bg-side-menu.gif);
	background-repeat: no-repeat;
	background-position:top center;
}

* html #sideMenu { 	/*IE hack*/
	margin: 0px 0px 0px 3px;
}


#rightCol {
	position:relative;
	float: left;
	width:211px;
	/*min-height:476px;
	heigh\t: 476px; /*IE6 fix*/
	background-color: #fff;
	background-image: url(../images/bg-content-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 20px 10px 0px 10px;
}

#footer {
	position:relative;
	width:970px;
	height:178px;
	padding: 0px;
	background-color:#937f64;
}
#footerSocialIcons {
	position:absolute;
	width:120px;
	left:30px;
	top:35px;
}

#footerMenu1 {
	position:absolute;
        height:150px;
	width:123px;
	left:150px;
	top:35px;
}
#footerMenu2 {
	position:absolute;
        height:150px;
	width:130px;
	left:304px;
	top:35px;
}
#footerMenu3 {
	position:absolute;
        height:100px;
	width:100px;
        background-image: url(../images/logo-ICC.png);
	background-repeat: repeat-x;
	left:470px;
	top:35px;
}

#footer ul.footerCoursesMenu a
{
    color:#ffffff;
}

#footerTestimonial {
	position:absolute;
	background-image:url(../images/bg-footer-quote-box.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:323px;
	height:138px;
	right:30px;
	top:0px;
}

.quote {
	position:absolute;
	width:246px;
	height:50px;
	top:25px;
	left:38px;
}
#footerCopyright {
	position:relative;
	width:970px;
	height:20px;
	color:#c6c4c4;/*lighter grey*/
	background-color:#fdfbf0;
	font-size:11px;
}
#footerTonic {
	position:absolute;
	width:350px;
	left:8px;
	text-align: left;
	line-height:18px;
}

#footerBocapa {
	position:absolute;
	width:450px;
	right:8px;
	text-align: right;
	line-height:18px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*------------------------------- SIDE MENU ---------------------------------

-----------------------------------------------------------------------------------*/
#sideMenu ul {
	padding:0px;
	margin: 20px 0px 40px 20px;
}

#sideMenu li {
	line-height:34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#937f64; /*caramel*/
	list-style:none;
	border:0px;
}
#sideMenu li a:link, #sideMenu li a:visited {
	color:#937f64; /*caramel*/
	text-decoration:none;
	text-decoration:underline;
	border:none;
	font-weight: normal;
	display:block;
}


#sideMenu li a:hover {
	color:#f88000; /*orange*/
}

/*
---------------------  HEADER & FOOTER LINKS / LISTS  ---------------------

-------------------------------------------------------------------------*/

#headerMenu ul {
	position:absolute;
	right:10px;
	margin:0px;
	color:#FFFFFF;
}
#headerMenu li {
	display:inline;
	margin-left:20px;
}
#headerMenu li a:link, #headerMenu li a:visited {
	color:#FFFFFF;
	font-size:11px;
	font-weight:100px;
	text-decoration:none;
	border:none;

}
#headerMenu li a:hover {
	text-decoration:underline;
}

#footer ul {
	position:absolute;
	top:30px;
	left:2px;
	margin:0px;
	padding:0px;
}
#footer li {
	display: block;
	color:#FFFFFF;
	font-size:12px;
	list-style:none;
	margin-left:0px;
        padding-bottom:0px;
	padding-left:0px;
	border:none;
}

#footer li a:link, #footer li a:visited {
		
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	border:none;

}
#footer li a:hover {
	text-decoration:underline;
}

#footerCopyright a:link, #footerCopyright a:visited {
	color:#937f64; /*light brown*/
	font-weight:normal;
	text-decoration:none;
	border:none;

}
#footerCopyright a:hover {
	text-decoration:underline;
}

ul li, ol li{
	line-height:18px;
	padding-bottom:8px;
}

/*-----------------------  LINK FORMATTING  (NON HEADER OR FOOTER) ----------------------

----------------------------------------------------------------------------------------*/

a:link, a:visited {
	color:#937f64; /*caramel*/
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px #937f64 dotted; /*dotted line caramel*/
}
a:hover {
	color:#522707;
	border:none;
}

#logo a:link,
#logo a:visited,
#logo a:active,
#logo a:hover {
	border:0px;
}

#content h3 a:link, #content h3 a:visited {
	color: #66bace; /*light blue*/
	text-decoration:underline;
	font-weight:bold;
}
#content h3 a:hover {
	color: #ffc425; /*yellow*/
	font-weight:bold;
}

/*------------------   HEADINGS - H1, H2, H3, H4, H5 FORMATTING  -------------

-----------------------------------------------------------------------------*/
#header h1 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF; 
	margin:0px;
	padding: 0px;
	font-weight: lighter;
	line-height:23px;
	letter-spacing:1px;
}

#generalBanner h2{
	position:relative;
	top:30px;
	left:40px;
	width:550px;
	color:#522707;
	font-size:29px;
	line-height:35px;
	font-weight:600;
	margin:0px;
	padding:0px;
}

#generalBanner h3{ /*page haeding*/
	position:absolute;
	top:75px;
	left:40px;
	width:580px;
	height:43px;
	font-family: Baskerville, Georgia, palatino, 'palatino linotype', serif;
	font-size:16px;
	font-weight:400;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#contentLeft h3{ /*page sub heading*/
	color:#f88000;
	font-size:16px;
	font-weight: lighter;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#contentLeft h4{ /*paragragh heading*/
	font-size:16px;
	color:#f88000; /*orange*/
	line-height:19px;
	margin:0px;
	padding:15px 0px;
}

#contentLeft h5{ /*To bold Names, Places, Numbers*/
	font-size:13px;
	color:#522707; /*brown*/
	line-height:15px;
	margin:0px;
	padding:0px;
}


#footer h5 {
	position:absolute;
	left:2px;
	margin:0px;
	color:#ffe097;/*creamy yellow*/
	font-weight: 800;
	font-size:12px;
	text-transform:uppercase;
}


/*------------------------   GENERAL TEXT, LIST FORMATTING   --------------------------

------------------------------------------------------------------------------------*/

p {
	margin:0px;
	padding-bottom:10px;
	line-height:20px;
	margin-bottom:0px;
}

#footerTestimonial p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:15px;
	font-style:italic;
	font-weight:bold;
	color:#937f64;
	text-align:center;
	
}

.brownBold {
	color:#522707;
	font-weight:600;
}	

.orangeBold {
	color:#f88000;
	font-weight:600;
}	

.upperCase {
	text-transform:uppercase;
}

.fontTrebuchet {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-weight: lighter;
}
.textAlighRight {
	text-align:right;
	margin-right:15px;
}

/*----------------------   GENERAL IMAGE FORMATTING  --------------------------------

------------------------------------------------------------------------------------*/

img {
	border:0px;
}

.bioPhotos {
	border:1px #EEEEEE solid;
	padding:4px;
	width:150px;
	float:right;
	margin-left:20px;
}

.bioPhotosSmall {
	border:1px #EEEEEE solid;
	padding:4px;
	width:90px;
	float:left;
	margin-right:20px;
}


#footerSocialIcons img {
	border:0px; 
	margin-right:0px;
	margin-top:30px;
}

a#quizButton
{
	position:absolute;
        top:105px;
        left:13px;
        margin:0px;
        padding:0px;
}

#generalBannerGfx img {
	border: none;
	float:right;
	right:0px;
}

.floatLeft {
	float:left;
	margin-right:20px;
}
.floatRight {
	float:right;
	margin-left:20px;
}

.photoLeft{
	border:1px #EEEEEE solid;
	padding:4px;
	float:left;
	margin-right:20px;
}

.photoRight{
	border:1px #EEEEEE solid;
	padding:4px;
	float:right;
	margin-left:20px;
}

/*-----------------------------  TABLE FORMATTTING    -----------------------

-------------------------------------------------------------------------------*/

table {
	background: none;
	border:0px;
	width: 400px;
}
table td {
	padding:5px 8px 5px 8px;
	background-color:#e1f4fd;
}
tr.tableCellBlue td {
	background-color: #aae1fa;
	color:#005696;
	font-size:13px;
	font-weight:bold;
	line-height:34px;
	margin:0px;
}
table.wide {
	background: none;
	border:0px;
	width: 560px;
	text-align:left;
}
table.wide td {
	background-color:#fff;
	border:0px;
	padding:10px;
}
table.timetableCoromandel {
	width: 420px;
	text-align:left;
}
table.timetableCoromandel td {
	padding:5px;
}

/* blog */

#generalBanner h2#blogHeader
{
    background-image:none;
	height:35px;
	position:relative;
	text-indent:0px;
        color:#6F5A3F;
	font-size:30px;
	width:382px;
}

h5.articleHeader, h5.articleHeader a
{
    color:#F88000;
    font-size:18px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:5px;
    padding:0px;
    text-transform:capitalize;
    width:400px;
    border:none;
}

h5.articleDate
{
    color:#ffffff;
    background-color:#937f64;
    font-size:12px;
    line-height:25px;
    text-indent:15px;
    margin-top:10px !important;
    margin-bottom:10px !important;
    padding:0px;
    width:200px;
}

h5.articleLink
{
    margin-top:5px;
    margin-bottom:20px;
}

h5.articleLink a
{
    color:#F88000;
    text-decoration:none;
    font-size:12px;
    border:none;
    margin:0px;
    padding:0px;
}

/* training-calendar */

.courseInfo
{
    position:relative;
    float:left;
    width:270px;
    margin-bottom:10px;
    padding:0px;
}

/* book-course */

#booking textarea
{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

#booking input
{
    margin-top:4px;
    margin-bottom:3px;
}

#booking p
{
    margin:0px;
    padding:0px;
}

#booking fieldset
{
    margin-bottom:20px;
}

#booking legend
{
    font-size:14px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

.messageDiv
{
    position:relative;
    width:400px;
    height:50px;
    color:red;
}

.hideMessageDiv
{
    position:relative;
    width:400px;
    height:50px;
    color:red;
    display:none;
}

.errorMessages
{
    color:#ff0000;
}

/* for form validation - input fields */
.error
{
    border-color: red;
}

/* feedBackMessg.php */
#feedbackMessage
{
    position:relative;
    height:50px;
    width:400px;
    margin:0px;
    padding:0px;
}

/* --- training-calendar --- */
#contentRight
{
    position:relative;
    float:right;
    height:300px;
    width:200px;
    margin-right:35px;
    margin-top:85px;
    padding:0px;
}

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

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

a.courseLink
{
    color:#522707;
    font-size:13px;
    line-height:15px;
    margin:0px;
    padding:0px;
    border:none;
    font-weight:bold;
    text-transform:capitalize;
}

/* quizz.php */

#quizzFlashHolder
{
    position:relative;
    width:800px;
    height:397px;
    margin-top:10px;
    margin-left:85px;
    padding-bottom:10px;
}

/* contact-us.php */

#contentLeftContact
{
    position:relative;
    width:280px;
    float:left;
    background-color:#FFFFFF;
    left:28px;
    top:0px;
    margin-top:28px;
    margin-bottom:28px;
}

#mapHolder
{
    position:relative;
    float:left;
    height:440px;
    width:600px;
    margin-top:28px;
    padding:0px;
}

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

.contactDetails
{
    list-style:none;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:10px;
    padding:0px;
}

.contactDetails li
{
    margin-bottom:0px;
    padding-bottom:0px;
}

#contactInfoGeneral
{
    position:relative;
    height:100px;
    width:230px;
    margin:0px;
    padding:0px;
}

#contactInfo
{
    position:relative;
    height:340px;
    width:230px;
    margin:0px;
    padding:0px;
}

#contactInfo2
{
    position:relative;
    height:205px;
    width:230px;
    margin:0px;
    padding:0px;
}



/* book course button */

.bookHere
{
    position:relative;
    height:47px;
    width:278px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:190px;
    padding:0px;
}

.bookHere a:link, .bookHere a:visited
{
    background-image: url(../images/bookCourseBttnUp.gif);
    background-repeat:no-repeat;
    height:47px;
    width:278px;
    position:absolute;
    display:block;
    text-indent: -10000px;
    border:none;
}

.bookHere a:hover, .bookHere a:active
{
    background-image: url(../images/bookCourseBttnDown.gif);
    background-repeat:no-repeat;
    height:47px;
    width:278px;
    position:absolute;
    display:block;
    text-indent: -10000px;
    border:none;
}