@charset "utf-8";
/* CSS Document */

@import "reset.css";



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


#div	{ /* for debugging */
border:	0px solid gray;
padding: 0px;
}

#main-container { /* to center the page */
text-align:	center;
}
#container-0 {
width:900px;
text-align:left;
margin:auto;
padding:0px;
}

	#container-1-header {
	width:100%;
	height:81;
	text-align:left;
	margin:auto;
	padding:0px 0px 0px 0px;
	float:left;
	}
		#header-1-1{
		width:20px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		#header-1-2{
		width:20px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		#header-1-3{
		width:350px;
		height:61px;
		position:relative;
		text-align:right;
		padding:0px;
		margin:20px 0px 0px 0px;
		float:right;
		}
		
	#menu {
	display:block;
	width:100%; 
	height:23px;
	float:left;
	padding:0px 0px 0px 0px;
	}
		#menu-2-1 {
		}	
		
		#menu-2-1 ul {
		margin:0; 
		padding:0; 
		list-style-type:none;
		}	
		#menu-2-1 ul li {
		float:left; 
		margin:0px 2px 0px 0px;
		}
		#menu-2-1 ul li a {
		display:block;
		color:#000;
		padding: 4px 8px 5px 24px;
		}
		
		#menu-2-1 ul li a.selected {
		background-image: url(../images/template/menu_selected.gif);
		}
		
		#menu-2-1 ul li a:hover {
		background-image: url(../images/template/menu_hover.gif);
		text-decoration: none;
		}
		
		
		
		#menu-2-2 {
		color:#FFFFFF;
		text-align:center;
		width:195px; 
		height:23px;
		float:right;
		padding:4px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background:	url(../images/template/bg_sitemap.gif) no-repeat;	
		}
		
	#container-3{
	width:100%;
	height:216px;
	text-align:;
	margin:auto;
	padding:0px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 9px 0px;
	background:	url(../images/template/main1.jpg) no-repeat;
	}		
		#content-3-1{
		width:400px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:22px 0px 0px 21px;
		float:left;
		}
		#content-3-2{
		width:280px;
		height:65px;
		position:relative;
		padding:12px 15px 0px 15px;
		margin:30px 20px 0px 0px;
		float:right;
		background:	url(../images/template/bg_testimonial.gif) repeat-x;
		opacity: 7;
		-moz-opacity:0.7; 
		filter: alpha(opacity=70);
		}
		

/* - - - - - start index page layout - -  - - - */			

	#container-4 {
	width:100%;
	height:;
	text-align:left;
	margin:auto;
	padding:0px;
	float:left;
	background:	url(../images/template/1.jpg) no-repeat;
	}

		#content-4-1{
		width:200px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
			#content-4-1-1{
			width:186px;
			height:67px;
			position:relative;
			padding:12px 0px 0px 14px;
			margin:0px 0px 0px 0px;
			font-weight: bold;
			float:left;
			background:	url(../images/template/bg_index_box_1.gif) no-repeat;
			}
			#content-4-1-2{
			width:186px;
			height:54px;
			position:relative;
			padding:18px 0px 0px 14px;
			margin:0px 0px 0px 0px;
			font-weight: bold;
			float:left;
			background:	url(../images/template/bg_index_box_2.gif) no-repeat;			
			}
			#content-4-1-3{
			width:186px;
			height:54px;
			position:relative;
			padding:19px 0px 0px 14px;
			margin:0px 0px 0px 0px;
			font-weight: bold;
			float:left;
			background:	url(../images/template/bg_index_box_3.gif) no-repeat;
			}
			#content-4-1-4{
			width:166px;
			position:relative;
			padding:19px 20px 0px 14px;
			margin:0px 0px 0px 0px;
			float:left;
			}
			
		#content-4-2{
		width:455px;
		position:relative;
		padding:0px 0px 0px 15px;
		margin:0px 0px 0px 0px;
		float:left;
		}
			#content-4-2-1{
			width:100%;
			position:relative;
			padding:0px 0px 0px 0px;
			margin:10px 0px 0px 0px;
			float:left;
			}
			#content-4-2-2{
			width:100%;
			position:relative;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			float:left;
			}

		#content-4-3{
		width:195px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:right;
		}
			#content-4-3-1{
			width:100%;
			height:270px;
			position:relative;
			padding:0px 0px 0px 22px;
			margin:0px 0px 0px 0px;
			float:left;
			background:	url(../images/template/bg_form.gif) no-repeat;
			}
			#content-4-3-2{
			width:180px;
			height:80px;
			position:relative;
			padding:8px 0px 0px 22px;
			margin:0px 0px 0px 0px;
			font-weight: bold;
			float:left;
			background:	url(../images/template/bg_box_book.gif) no-repeat;
			}

