
body {
	FONT-FAMILY: arial; 
	TEXT-ALIGN: center; 
	margin:0px;
	background-image:url(images/strip.jpg);
	background-repeat: repeat-x;
}


#container{
	width: 1000px; 
	min-height: 600px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	background-image: url(images/cont-strip.jpg);
	background-position: 19px 0px;
	background-repeat: repeat-y;
}


/* tiny Hack to hide unwanted parts of a repeated background - all in the name of being lightweight 1X1px repeat*/

.tiny{border: solid 0px #000; width: 318px; height: 18px; position: absolute; top: -18px; right: 0px; background-image: url(images/tiny.gif);}

.tiny-01{border: solid 0px #000; width: 318px; height: 18px; position: absolute; bottom: -18px; right: 0px; background-image: url(images/tiny.gif);}

.tiny-02{border: solid 0px #000; width: 318px; height: 18px; position: absolute; bottom: -18px; right: 0px; background-image: url(images/tiny.gif);}

/*End Hack*/

#banner{
	border: solid 0px #000;
	width: 962px;
	height: 135px;
	margin-top: 18px;
	float: left;
	margin-left: 18px;
	position: relative;
	background-image: url(images/banner.jpg);
	
}

#bntx{
	border: solid 0px #000;
	width: 150px;
	min-height: 100px;
	float: left;
	margin-left: 150px;
	margin-top: 8px;
	text-align: left;
	color: #fff;
	

}

#menu-fade{
	border: solid 0px #000;
	width: 962px;
	height: 57px;
	background-image: url(images/menu-strip.jpg);
	float: left;
	margin-top: 18px;
	margin-left: 18px;
}

#under-tab{
	border: solid 0px #000;
	width: 962px;
	height: 18px;
	background-color:#62704f;
	float: left;
	margin-left: 18px;
	
}

#content-header{
	border: solid 0px #000;
	background-image: url(images/header-strip.jpg);
	height: 49px;
	width: 962px;
	float: left; 
	margin-left: 18px;
	}
	
#left-tb{float: left;}

#tb-cen{float: left; height: 33px; color:#62704f; background-image: url(images/tb-cen.jpg); }

#tb-cen p{margin-top: 4px;}

#right-tb{float: left;}	
	
h1{color: #62704f; font-size: 18px; margin-top: 16px; margin-bottom: 0px; text-align: left; margin-left: 6px;}	

#content{
	border: solid 0px #000;
	float: left;
	margin-left: 18px;
	width: 640px;
	min-height: 750px;
	color: #4a4842;
	text-align: left;
	
}

#content p{clear: both;}

#sidebar{
	border: solid 0px #000;
	min-height:311px;
	width: 311px;
	float: right;
	margin-right: 20px;
	background-image: url(images/sidebar-strip.jpg);
	margin-top: -1px;

}

#sidebar span{color: #d23900;}

#sidebar p{text-align: left; margin-top: 4px; margin-bottom: 2px; color: #62704f; margin-left: 26px; font-size: 14px;}

#live-chat{
	border: solid 0px #000;
	width: 160px;
	height: 90px;
	float: left;
	margin-left: 24px;
	margin-top: 3px;
	

}

#side-links{
	border: solid 0px #000;
	width: 280px;
	min-height: 50px;
	float: left;
	margin-left: 26px;
	color: #62704f;
	text-align: left;
	font-size: 14px;
	margin-top: 4px;


}

img.fq{float: left; margin-left: 4px;}
.faq{float: left; margin-left: 4px; width: 580px;; height: auto; border: solid 0px #000; margin-top: 6px; margin-bottom: 4px;}
.line{margin-bottom: 4px;}

#footer{
	border: solid 0px #000;
	width: 962px;
	height: 93px;
	float: left;
	margin-left: 18px;
	margin-bottom: 18px;
	background-image: url(images/footer-strip.jpg);
	position: relative;
	
}

#side-img{float: left; margin-left: 26px; margin-top: 4px; margin-bottom: 20px;}

#footer p{margin-top: 20px; color: #fff; font-size: 12px;}


/*classes*/ 



