body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #cccccc;
	color: #000;
	margin: auto;
}

h1{ color: #fff; font-size:18px; margin: 4px 0 0 10px; font-weight: 500;}
h2{ color: #2b3f5e; font-size: 16px;}
h3{ color: #2b3f5e; font-size: 14px; margin: 0 0 5px 0;}
h4{ color: #2b3f5e; font-size: 12px; margin: 5px 0 5px 0;}


.clear{ clear: both; float: none; text-indent: -9999px;}
a {color: #2b3f5e; text-decoration: none;}

p.ads{ margin: 10px 0 0 10px; color: #664d2f; font-size: 18px;}
p.adtext{ margin: 0 0 0 10px; color: #664d2f; }

p.ad_contact{ margin: 10px 0 0 140px; color: #664d2f; font-size: 18px;}
p.adtext_contact{ margin: 0 0 0 140px; color: #664d2f; }

p.rate{ font-size: 18px; color: #153A33; }
p.quote{ font-size: 14px; font-weight: 500; margin-top:-10px;}
p.sign { padding-left: 20px; margin-top:-10px;}

p.download{ padding: 520px 0 0 18px; *padding-top: 0; *margin-top: -5px;}
hr{ color: #5f7698; margin: 5px 0 10px 0;}

.IEmove{ *margin-top:-50px;}
/*
container div
*/

#container{
	width: 975px;
	margin: auto;
	background-image:url(../images/body_back.jpg);
}

/*
head section
*/


#head{
	width: 975px;
	height: 360px;
	_height: 360px;
	_overflow: hidden;
}

#logo{
	width: 193px;
	height: 87px;
	background-color:#FFF;
	margin: -45px 0 0 17px;
}

/*
Top menu buttons - display type inline
*/

#top_buttons{
	width: 960px;
	height: 45px;
	margin: 0 0 0 8px;
	background-color: #2b3f5e;
}

.menu{
	padding: 0px;
	overflow: hidden;
	padding-left: 210px;
	font-size: 16px;
	margin: 0 0 0 0;
}
	
.menu li{
	display: inline;
	font-size: 16px;
}
	
.menu li a{
	color: #fff;
	float: left;
	padding: 11px 16px;
	text-decoration: none;
}

.menu li a:visited{
	text-decoration: none;
}

.menu li a:hover{
	color: #fff;
	background: #5f7698;
}

.menu li.current a{
	background:#5f7698;
	color: #fff;
}

/*
Side Menu buttons
*/

#side_buttons{ 
	float: left;
	width: 190px;
	height: 270px;
	margin: 0 0 0 17px;
	background-color: #5f7698;
	_margin-left: 9px;
}

.sidemenu{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 170px;
	font-size:16px;
}


.sidemenu li a{
	color: white;
	display: block;
	padding: 6px 4px;
	text-decoration: none;
	border: 1px solid;
	border-color:#5f7698 #5f7698 #7488a5 #5f7698; /*light dark dark light*/
	background-color: #5f7698;
	_margin-top: -20px;
}

.sidemenu ul{ 
	_padding-bottom: 0px;
	_margin-top: 10px;
}

.sidemenu span{ padding: 0px; color: #000;}


.sidemenu li a:visited{
	color: white;
}

.sidemenu li a:hover{
	color: #fff;
	background-color: #2b3f5e;
}

.sidemenu li.active a{
	color: #fff !important;
	background-color: #2b3f5e;
}

#first{
	_padding: 20px 0 0 0;
	_margin: 0;	
}


/*
Image flicker
*/


#image_flicker{
	float: left;
	width: 750px;
	height: 310px;
	margin: -40px 0 0 3px;
	_margin-left: 2px;
	_margin-top: -38px;
}

#content{
	width: 975px;
	margin: 0 0 0 0;
	*padding-bottom: 10px;
	_margin-left: -15px;
	
}

#booking{
	width: 960px;
	margin: 0 0 0 17px;
	_margin-left: 100px;
}

/*
booking box
*/

#booking_box{
	width: 942px;
	height: 50px;
	background-color: #cccccc;
	margin: 0 0 0 17px;
	_margin-left: 33px;
	_margin-top: 3px;
}

/*
main sections devided into 3 columns
*/

#column1{
	float: left;
	width: 300px;
	height: 315px;
	background-image: url(../images/section_back.jpg);
	margin: 10px 0 0 17px;
}

#column2{
	float: left;
	width: 300px;
	height: 315px;
	background-image: url(../images/section_back.jpg);
	margin: 10px 0 0 20px;
}

#column3{
	float: left;
	width: 300px;
	height: 315px;
	background-image: url(../images/section_back.jpg);
	margin: 10px 0 0 20px;
}

#right{
	float: right;
	width: 300px;
	*padding: 0;
	*margin-right: 25px;
	_margin-right: -34px;
}

#right img{
	border: none;
	}

#rightside{
	float: right;
	width: 300px;
	height: 315px;
	background-image: url(../images/section_back.jpg);
	margin: 10px 17px 0 10px;
}

#section_pic{
	width: 289px;
	height: 200px;
	padding: 10px 0 0 5px;
}

#section_text{
	width: 290px;
	margin: -7px 0 0 7px;
	*margin-top: 5px;
}

/*
main text under the columns
*/

#main_text{
	float: left;
	width: 620px;
	margin: 0 0 10px 17px;
	*margin-top: 10px;
}

#small_image{
	float: left;
	width: 200px;
	height: 110px;
	background-color:#966;
	margin: 15px 10px 5px 0;
}

#map_pdf{
	width: 200px;
	height: 110px;
	margin: 30px 10px 5px 20px;
}

/*
ads at right of the page
*/

#right_ad{
	float: right;
	width: 302px;
	height: 86px;
	background-image:url(../images/ad_map.jpg);
	margin: 30px 17px 0 0;
}

#right_ad_contact{
	float: right;
	width: 302px;
	height: 86px;
	background-image:url(../images/ad_contact.jpg);
	margin: 20px 17px 10px 0;
}

/*
footer 
*/

#footer{
	width: 970px;
	height: 160px;
	background-image: url(../images/footer_back.jpg);
	margin: 0 0 0 0;
	/*margin-top: 10px;*/
}

#footinfo{
	width: 940px;
	padding: 10px;
	text-align:center;
	color: #fff;
}

#footinfo a{
	text-decoration:none;
	color: #fff;}
	
#footinfo a:hover{text-decoration:underline;}


/*
sub menu buttons on internal pages
*/

#modernbricksmenu2{
padding: 0;
margin: 6px 0 0 0;
width: 100%;
background: transparent;
}

#modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
color: white;
text-decoration: none;
margin: 0 1px 0 0; 
padding: 5px 10px;
background-color: #5f7698; 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #7488a5; 
color: white;
}

#modernbricksmenu2 #current a{ 
background-color: #7488a5; 
color: white;
border-color: #7488a5; 
}
