/* CSS Document */
/* All Round Rentals */

* {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body 	{line-height: 1;
	  	color: #ccc;
	   	background: #18242e;
	   	font-family: Trebuchet MS, Tahoma, Arial, helvetica;
		font-size: 70%;
}



h1 {color: #fff;
	margin: 0 0 0.5em 0;
	font-size: 200%;
	font-weight: lighter;
	background: url(images/template/hr.gif) repeat-x 50% 100%;
	padding-bottom: 5px

}

h2 {color: #abc4c9;
	margin: 1.5em 0 0.8em 0;
	font-size: 170%;
	font-weight: lighter;
	background: url(images/template/hr.gif) repeat-x 50% 100%;
	padding-bottom: 8px
}



h3 {color: #abc4c9;
	margin: 0 0 0.5em 0;
	font-size: 160%;
	font-weight: normal
}



h4 { color: #0b83af;
	border: 1px solid #efe9e9;
	padding: 2px 20px 4px 5px;
	font-weight: lighter;
	font-size: 130%;
	margin-bottom: 10px

}

p {color: #ccc; line-height: 1.3; margin-bottom: 10px }
span.blue { color: #63a4c5}
span.lightblue {color: #abc4c9}
span.grey  {color: #666 }
span.largetext {font-size: 120%}

a:link, a:visited {color:#63a4c5; text-decoration: none; }
a:hover {text-decoration: underline }
* html a:link, * html a:visited{ line-height: 1.2; }

div.clear { clear: both;}


/* START TEMPLATE STYLES */
/* -------------------------------- */
#container {width: 1024px; background-color: #18242e; margin: auto; padding: 0px 5px 0px 0px;  }
#header{height: 64px; margin: 0px 14px 0px 14px; z-index: 100;  position: relative; }
#logo { float: left; }
#contactmenu {float: right; margin: 20px 0px 0px 0px; text-align:right;}
#contactmenu a:link, #contactmenu a:visited { color: #ccc} 

#flags {float:right; margin-top: 15px }

#nav { float:right; color: #63a4c5; font-size: 120%; }
#nav ul {list-style-type: none; margin: 0px 10px 0px 0px; }
#nav li {display: inline; }

#banner {height: 224px; background: url(images/template/banner_bg.jpg) repeat-x; background-color:  #1f2933; margin-top: -10px; z-index: 1;  position: relative; padding-top: 40px}

#car {float:left; padding-left: 30px }
#car a.car {width: 194px; height: 24px; display:block;   }
#car a.car:hover {background-position: 0px -24px; }

#bike {float:left }
#bike a.bike {width: 194px; height: 24px; display:block;   }
#bike a.bike:hover {background-position: 0px -24px; }

#van {float:left }
#van a.van {width: 194px; height: 24px; display:block;  margin-left: 30px   }
#van a.van:hover {background-position: 0px -24px; }

#tour {float:left }
#tour a.tour{width: 194px; height: 24px; display:block;   }
#tour a.tour:hover {background-position: 0px -24px; }

#footer {background: url(images/template/hr.gif) repeat-x 50% 0%; width: 95%; text-align:center; font-size: 92%; color: #999; margin: 50px 10px 0px 10px; padding: 10px 10px 30px 10px; line-height: 1.2;}
#footer a:link, #footer a:visited {color: #999; text-decoration:none }
#footer a:hover {color: #ccc }
#footer p { margin: 0px; }
#footernav li { display:inline; }
#copyrighttext { display: block; clear: both; }

/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START CONTENT STYLES */
/* -------------------------------- */

#content {margin-top: -20px; background:url(images/template/content_bg.jpg) repeat-x; min-height: 500px}
#maincontent {width: 700px; float:left; border-right: 1px solid #333; padding: 0px 48px 0px 20px; background-color: transparent; z-index:1; position:relative;   }
#maincontent ul, ol { margin: 10px 0px 0px 50px}
#maincontent ul li {color: #abc4c9; list-style-type:square; line-height: 1.2}

div.picture_box { float: right; background-color: #2d3641; border: 1px solid #384454; text-align:center; padding: 8px 4px 8px 4px; margin-left: 15px; width: 220px}
div.picture_box p {float:left; margin: 8px 0px 0px 0px }

div.link {font-size: 150%; color:#fff; float:right; margin-top: 10px }
div.linkleft {font-size: 150%; color:#fff;}
div.link a:link, div.link a:visited, div.linkleft a:link, div.linkleft a:visited { text-decoration:none; color: #fff; background:url(images/home/link.gif) no-repeat 100% 50%; padding-right: 15px }
div.link a:hover, div.linkleft a:hover { text-decoration:none; color: #fff; background:url(images/home/link_hover.gif) no-repeat 100% 50%; }


#sidecontent {overflow: hidden; float: left; width: 220px; margin-left: 20px; background-color: transparent; z-index:2; position: relative  }
#news, #subnav {background-color: #313d44; padding: 10px 10px 20px 10px  }

#subnav ul { }
#subnav li {list-style-type:none; line-height: 1.8; border-bottom: 1px solid #384452;  }
#subnav li a:link {text-decoration: none; background:url(images/template/subnav_bullet.gif) no-repeat 0% 50%; padding-left: 15px }
#subnav li a:hover {color: #fff; background:url(images/template/subnav_bullet_hover.gif) no-repeat 0% 50%; }

/* END CONTENT STYLES */
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */

table { width: 100%; }

th { background-color:#516e80; vertical-align:top; padding: 5px 0px 5px 0px; color: #fff; font-weight:bold; text-align: left; }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none;} 
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none;} 
tr.dtgheader th.first, td.first  {padding-left: 5px}

.dtginfo_alternate {background-color: #333f45}
.dtginfo, .dtginfo_alternate {height: 25px }



/* END TABLE STYLES */
/* -------------------------------- */


/* START NEWSSNIPPET STYLES */
/* -------------------------------- */

/* Right Hand Side Snippets */
.NewsSnippet {
	margin-bottom: 10px;
	line-height:1.3;
}

.NewsSnippet .Heading {
	font-size: 110%;
	line-height: 1.0;
	font-weight: bold;
}

.RssMore {
	margin-top: 10px;
}

	.RssMore .RssNewsFeed {
		margin-right: 5px;
		padding-right: 5px; 
		border-right: 1px solid #63A4C5;
	}
	
	.RssMore .RssNewsFeed,
	.RssMore .NewsArchive {
		float: left;
	}

	.RssMore .NewsArchive {
		font-size: 100%;
	}

.NewsSnippet .Date {
	font-size: 90%;
}

/* Archive Snippets */

.NewsSnippetContainer {
	padding-bottom: 10px;
	line-height: 1.3;
}

.NewsSnippetContainer h3 {
	margin-bottom: 0px;
	line-height: 1.1;
}

.NewsSnippetContainer h5 {
	font-size: 130%;
	line-height: 1.1;
}

.NewsSnippetContainer p.MoreNews {
	margin-top: 1px;
	margin-bottom: 0px;
}

.FullArticle {

}

/* END NEWSSNIPPET STYLES */
/* -------------------------------- */


/* START STAFF SNIPPET STYLES */
/* -------------------------------- */

.StaffInfoSnippet {
}

	.StaffInfoSnippet .Left, 
	.StaffInfoSnippet .Right {
		float: left;
	}
	
	.StaffInfoSnippet .Left {
		margin-left: 5px;
		margin-right: 10px;
		width: 60px; 
	}
	
	.StaffInfoSnippet .Right {
		width: 620px;
	}
	
		.StaffInfoSnippet  .DirectorName {
			overflow: hidden;
			width: 100%;
		}
		
		.StaffInfoSnippet .Right div.h3 {
			float: left;
			font-size: 140%;
			font-weight: bold;
		}
		
		.StaffInfoSnippet .Right div.h4 {
			float: right;
			font-size: 120%;
			font-weight: bold;
		}
		
		.StaffInfoSnippet .Desc {
			margin-top: 10px;
		}
		
		.StaffInfoSnippet p.Property {
			overflow: hidden;
			width: 100%;
			margin: 0px;
		}		
		
			.StaffInfoSnippet p.Property strong,
			.StaffInfoSnippet p.Property em {
				float: left;
			}
			
			.StaffInfoSnippet p.Property strong {
				width: 100px;
			}
			
			.StaffInfoSnippet p.Property em {
				font-style: normal;
			}
			
/* END NEWSSNIPPET STYLES */
/* -------------------------------- */

/* START LINK SNIPPET STYLES */
/* -------------------------------- */

#maincontent  ul.LinkSnippetContainer {
	margin: 0px;
	padding: 0px 20px;
}

	.LinkSnippetContainer li {
		margin-bottom: 10px;
	}
	
	.LinkSnippetContainer p {
		margin: 0px;
	}
	
/* END LINK SNIPPET STYLES */
/* -------------------------------- */

/* START FAQ SNIPPET STYLES */
/* -------------------------------- */

	#maincontent  ul.FaqSnippetContainer {
		margin: 0px;
		padding: 0px 20px;
	}
	
	.FaqSnippet .Q { font-weight: bold; }

/* END FAQ SNIPPET STYLES */
/* -------------------------------- */

/* START CONTACT SNIPPET STYLES */
/* -------------------------------- */

#map {
	margin-bottom: 10px;
}

	.ContactInfoContainer {
		margin-bottom: 10px;
		overflow: hidden;
		width: 100%;
	}

	.ContactInfo {
		margin-right: 10px;
		float: left;
		line-height: 1.1;	
	}
	
		.ContactInfo p {
			clear: both;
			margin: 0px;
		}
		
			.ContactInfo p strong {
				float: left;
				width: 50px;
			}

.Success,
.Failed,
.Invalid,
.Waiting 
{
	display: none;
	padding: 10px;
	color: #fff;
	font-weight: bold;
}

.Success { background: #00cc00; }
.Failed { background: #cc0000; }
.Invalid { background: #bb0000; }
.Waiting { background: #63A4C5; }
            	        
	.FormRow {
		margin-top: 5px;
		overflow: hidden;
		width: 100%;

	}
	
		.FormRow label,
		.FormRow input {
			float: left;
		}
		
		.FormRow input[type=text] {
			border: 1px solid #63A4C5;
			height: 18px;
			line-height: 18px;
			width: 200px;
		}
		
		.FormRow label {
			width: 60px;
		}
		
		.FormRow input {
			
		}
		
		.FormRow textarea {
			width: 200px;
			height: 100px;
		}
				
		
		.FormRow label.Auto {
			margin: 0px 5px 0px 2px;
			width: auto;
		}
		

/* END CONTACT SNIPPET STYLES */
/* -------------------------------- */

	#FormRequest .FormRow label {
		width: 100px;
		
	}
	
	#FormRequest .FormRow label.Auto { width: auto; }
	
	.OnlineRequestContainer 
	{
		background: url(images/template/contact.jpg) 100% 38px no-repeat;
	}


/* START RESERVATION SNIPPET STYLES */
/* -------------------------------- */




/* END RESERVATION SNIPPET STYLES */
/* -------------------------------- */




/* START AGB SNIPPET STYLES */
/* -------------------------------- */

	.Agb ol li {
		margin: 10px 0px;
	}


/* END MAP SNIPPET STYLES */
/* -------------------------------- */


/* START RIGHT SIDE SNIPPET STYLES */
/* -------------------------------- */

	h4.RateCategory{
		border: none;
		background-color: #516E80;
		color: #fff;
		font-weight: bold;
		line-height: 110%;
		padding:2px 20px 4px 5px;
	}
	
		h4.RateCategory a {


		}
	
	.LongRate {
		padding: 5px;
		font-weight: bold;
		font-size: 110%;
		color: #63A4C5;
	}

/* END RIGHT SIDE SNIPPET STYLES */
/* -------------------------------- */

/* START TOUR STYLES */
/* -------------------------------- */

	.TourLanguages,
	.TourText {
		padding: 5px 0px;
	}
	
	.TourLanguages {
		text-align: right;
	}
	
	.MainTourImage {  }
	
	.Thumbnails {
		margin: 5px 0px;
	}
	
		.Thumbnails a {
			padding: 0px 5px 0px 0px;
		}
		
	.TourText {
		
	}

/* END TOUR STYLES */
/* -------------------------------- */


/* START VEHICLE PREVIEW STYLES */
/* -------------------------------- */

	#ThumbnailPreview {
		position: absolute;
		border: 3px solid #63A4C5;
		top: 100px;
		left: 100px;
		width: 65px;
		height: 65px;
		background: 50% 50% no-repeat;
		z-index: 10000;
		display: none;
	}
	
	#GalleryContainer {
		position: absolute;
		top: 10px; 
		left: 10px;
		width: 975px;
		height: 500px;
		background: #516E80;
		border: 1px solid #000;
		display: none;
		z-index: 11000;
	}

		#GalleryHeader {
			overflow: hidden;
			width: 100%;
			height: 43px;
			background: url(../Images/H1-Gallery.gif) 10px 10px no-repeat;
		}
		
		#GalleryContent {
			width: 100%;
			height: 457px;
		}
		
		a#CloseGalleryLink {
			float: right;
			margin: 5px;
			color: #fff;
			font-size: 85%;
			font-weight:bold;
			text-transform: uppercase;
		}
		
			a#CloseGalleryLink:hover { text-decoration: underline; }	

/* END VEHICLE PREVIEW STYLES */
/* -------------------------------- */