/* - - - - - end index page layout - -  - - - */





/* - - - - - start inner pages layout - -  - - - */	
			
	#container-u-r-here{
	height:	100%;
	height:	20px;
	font-size: 85%;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	display:inline; /* for IE ...*/
	}			
		
	#content-inner-4-1{
	width:200px;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	}
		#content-inner-4-1-1{ /* sub-nav */
		width:166px;
		position:relative;
		padding:10px 20px 7px 1px;
		margin:0px 0px 0px 0px;
		float:left;
		}
		#content-inner-4-1-2{ /* book a survey */
		width:185px;
		height:80px;
		position:relative;
		padding:8px 0px 0px 21px;
		margin:0px 0px 0px 0px;
		font-weight: bold;
		float:left;
		background:	url(../images/template/bg_box_book.gif) no-repeat;
		}
		
	#content-inner-4-2{
	width:455px;
	position:relative;
	padding:10px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	}
		#content-inner-4-2-1{
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:10px 0px 0px 0px;
		float:left;
		}
		#content-inner-4-2-2{
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
		
	#content-inner-4-3{
	width:195px;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:right;
	}
		#content-inner-4-3-1{
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
			
/* - - - - - end inner pages layout - -  - - - */
		

	#container-5 { /* for footer divs*/
	width:100%;
	text-align:left;
	margin:auto;
	padding:0px;
	float:left;
	}
		#content-5-1{
		width:450px;
		position:relative;
		padding:8px 0px 30px 5px;
		margin:0px;
		float:left;
		}
		#content-5-2{
		width:350px;
		position:relative;
		padding:8px 5px 20px 0px;
		margin:0px;
		float:right;
		text-align:	right;
		}
		#content-5-3{
		width:370px;
		height:100px;
		position:relative;
		padding:0px 5px 0px 0px;
		margin:0px;
		float:right;
		text-align:	right;
		background:	url(../images/template/bg_trade_logos.gif) no-repeat;
		}
 
 
 /* -------- end all layout divs ---------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------- - - */

.clear_div {
clear: both;
}
.no-bottom-padding{
padding-bottom: 0px
}
.right-padding20{
padding-right: 20px
}
.top-para {
font-size: 120%;
font-weight: bold;
}
.container-u-r-here{
height:	20px;
font-size: 85%;
color: #333;
margin: 10px 0px 5px 24px;
padding: 0px 0px 0px 0px;
}
.list-general {
line-height:130%;
list-style-type:disc;
padding:0px 0px 0px 14px;
margin:0px 0px 0px 0px;	
}
.sub-nav li{
list-style-type:	none;
}
.sub-nav a {
margin:             0px 0px 0px 0px;
font-size:          100%;
line-height:        1.4;
padding:            6px 10px 6px 0px;
border:             #f8f721;
display:            block;
color:              #000;
width:              150px;
border-style:       solid;
border-top-width:   0px;
border-right-width: 0px;
border-bottom-width:1px;
border-left-width:  0px;
text-decoration:    none;
background-color:   #fff;
}
.sub-nav a:hover {
background-color:   #fff;
text-decoration:    none;
}
.more {
font-size: 9px;
}
.white {
color: #fff;
}
.bar {
width: 100%;
height:	3px;
margin:	10px 0px 10px 0px;
padding:0px;
background-color:#000000;
opacity:0.2;
-moz-opacity:0.2;
filter: alpha(opacity=20);
}
#header-phone {
font-size: 210%;
/*color: #515151;*/
font-weight: bold;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;	
}
.small-caps {
font-size: 60%;
text-transform: uppercase;
line-height:2; /* this is for IE only */
}
.bold {
font-weight: bold;
}
.small-caps-testimonial {
font-size: 80%;
text-transform: uppercase;
line-height:2; /* this is for IE only */
}
.small-caps-u-r-here {
font-size: 8px;
text-transform: uppercase;
}
.sub-strapline{
font-family: Arial, Helvetica;
font-style:italic;
font-size: 150%;
font-weight:;
}
.main-strapline{
font-family: Arial, Helvetica;
text-transform:uppercase;
font-size: 250%;
font-weight: bold;
}
.box-book-book {
font-family: Arial, Helvetica;
font-size: 140%;
font-weight: bold;
}
.box-book-number {
font-family: Arial, Helvetica;
font-size: 150%;
font-weight: bold;
color: #999;
}
.box-book-email {
font-family: Arial, Helvetica;
font-size: 90%;
font-weight:;
color:;
}
.grey {
color: #999;
}
#content-3-2 span{
display:block;
float:left;
width:160px;
margin-top:-2px;
}
.form-title{
font-family: Arial, Helvetica;
font-size: 150%;
padding-top:5px;
padding-bottom:0px;
}
.in-this-section{
padding:0px 0px 0px 21px;
}
.footerbar {
width: 100%;
height:	4px;
margin:	15px 0px 0px 0px;
padding:0px;
background-color:#000;
float:	right;
}
.footer {
font-size: 90%;
color: #000;
}
#footer-address{
margin:	0px 0px 0px 0px;
padding:5px 0px 0px 0px;
}



