@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Zentime
Version:		1.3
Last change:	2/06/09 []
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/* Layout */
* {
	margin: 0;
	padding: 0;
}

html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#D7E4BD;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
}

.main{
	width: 930px;
	padding-top: 5px;
	/*margin: 0 auto;*/
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	padding:15px;
	margin: 0px auto;
	
}


.navigation{
	width: 930px;
	padding-top: 5px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	height:80px;
}

.navigation-links{
	font-size:14px;
	
}

.navigation-links-entry{
	background-image:url(../media/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 25px;
	margin-bottom:3px;
	margin-top:5px;
}

.navigation-left{
	width:450px;
	float:left;
}

.navigation-right{
	width: 475px; /* 470px */
	float:left;
	text-align:right;
	font-size:18px;
	color:#525252;
	font-weight:bold;
}

.body{
	width: 930px;
	padding-top: 5px;
	margin: 0 auto;
	text-align: left;
	/*display: table;*/ /* before hiding this sometimes some pages had display problems - the div main-right would go below main-left - although was fine when refreshed page?? */
	background-color: #FFFFFF;
}

.body-left{
	background-color: #FFFFFF;
	width:162px; /* 182px */
	float:left;
	margin-right:30px;
	display:table;

}

.body-right{
	background-color: #FFFFFF;
	width: 728px;
	float:left;
	display:table;
}

.body-right2{
	background-color: #FFFFFF;
	width: 728px; /* 718 */
	float:left;
	display:table;
}

.services{
	background-color:#91AF8B;
	width:718px;
	height:25px;
	padding-top: 4px;
	color:#FFFFFF;
	padding-left:5px;
}


.services-left{
	background-color:#91AF8B;
	width:181px;
	height:25px;
	color:#FFFFFF;
	padding: 4px 0 0 0;
	margin-bottom:2px;
}
.services-thumbs{
	background-color:#FFFFFF;
	height:98px;
	width:718px;
	padding-bottom:10px;
}

.services-thumbs-title{
	background-color:#FFFFFF;
	height:18px;
	width:718px;
	padding-bottom:10px;
	font-size:14px;
}

.services-thumbs-entry{
	background-color:#FFFFFF;
	width:235px;
	float:left;
	margin-right: 4px;
	
}

.services-thumbs-entry-end{
	background-color:#FFFFFF;
	width:235px;
	float:left;
	margin-right: 2px;
}

.footer{
	width: 950px;
	padding-top: 5px;
	margin: 0 auto;
	text-align: center;
	display: table;
	font-size:10px;
	
}

.contactdetails{
	font-size: 11px;
}

/* Body - split into 2 columns */

.body-col-left{
	float:left;
	background-color:#FFFFFF; /* FFFFFF */
	width: 330px; /*330 */
	padding-top:5px;
}

.body-col-right{
	float:left;
	background-color: #FFFFFF; /* FFFFFF */
	width: 320px; /* 320 */
	
}

.temp{
	width: 440px;
	display:block;
}

/* form */

form label {
  display: block;
  float: left;
  width: 80px;
  
  
}

#to_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}


#contact_name {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}


#email_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#position {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#company {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}



#projectinfo {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 font-family: verdana , arial, hevetica, sans-serif;
  font-size:12px;
}

#telno {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#budget {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#project {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#deadline {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#comments {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 font-family: verdana , arial, hevetica, sans-serif;
  font-size:12px;
}

form div input.inputText {
  width: 2830px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

.submitbutton {
  color: #000000;
  font-family:Arial, Helvetica, sans-serif;
}

.hideform {
	display: none;
}

.required{
	color:#333333;
	font-size:10px;
}

/* Toggle msg */

.msg{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana;
	padding:3px 4px;
	border:solid 1px #DEDEDE;
	background:#FFFFCC;
	font-size:11px;
	color:#333333;
	width:200px;
	margin-left:2px;
}

/* Box */

.box-left{
	background-color:#E2EBCF;
	width:163px; /* 178 */
	padding: 2px;
	font-size: 12px;
	
}

.box{
	background-color:#E2EBCF;
	width:308px;
	padding: 2px;
	font-size: 12px;
}

.clear{
	clear:both;	
}

/* Colours */

.green{
	color: #91AF8B;
}
/* Text */

h1{
	display:none;
}

h2{
	font-size:15px;
	font-weight:bold;
	margin-bottom:7px;
}

h3{
	font-size:12px;
	font-weight:bold;
}

p{
	margin: 5px 0 10px 0;
}

a {
	text-decoration:none;
	color: #7A9991;
}

a:hover{
	text-decoration:underline;
}

ul li{
list-style-image:url(../media/bullet.jpg);
font-size:12px;
margin-left:20px;
margin-bottom: 10px;
margin-top: 10px;

}

.smalltext{
	font-size: 11px;
}

/* Image */

.image-padding-right{
	margin-right: 10px;
}

/* Colours */

.green{
	color: #68A92E;
}

.darkgreen{
	color: #4F6228;
}

/* Rounded box */

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#4F6228; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#4F6228; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#4F6228; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#4F6228; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #4F6228;}
.headh {background: #4F6228; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color:#FFFFFF;}
.contenth {background: #D7E4BD; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 5px; margin-right: 5px; padding-top: 5px;}

.box-heading {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* Business Course page */

.business-course-box{
	background-color:#5E8C6A;
	margin-top:20px;
	text-align:center;
	height:245px;
	padding-top:15px;
}

.business-course-box a{
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}

.business-course-box-heading{
	color:#FFF;
	font-size: 15px;
	font-weight:bold;
	margin-bottom:10px;
}


.business-course-box-column-heading{
	width: 640px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}

.business-course-box-dates{
	width: 640px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	
}

.business-course-box-col-heading{
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
}

.business-course-box-col1{
	float:left;
	width: 140px;
	margin-right:10px;
	color:#FFF;
}

.business-course-box-col2{
	float:left;
	width: 140px;
	margin-right:10px;
	color:#FFF;
}

.business-course-box-col3{
	float:left;
	width: 140px;
	color:#FFF;
	margin-right:10px;
}

.business-course-box-col4{
	float:left;
	width: 190px;
	color:#FFF;
}

.sub-heading-box{
	background-color:#BFB35A;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	color:#FFF;
}
.business-support-image{
	padding: 0 10px 10px 0;	
}