/*
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:#F5F5F5;
}

#outerWrapper {
	margin: 0px auto;
	padding:0;
	width:100%;
}

#mainWrapper {
	margin: 0px auto;
	width:955px;
	background-color:#EFEFEF;
}

#topWrapper {
	width:100%;
	height:28px;
	margin:0;
	padding:0;
	background-image:url(../images/layout/topWrapperBkg.jpg);
	background-repeat:repeat-x;
}

#topImage {
	margin: 0px auto;
	width:955px;
	height:28px;
	background-image:url(../images/layout/topImage.jpg);
}

#headerWrapper {
	margin: 0px auto;
	width:955px;
	position:relative;
	background-color:#FFFFFF;
}

#siteLogo {
	float:left;
}

#headerImage {
	float:right;
}

#navigationContainer {
	position:absolute;
	width:328px;
	height:250px;
	float:left;
	background-color:#333;
	margin-top:-9em;
	margin-left:1.5em;
}

#navigationWrapper {
	width:328px;
	height:243px;
	margin-top:3px;
	background-image:url(../images/layout/navigationWrapperBkg.jpg);
	background-repeat:repeat-y;
}

#navigation {
	margin: 0 auto;
	width:320px;
	height:225px;
	padding-top:15px;
	background-image:url(../images/layout/navigationWatermark.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#introWrapper {
	margin-top:-5px;
	height:160px;
	background-image:url(../images/layout/redGradient.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#A20C18;
}

* html #introWrapper {
	height:90px;
	margin-top:0px;
}

#contentWrapper {
	width:955px;
	float:left;
	margin-top:-19px;
	background-color:#FFFFFF;
}

#leftContent {
	width:890px;
	height:1%;
	float:left;
	padding:2em;
}

/*
#rightContent {
	width:237px;
	height:1%;
	float:left;
	padding-bottom:0;
	padding-left:2em;
	padding-right:2em;
	padding-top:2em;
}
*/

#greyBar {
	width:301px;
	height:20px;
	float:left;
	background-color:#333333;
}

#ie6Bug {
	width:301px;
	height:20px;
	float:right;
}

* html #greyBar {
	height:40px;
}

*:first-child+html #greyBar {
	height:40px;
}

#footerContainer {
	width:955px;
	height:46px;
	float:left;
	background-image:url(../images/layout/footerImage.gif);
	background-repeat:repeat-y;
	background-color:#A20C18;
}

#footerContainer2 {
	width:955px;
	float:left;
	margin: 0 auto;
	text-align:center;
	background-color:#F5F5F5;
}

/********************************************************
* INTRO WRAPPER 
********************************************************/

#introContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	color:#FFF;
	margin-left:5px;
	margin-right:30px;
	margin-bottom:0;
}

#introContent p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:underline;
}

#introContent p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	text-decoration:none;
}

#introContent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:5px;
	margin-bottom:2px;
	color:#FFFFFF;
}

#introContent {
	width:545px;
	height:150px;
	float:right;
	margin-top:1.5em;
}

* html #introContent {
	margin-top:15px;
	margin-bottom:-10px;
}

/********************************************************
* CONTENT 
********************************************************/

#leftContent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#00316C;
	background-image:url(../images/layout/heading1logo.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top:0.7em;
	padding-left:45px;
	padding-bottom:1em;
}

#leftContent h2, #rightContent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#00316C;
	padding-top:0.7em;
	padding-left:0px;
	padding-bottom:0.4em;
}

#leftContent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#9C0915;
	padding-top:0.7em;
	padding-left:15px;
	padding-bottom:0.2em;
}

#leftContent p, #rightContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	padding-bottom:1.5em;
	color:#333;
}

.smallFont {
	font-size:0.9em;
	font-style:italic;
}

#leftContent p a, #rightContent p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-decoration:underline;
}

#leftContent p a:hover, #rightContent p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-decoration:underline;
}

#rightContent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#00316C;
	padding-bottom:0.4em;
}

#leftContent ul {
	padding-top:0.5em;
	padding-bottom:1em;
}

#leftContent li {
	list-style:circle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-left:1em;
	margin-left:25px;
	line-height:1.5em;
	color:#333;
}

#leftContent li a {
	list-style:circle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	text-decoration:underline;
}

#leftContent li a:hover {
	text-decoration:underline;
	color:#333;
}

/********************************************************
* RIGHT CONTENT
*******************************************************

#rightContent ul {
	margin-top:0.8em;
	margin-bottom:0.7em;
}

#rightContent li {
	list-style:circle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-left:1em;
	line-height:1.5em;
	color:#333;
}

#rightContent li a {
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}

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

*/

/********************************************************
* EXTRA WRAPPER - service & processes page 
********************************************************/

#extraContainer {
	width:100%;
	float:left;
}

#extraWrapper {
	width:100%;
	float:left;
}

#extraWrapper p {
	margin:1em;
}

.columnOne {
	width:30%;
	float:left;
}

.columnTwo {
	width:33%;
	float:left;
}

.columnThree {
	width:36%;
	float:left;
}

.photo {
	border:1px solid #CCC;
	padding:3px;
	float:left;
	margin-right:10px;
	margin-bottom:25px;
}

.profileContainer {
	margin-bottom:10px;
}

#ListLeft {
	float:left;
	margin-right:80px;
	padding-left:10px;
}

#ListRight {
	float:left;
	border-left:1px solid #F5F5F5;
	padding-left:80px;
}

/********************************************************
* NAVIGATION 
********************************************************/

#navigation ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFF;
	margin-left:15px;
	list-style:none;	
}

#navigation li {
	width:282px;
	display:block;
	border-bottom:1px solid #999;
	padding-top:0px;
}

#navigation li a {
	width:282px;
	height:25px;
	display:block;
	font-size:1.1em;
	padding-top:5px;
	color:#FFF;
	text-decoration:none;
}

#navigation li a:hover {
	width:257px;
	font-size:1.1em;
	color:#333;
	padding-top:5px;
	padding-left:25px;
	background-color:#FFF;
	background-image:url(../images/layout/arrowNavigation.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/********************************************************
* FOOTER 
********************************************************/

#left {
	width:194px;
	height:30px;
	margin-top:8px;
	margin-left:1.5em;
	background-image:url(../images/layout/teleImage.gif);
}

#right {
	width:240px;
	height:30px;
	float:right;
	margin-right:1.5em;
	margin-top:-30px;
}

#footerContainer2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.6em;
	color:#333333;
	margin-top:3em;
	padding-bottom:1.5em;
}

#footerContainer2 p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	text-decoration:none;
}

#footerContainer2 p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	text-decoration:underline;
}


/********************************************************
* GENERIC CLASESS 
********************************************************/

.siteLogo {
	margin-top:2.5em;
	margin-left:2em;
}

.clearBoth {
	clear:both;
}

.displayNone {
	display:none;
}

.blueBold {
	color:#00316C;
	font-weight:bold;
}

.borderNone {
	border:none;
}

.marginLeft {
	margin-left:15px;
}

/********************************************************
* END OF STYLE :)
********************************************************/