.slideshow { height: 180px; width: 184px; margin: auto; float: left; margin-left: 8px; margin-bottom: 4px; border: solid 0px #000; overflow: hidden;}

.slideshow2 { height: 180px; width: 184px; margin: auto; float: left; margin-left: 8px; margin-bottom: 4px; border: solid 0px #000; overflow: hidden;}

.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #e2ead5; }

.slideshow2 img { padding: 10px; border: 1px solid #ccc; background-color: #e2ead5; }

.tabs{background-image: url(images/tab.jpg); float: left; text-align: left; margin-left: 0px; margin-top: 18px; color: #fff; width: 133px; height:39px;}

.tabs p{margin-top: 10px; font-size: 12px; margin-left: 16px;}

.clear{clear: both;}

.img_box{
  	border: solid 1px #d7dad3;
  	background-color: #e1ead5;
  	width: auto;
  	text-align: center;
  	margin-left: 8px;
  	padding: 8px 8px 25px 8px;
  	float: left;
  	margin: 4px 0 8px 8px;
  	position: relative;
  	}
  	
  	.img_box_2{
  	border: solid 1px #d7dad3;
  	background-color: #e1ead5;
  	width: auto;
  	text-align: center;
  	margin-left: 8px;
  	padding: 8px 8px 25px 8px;
  	float: left;
  	margin: 2px 20px 10px 0px;
  	position: relative;
  	}
  /*top right bottom left*/
  	
.img_box img{border: solid 1px #d7dad3;}  	
span.ib{color: #62704f; font-size: 11px; position: absolute; bottom: 6px; left: 8px;}



/*A tags*/

#sidebar a:link {color: #62704f;text-decoration: none;}
#sidebar a:visited {color: #62704f;text-decoration: none;}
#sidebar a:hover {color: #d23900;text-decoration: underline ;}


#menu-fade a:link {color: #fff;text-decoration: none;}
#menu-fade a:visited {color: #fff;text-decoration: none;}
#menu-fade a:hover {color: #c8cebd;text-decoration: none ;}

#footer a:link {color: #fff;text-decoration: none;}
#footer a:visited {color: #fff;text-decoration: none;}
#footer a:hover {color: #c8cebd;text-decoration: none ;}

a.two:link {color: #575bea;text-decoration: underline;}
a.two:visited {color: #575bea;text-decoration: underline;}
a.two:hover {color: #4a4842;text-decoration: none ;}

a.one:link {color: #62704f;text-decoration: none;}
a.one:visited {color: #62704f;text-decoration: none;}
a.one:hover {color: #b2b1ad;text-decoration: none ;}

a.con:link {color: #fff;text-decoration: none;}
a.con:visited {color: #fff;text-decoration: none;}
a.con:hover {color: #dcdcdc;text-decoration: none ;}


/*form*/

#form_outer{
	border: solid 1px #d7dad3;
	background-color: #e1ead5;
	width: 570px;
	
	padding: 4px;
	margin: 0 0 10px 0;


}

#form_outer p{font-size: 12px; margin: 0px;}

#form_left{
	border: solid 0px #000;
	float: left;
	width: 48%;
	
}

#form_right{
	border: solid 0px #000;
	float: right;
	width: 48%;
	text-align: right;
	
}

.input_text{
	border: solid 1px #d7dad3;
	background-color: #fff;
	height: 22px;
	width: 120px;

}

.input_text:hover {
    border: 1px solid #000;
    background: #ccd1c5;
}



.input_message{
	border: solid 1px #d7dad3;
	background-color: #fff;
	height: 100px;
	width: 400px;

}

.input_message:hover{
	border: solid 1px #000;
	background-color: #ccd1c5;
	height: 100px;
	width: 400px;

}

.drop_left{float: left;}

#form_lower{

	border: solid 0px #000;
	width: 95%;
	float: left;

}

/*Planning*/

#pl_l{float: left; width: 60%; border:solid 0px #000;}
#pl_r{float: right; width: 36%;border:solid 0px #000;}

/*Developments*/

#des{border: solid 0px #000; width: 100px; text-align: left; font-weight: bold; float: left; margin-left: 40px;}

#facts{border: solid 0px #000; width: 480px; text-align: left; font-weight: normal; float: left;}

/*Overlay*/

.overlay{background:#e1ead5;color:#62704f;border:1px solid #62704f;padding:15px;margin:15px;}

#ct_lw{
	
	border: solid 2px #d23900;
	width: 140px;
	height: 35px;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px;
	padding-top: 20px;
	float: left;
	background-colour: #fff;
	
	position: absolute;
	top: -100px;
	right: 130px;

}

#ct_lw a:link{text-decoration: none; color: #62704f;}
#ct_lw a:visited{text-decoration: none; color: #62704f;}
#ct_lw a:hover{text-decoration: none; color: #d23900;}
