@charset "utf-8";

/* Start layout divs 
-----------------------------------------------------------------------------------*/



html 		{font-size: 0.85em}
body 		{font-size: 80%}	
html>body 	{font-size: 0.85em}


body {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica;
color:#fff;
background-color:#fff;
background: url(images/bg.gif) repeat-y center top;
}

body.page-popup{
padding:0px;	
}

body div{ 
text-align:left;
border:#999 solid 0px;
}

.header{
padding:0px;
}

#content {
width:690px; 
text-align:left;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;	
}
	
	.black-wrapper{
	background-color:#000;
	}
		.video-wrapper{
		width:614px; 
		margin:0px 0px 0px 24px;
		padding:0px 0px 0px 0px;
		
		text-align:center;
		}
		.text-wrapper{
		width:634px; 
		margin:0px 0px 25px 24px;
		padding:0px 0px 0px 0px;
		float:left;	
		}
	
	
	.buckets-wrapper{
	margin:12px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	}
		.left-bucket{
		width:299px;
		height:250px;		
		margin:0px 0px 12px 0px;
		padding:17px 20px 24px 20px;
		float:left;
		background-color:#789BC4;
		}
		.right-bucket{
		width:299px;
		height:250px;
		margin:0px 0px 12px 0px;
		padding:17px 20px 24px 20px;
		float:right;
		background-color:#789BC4;
		}	
		.bottom-bucket{
		width:650px;
		margin:0px 0px 10px 0px;
		padding:20px 20px 20px 20px;
		float:left;
		background-color:#789BC4;
		}	



/* footer divs
-------------------------------------------------------------------------------------*/

			.footer-left{
			width:250px;
			margin:0px 20px 40px 0px;
			padding:0px 0px 0px 0px;
			float:left;
			color:#999;
			}
			.footer-right{
			width:350px;
			margin:0px 0px 40px 0px;
			padding:0px 0px 0px 0px;
			float:right;
			text-align:right;
			color:#999;
			}
		
		
		
	


/* Custom styles 
------------------------------------------------------*/



.note-to-client{
color:red;
}
.display-none{
display:none;
}
.centred{
text-align:center;
}


.top-padding-5{
padding:5px 0px 0px 0px;
}
.top-padding-10{
padding:10px 0px 0px 0px;
}
.bottom-padding-10{
padding:0px 0px 10px 0px;
}
.left-padding-18{
padding:0px 0px 0px 18px;
}




.image-float-left{
float:left;
margin:2px 15px 5px 0px;
}
.image-float-right{
float:right;
margin:2px 0px 10px 9px;
}


.small-caps{
font-size:90%;
text-transform: uppercase;
font-weight:bold;
line-height:1; /* this is for IE only */
}

.uppercase{
text-transform: uppercase;
}
.no-underline {
text-decoration:none;
}

.clear_div {
clear: both;
}
.bold {
font-weight: bold;
}




p{
padding:0px 0px 9px 0px;
margin:0px 0px 0px 0px;
font-size:130%;
line-height:1.2;
text-align:left;
}
p.belle{
padding:0px 0px 15px 0px;
font-size:130%;
line-height:1.2;
}
p.tight{
padding:0px 0px 3px 0px;
line-height:1.15;
}

p.smaller-text{
font-size:110%;
line-height:1.2;
}


a{
color:#999;
text-decoration:none;
}
a:hover{
color:#333;
text-decoration:none;
}
a.white{
color:#fff;
text-decoration:none;
}
a.white:hover{
color:#fff;
text-decoration:none;
}
a.black{
color:#000;
text-decoration:none;
}
a.black:hover{
color:#000;
text-decoration:none;
}


.big-white{
color:#fff;
font-size:14px;
}

img{
border:0;
}

#content a:hover img{
/*opacity: 0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);*/
}


h1{
padding:5px 0px 0px 0px;
margin:0px 0px 5px 0px;	
color:#666;
font-size:140%;
font-weight:bold;
line-height:1.4;
}
h2{
font-family: Arial, Helvetica;
padding:5px 0px 0px 0px;
margin:0px 0px 5px 0px;	
color:#34aca1;
font-size:130%;
font-weight:bold;
line-height:1.4;
}
h3{
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;	
color:#fff;
font-size:100%;
font-weight:normal;
line-height:1.1;
}