/* 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/bg.jpg);
	BACKGROUND-REPEAT:repeat-x;
}

.random {
float:left;
margin:0px 0px 0px 222px;

}

.footerimg {
border:none;
}

.mainholder {
float:left;
margin:30px 0px 0px 0px;
}

ul.style1 {
margin:20px 0px 0px 250px;
padding:0px 0px 0px 50px;
}
li.style1 {
color: #297a37;
font-weight:bold;
}


.style4 {color: #297a37; font-weight: bold; }

/****** ELEMENTS ******/
#mainwrapper {
float:left;
	width:100%;
}
#content {
float:left;
}
#footer {
	float:left;
	margin:0 auto;
	width:100%;
	background:#ded9da;
}
.lp {
float:left;
width:222px;
background-color:#FFFFFF;
position:relative;
top:-260px;
}

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

/* IMAGES */
img.border {
	border: 1px solid #ccc ;
	padding: 1px 1px 1px 1px ;
	float: left;
	margin: 0px 10px 10px 10px;
}
img.border2 {
	border: 1px solid #ccc ;
	padding: 7px 7px 7px 7px ;
	float: left; 
	margin-top:0px;
    margin-right:15px;
    margin-bottom:5px;
}
img.border3 {
	border: none;
	float: left;
	margin: 0px 10px 10px 20px;
}

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

hr { color: #2dba03;
}
	

/* 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: 0px 0px 0px;
	line-height: 1.0;	
}

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



/* ALL TITLES */
h1          { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333333; padding:30px 0px 0px 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px; 
}
h2          { font-family:Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#333333; padding:7px 10px 0px 0px; margin:0px 20px 0px 20px; 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 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px;
}
h4          { font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; color:#333333; padding:7px 10px 0px 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px;
}
h6          { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#333333; padding:7px 10px 0px 0px; margin:0px 20px 0px 20px; 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 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px;
}
p.first { font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#333333; padding:7px 0px 10px 0px; margin:0px 20px 0px 20px; line-height:1.4em; letter-spacing:0px; text-align:left;
}
p.second { font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#333333; padding:7px 10px 10px 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px; font-weight:bold
}
p.footer { font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:normal; color:#333333; padding:7px 10px 10px 0px; margin:0px 20px 0px 20px; line-height:1.2em; letter-spacing:0px;
}

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

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


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

.clear {
clear:both;
}


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