/* MAIN BODY */
BODY {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size: 0.8em;
	color: #333;
	line-height:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#e9ebea;
	background-image: url(../images/backgrounds/bg.jpg);
	background-repeat:repeat-x;
}

/* BACKGROUNDS */
.brand   {background-image:url(../images/brand.jpg); background-repeat:no-repeat;
}
.panelbgheader  { background-image: url(../images/backgrounds/panelbgheader.jpg); height: 20px; background-repeat:no-repeat
}
.panelbgcenter  { background-image: url(../images/backgrounds/panelbgcenter.jpg);
}
.panelbgfooter { background-image: url(../images/backgrounds/panelbgfooter.jpg); height: 132px; background-repeat:no-repeat
}
.backgroundnorepeat {
	background-repeat: no-repeat
}

/* IMAGES */
img.border {

	padding: 1px 1px 1px 0px ;
	clear:both;
margin:20px 0px 0px 0px;
}
img.border2 {
	float: left; 
	margin-top:0px;
    margin-right:10px;
    margin-bottom:5px;
}

.brandcolor1{
	background: #2dba03;
}
.brandcolor2{
	background: #2dba03;}




/* RIGHT PANEL*/
.rp	{
font-family:Arial, Helvetica, sans-serif;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
	
}

.rightcol{
width:300px;
float:left;
margin:15px 0px 0px 30px;
padding:0px 0px 0px 0px;

}


/* LINKS */
A:link {
	COLOR: #b62734;  TEXT-DECORATION: underline;font-weight:bold;
}
A:visited {
	COLOR: #b62734;  TEXT-DECORATION: underline;font-weight:bold;
}
A:active {
	COLOR: #b62734;  TEXT-DECORATION: underline;font-weight:bold;
}
A:hover {
	COLOR: #d4af36; TEXT-DECORATION: none;font-weight:bold;
}

/* ALL TITLES */
h1          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#333333; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h2          { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#b62734; 
padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h3          { font-family:Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#333333; padding:15px 10px 5px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h4          {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#6f6f6f; 
padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; 
padding:15px 0px 0px 20px; margin:0px 0px 0px 0px; line-height:normal; letter-spacing:0px;

}
h6          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#333333; padding:7px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:1.28em; letter-spacing:0px;
}
h7          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#333333; padding:7px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}




p.first { font-family:verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#6d6d6d; 
padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:1.4em; letter-spacing:0px;
}
p.second { font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#333333; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px; font-weight:bold
}
p.footer { 
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#e1e1e1;

 padding:15px 10px 0px 90px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px;
}

/* LOGO */
.logo { position:relative;
top:30px;
left:100px;
}

/* ROTATER */
.rotate {padding: 10px 0px 0px 10px
}

/* CLOCK */
#clock { font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#2dba03; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}

/* This is to give frounded corners to fieldset in Firefox */
fieldset { -moz-border-radius: 8px; border-radius: px; }

/* ROUNDED BUBBLE*/ 
div.bubble div.rounded {
	margin-bottom: 19px; /*use this padding to position the arrow and title relative to the bubble*/
	border: 3px solid #ccc;
	background-color: #f0f0f0;
	margin-left:10px;
	width:546px; /*use this to change the width of the bubble*/
}

#titlebubble {
padding-bottom:20px; /*use this to adjust the padding below the title bubble*/
}

div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: absolute;
	margin: 355px 0px 0px 10px; /*use this padding to position the arrow left and right*/
	padding-left: 0px;
	padding-top: 18px; /*use this padding to position the arrow reletive to the title*/
	top: 10px;
	background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0; /* EDIT THE tip-rounded.gif IN PHOTOSHOP TO CHANGE COLOUR!!!!*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style:normal;
	/*margin: 356px 0px 0px 10px; /*use this padding to position the arrow left and right*/
}

html>/**/body div.bubble cite.rounded {
margin: 356px 0px 0px 10px; /*This is the same class as above except IE ignores this due to the code before the class name. Its to fix cross browser problems */
}

/*GALLERY FIX*/
ul.images { list-style-type: none;
}
ul.images li { float: left;
}		
ul.images li img { padding: 10px; border: 1px #ccc solid; margin: 10px;
}	
h2 { clear: both;
}	




/* added css phil */ 

#wrapper{
width: 620px;
margin:0px 0px 0px 0px;
paddding:0px 0px 0px 0px;
}
.container {


margin:0px 0px 0px 98px;
paddding:0px 0px 0px 0px;
}

.containerstrap{
float:left;
width:550px;
margin:0px 10px 0px 0px;
paddding:0px 0px 0px 0px;
}

.strapline {
clear:both;
position:relative;
top:290px;
left:95px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px;
 font-weight:bold; color:#ffffff; 
 line-height:1.2em; letter-spacing:0px;
}

.leftboxcontainer{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

.lefttopbox{
background-image: url(../images/backgrounds/lefttop.jpg);
background-repeat:no-repeat;
background-color:#b62734;
width:518px;
height:49px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.lefttopbox h2{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; 
padding:10px 40px 0px 20px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}



.leftmiddlebox{
background-image: url(../images/backgrounds/leftmiddle.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.contain{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
width:480px;

}


.leftbottombox{
height:29px;
background-image: url(../images/backgrounds/leftbottom.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


/* right box*/ 

.righttopbox{
background-image:url(../images/backgrounds/topright.jpg);
background-repeat:no-repeat;
height:50px;
width:245px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.rightmiddlebox{
background-image:url(../images/backgrounds/rightmiddle.jpg);
background-repeat:repeat-y;
width:245px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.rightbottombox{
background-image:url(../images/backgrounds/rightbottom.jpg);
background-repeat:no-repeat;
height:16px;
width:245px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.formcontainer{
	margin:0px;
	padding:11px 0px 0px 0px;
		
	}
	
	/*filler*/ 
	.fillerone{
	height:10px;
	}
	
	html>/**/body div.filler{
	
	
	}
	.uspcontainer {
		margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	.usp{
	line-height:1.3em;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#gallery{ 
	margin: 10px 0px 0px 0px;
	
	}
	#gallery ul{ 
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	#gallery li{ 
	float:left;
		margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
	
.footercontainer{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}