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

/* 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: 50px; background-repeat:no-repeat; 
}
.backgroundnorepeat {
	background-repeat: no-repeat
}

/* IMAGES */
img.border {
	border: 0px solid # ;
	padding: 0px 0px 0px 0px ;
	float: left;
	margin: 2px 0px 1px 1px;
}

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

hr { color: #2dba03;
}
	
/* LEFT PANEL */
.lp	{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #ffffff;
	background: #7eaeb8;

}

/* RIGHT PANEL*/
.rp	{
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #ccc;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 0px;
	margin: 5px 0px 0px;
	line-height: 1.0;	
}

/* LINKS */
A:link {
	COLOR: #666666;  TEXT-DECORATION: underline
}
A:visited {
	COLOR: #666666;  TEXT-DECORATION: underline
}
A:active {
	COLOR: #666666;  TEXT-DECORATION: underline
}
A:hover {
	COLOR: #79dcff; TEXT-DECORATION: none
}

/* ALL TITLES */
h1          { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#584f3d; padding:6px 0px 0px 10px; margin:0px 0px 0px 0px; line-height:1.2em; letter-spacing:0px;
}
h1 span {color:#978f7f; ;
}
h2          { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#584f3d; padding:4px 0px 0px 10px; margin:0px 0px 0px 0px; line-height:14px; letter-spacing:0px;
}
p.first { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 10px 20px 160px; margin:0px 0px 0px 10px; line-height:20px; letter-spacing:0px;
}
p.second { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#666666; padding:10px 10px 20px 5px; margin:0px 0px 0px 10px; line-height:20px; letter-spacing:0px;
}

p.headerinfo {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#187597; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px; position:relative; top:10px; float:right;
}

p.footer { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#ffffff; padding:7px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:1.2em; letter-spacing:0px; position:relative; top:39px;
}
html>/**/body .footer {
top:50px; /*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 */
}

/* LOGO */
.logo { padding:0px 0px 0px 0px;
}

/* 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 */
}

/* AC STYLES */ 

.bodytop {
height:39px;
width:674px;
background-image:url(../images/backgrounds/bodytop.jpg);
background-repeat:no-repeat;
margin:10px 0px 0px 0px;
position:relative;
left:11px;
}
html>/**/body .bodytop {
left:9px; /*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 */
}
.bodymid {
background-image:url(../images/backgrounds/bodymid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:11px;
top:-2px;
}
html>/**/body .bodymid {
left:9px; /*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 */
}
.bodybot{
height:1px;
background-image:url(../images/backgrounds/bodybot.jpg);
background-repeat:no-repeat;
position:relative;
left:11px;
top:-2px;
}
html>/**/body .bodybot {
left:9px; /*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 */
}

.rptop {
height:39px;
background-image:url(../images/backgrounds/rptop.jpg);
background-repeat:no-repeat;
margin:10px 0px 0px 0px;
position:relative;
left:-1px;
}
html>/**/body .rptop {
left:15px; /*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 */
}
.rpmid {
background-image:url(../images/backgrounds/rpmid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:-1px;
}
html>/**/body .rpmid {
left:15px; /*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 */
}
.rpbot{
height:1px;
background-image:url(../images/backgrounds/rpbot.jpg);
background-repeat:no-repeat;
position:relative;
left:-1px;
}
html>/**/body .rpbot {
left:15px; /*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 */
}

.columtop {
height:39px;
background-image:url(../images/backgrounds/rptop.jpg);
background-repeat:no-repeat;
margin:10px 0px 0px 0px;
position:relative;
left:11px;
}
.colummid {
background-image:url(../images/backgrounds/rpmid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:200px;
position:relative;
left:11px;
top:-1px;
}
.colummid2 {
background-image:url(../images/backgrounds/rpmid.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:320px;
position:relative;
left:11px;
top:-1px;
}
.columbot{
height:1px;
background-image:url(../images/backgrounds/rpbot.jpg);
background-repeat:no-repeat;
position:relative;
left:11px;
top:-2px;
}

ul.services {
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; padding:10px 10px 20px 10px; margin:0px 0px 0px 20px; line-height:20px; letter-spacing:0px;
}

li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}