/* -------- general styles ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

div	{
border:	0px solid gray;
padding: 0px;
}
body { 
font-family:Verdana, Arial, Helvetica;
background:	url(../images/template/xxxxx.gif) repeat-x;
color:#000000;
margin:0px;
line-height: 1.3;
}
td			{
vertical-align: top
}
hr {
height: 0; 
border-style: dashed; 
border-width: 1px 0 0 0; 
border-color: #999;
margin-top: 5px;
margin-bottom: 20px;
}
p{
line-height: 	1.2;
padding-bottom: 10px
}
a{
color:#999;
text-decoration:none;
}
/*
a:hover{
color: #c8a900; 
text-decoration:underline;
opacity:0.8;
filter: alpha(opacity=80);
text-decoration:none;
}*/

a:hover {
color:#c8a900;
border-bottom:1px dotted #c8a900;
text-decoration:none;
}
a.index_boxes{
color:#333;
text-decoration:none;
}
a.index_boxes:hover{
color:#c8a900;
border-bottom:1px dotted #c8a900;
text-decoration:none;
}
a.white{
color:#ffffff;
text-decoration:none;
}
a.testimonials{
color:#000;
}
a.testimonials:hover{
color:#000;
text-decoration:underline;
}
h1{
font-size:		250%;
color: 			#000000;
margin-bottom:	8px;
font-weight:	bold;
font-family:	Arial, Helvetica;
line-height:	1.1;
}
h2{
font-size:		180%;
color: 			#000000;
margin-bottom:	10px;
font-weight:	bold;
font-family:	Arial, Helvetica;
}
h3{
font-size:		140%;
color: 			#000000;
font-weight:	bold;
margin-bottom:	7px;
margin-top:		5px;
}
h4{
font-size:		120%;
font-weight:	bold;
margin-bottom:	7px;
margin-top:		5px;
}
ul{
margin:	0px 0px 0px 0px;
padding: 2px 20px 10px 20px;
}


/* ----------- Form styling ----------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*  contact_form  */

fieldset {
}
fieldset.contact_form input, fieldset.contact_form textarea {
font-family: Verdana;
font-size: 105%;
border: 1px solid #e5e5e5;
background-color:#e5e5e5;
width:145px;
}
fieldset.contact_form legend {
display:none;
}
fieldset.contact_form ol {
list-style:none;
}
fieldset.contact_form ol li {
clear:left;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
vertical-align: middle;
}
fieldset.contact_form ol li label {
padding-top:0px;
float:left;
width:80px;
}
p#required_notation {
padding-top:8px;
padding-bottom:30px;
}



/*  quote_form  */

fieldset {
}

fieldset.quote_form {
background:	url(../images/template/bg_form_2.gif);
background-repeat: repeat-x;
border: 1px solid #f1f1f1;
}

fieldset.quote_form input, fieldset.quote_form textarea {
font-family: Verdana;
font-size: 105%;
border: 1px solid #e5e5e5;
background-color:#e5e5e5;
padding: 2px;
width:245px;
}
fieldset.quote_form legend {
display:none;
}
fieldset.quote_form ol {
list-style:none;
margin: 0;
padding: 20px 0 20px 10px;
}
fieldset.quote_form ol li {
clear:left;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
vertical-align: middle;
}
fieldset.quote_form ol li label {
padding-top:0px;
float:left;
width:120px;
}
p#required_notation {
padding-top:8px;
padding-bottom:30px;
}

/* ----------- End form styling ---------- */




/*  3 BLANK DIVS

	#container- {
	width:100%;
	height:100px;
	text-align:;
	margin:auto;
	padding:0px;
	float:left;
	background:	url(../images/template/1.jpg) no-repeat;
	}
			
				
		#content--1{
		width:400px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}		
		#content--2{
		width:100px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
		#content--3{
		width:200px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:right;
		}

*/