/*
STYLE SHEET

Table of contents :)
		
			1. General Layout Divs 
			2. Generic Classes
			3. Classes Footer One
			4. Classes Caboodle Details
			5. Main navigation
			6. Top navigation
 			7. Text h1, h2, h3 p tags etc
			8. Footer Divs
			9. Contact Form


/********************************************************
* LAYOUT DIVS
********************************************************/

* {
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	background-image:url(../images/bodyBkg.gif);
	background-repeat:repeat-x;
	background-color:#333333;
}

#wrapper {
	margin: 0px auto;
	padding:0;
	border:0;
	width: 800px;
	height:auto;
	background-color:#FFFFFF;
}

#mainWrapper {
	margin: 0px auto;
	padding:0;
	border:0;
	width: 800px;
	float:left;
	background-color:#FFFFFF;
}

#topNavigation {
	width:auto;
	height:24px;
	background-image:url(../images/topNavigation.gif);
	background-color:transparent;
	padding:0;
}

#header {
	background-image:url(../images/headerBkg.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	width:auto;
	height:110px;
	padding:0;
	margin:0;
}

#navigationWrapper {
	width:800px;
	height:209px;
	padding:0;
	margin:0;
}

#mainNavigation {
	width:217px;
	height:209px;
	float:left;
	background-image:url(../images/mainNavBkg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}

#headerRightImage {
	width:581px;
	height:209px;
	float:right;
	background-image:url(../images/headerImage.jpg);
	padding:0;
	margin:0;
}

* html #headerRightImage {
	float:left;
	width:580px;
	padding:0;
	margin:0;
}

#contentWrapper {
	width:800px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}

#leftContent {
	width:219px;
	height:auto;
	float:left;
	background-color:#FFF;
}

#rightContent {
	width:550px;
	float:left;
	padding:0;
	margin:0;
	background-color:#FFF;
}

/********************************************************
* GENERIC CLASSES
********************************************************/

.textDisplay {
	display:none;
}

.mainLogo {
	width:324px;
	height:57px;
	margin-left:15px;
	margin-top:27px;
	margin-bottom:0px;	
}

.cleartext {
	display:none;
}

.clearBoth {
	clear:both;
}

.linksImg {
	margin-top:10px;
	margin-bottom:0px;
	margin-left:20px;
	padding:0;
	border:none;
}

.boldTel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#003366;
	font-weight:bold;	
}

/********************************************************
* MAIN NAVIGATION STYLING
********************************************************/

#mainNavigation ul {
	margin: 0px;
	padding: 30px 0px 0px 18px;
	height:27px;
}
#mainNavigation li {
	display: inline;
	float:left;
}

#menutab1 a {
	display:block;
	height: 25px;
	width: 181px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/home.gif);
}

#menutab2 a {
	display:block;
	height: 25px;
	width: 181px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/services.gif);
}

#menutab3 a {
	display:block;
	height: 25px;
	width: 181px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/partner.gif);
}

#menutab4 a {
	display:block;
	height: 25px;
	width: 181px;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-image:url(../images/buttons/contact.gif);
}	

#menutab1 a:hover {
	background-image: url(../images/buttons/homeOver.gif);
}
#menutab2 a:hover {
	background-image: url(../images/buttons/servicesOver.gif);
}
#menutab3 a:hover {
	background-image: url(../images/buttons/partnerOver.gif);
}
#menutab4 a:hover {
	background-image: url(../images/buttons/contactOver.gif);
}


/********************************************************
* TOP NAVIGATION STYLING
********************************************************/

#topNavigation ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	margin-right:40px;
	padding: 0px 0 0 0;
	list-style: none;
	background:transparent;
}

#topNavigation li {
	float:right;
	margin-right:5px;
	padding: 5px 0 0 12px;
}

#topNavigation ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	text-decoration:none;
}

#topNavigation ul a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	text-decoration:underline;
}

/********************************************************
* TEXT STYLING H1,H2, H3 etc p tags
********************************************************/

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	width:500px;
	height:21px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
	color:#003366;
	border-bottom:1px solid #999;
	text-transform:uppercase;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:0.8em;
	color:#003366;
	padding-top:24px;
	margin-left:20px;
	margin-bottom:10px;
	width:170px;
	border-bottom:1px solid #999;
}

h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:0.8em;
	color:#003366;
	padding-top:10px;
	margin-left:20px;
	margin-bottom:10px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	padding-top:0px;
	margin-left:20px;
	margin-right:80px;
	padding-bottom:10px;
	color:#666666;
}

#rightContent ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-left:50px;
	margin-right:80px;
	padding-bottom:10px;
	color:#666666;
}

#rightContent ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-right:80px;
	padding-bottom:10px;
	color:#333333;
	text-decoration:none;
}

#rightContent ul a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	list-style:disc;
	padding-top:0px;
	margin-right:80px;
	padding-bottom:10px;
	color:#000000;
	text-decoration:underline;
}

#rightContent a {
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

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


/********************************************************
* FOOTER DIVS
********************************************************/

#footerWrapper {
	width:800px;
	height:167px;
	text-align:center;
	background-image:url(../images/footerBkg.gif);
	background-repeat:repeat-x;
	clear:both;
}

/********************************************************
* CLASSES - CABOODLE DETAILS FOOTER
********************************************************/
	
.footerCaboodleText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#333333;
	text-align:center;
}

.footerCaboodleLogo {
	width:778px;
	padding-top:20px;
	margin-left:10px;
	font-size:0.8em;	
}

.footerCaboodleLogo a {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:0.7em;
	text-decoration:none;
}

.footerCaboodleLogo a:hover {
	font-weight:bold;
	font-size:0.7em;
	text-decoration:underline;
}

.footerConteAddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	color:#003366;
	text-align:center;
}

.noBorder {
	border:none;
}

/********************************************************
* CONTACT FORM
********************************************************/

form#enquiry_form label.customlabel {
	float:left; 
	width:10em; 
	font-weight:bold;	
}

/********************************************************
* BUDGET REPORT STYLES
********************************************************/

#leftContent a {
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.7em;
	line-height:2em;
	padding-top:0px;
	/*margin-left:20px;*/
	padding-bottom:20px;
}

.budget-links a {
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.7em;
	line-height:2em;
	padding-top:0px;
	margin-left:20px;
	padding-bottom:20px;
}

.footer {
	text-align: center;
	margin-right: 80px;
}

.footer a {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.7em;
	line-height:1.2em;
	padding-top:0px;	
}
.footer a:hover, #leftContent a:hover {
	text-decoration:underline;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.2em;
	border-right:1px solid #999;
	margin:10px 0;

}

td {border-left:1px solid #999; border-bottom:1px solid #999; padding:5px;}

.tablehead {
	font-weight:bold;
	border-top:1px solid #999;
}

#forecasts {color:#000; font-weight:bold;}

.bold {font-weight:bold;}
.bold-italic {
	font-style:italic;
}
.center {text-align: center; margin-left: 105px;}
.centersmall {text-align: center; margin-left: 50px;}

#archivedbudget {clear:both; width:800px; margin:20px auto;}
#archivedbudget a {color:#777; text-decoration:none;}
#archivedbudget a:hover {color:#ccc; text-decoration:underline;}
/********************************************************
* END OF STYLE :)
********************************************************/