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

/*	/// MITCHELL RENTON - http:://cellardoor-design.net ///   */

/*   /// COLORS ///   *

Blue		#262c42
BG			#f9f8f4 f9f8f4
light blue	#b6cfdc
gold		#d2d7c0
grey		#d0cdcd


/*   /// RESET ///   */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

img		{ border: none; }




/*   /// GENERAL ///   */

body			{ font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif; color: #262c42; background: url(/images/bg-tile.gif) repeat-x #f9f8f4; }
.left			{ float: left; }
.right			{ float: right; }
.clear			{ clear: both; height: 0; }
strong			{ font-weight: bold; }
.tour-image		{ float: left; padding-right: 10px; }
ol				{ margin-left: 15px; margin-bottom: 15px; }
ul				{ margin-left: 15px; margin-bottom: 15px; }
li				{ padding-bottom: 5px; }




/*   /// TYPOGRAPHY ///   */

h1				{ font: 3.6em Cambria, Georgia, Times, "Times New Roman", serif; color: #d2d7c0;  }
h2				{ font: 2.0em Cambria, Georgia, Times, "Times New Roman", serif; margin-bottom: 15px; }
h3				{ font: 2.9em Cambria, Georgia, Times, "Times New Roman", serif; margin-bottom: 10px; }
h4				{ font: 2.5em Cambria, Georgia, Times, "Times New Roman", serif; margin-bottom: 0; }
h5				{ font: 1.8em Cambria, Georgia, Times, "Times New Roman", serif; margin-bottom: 0; }
p				{ margin: 0 0 1em 0; line-height: 1.5em; }
a				{ color: #262c42; text-decoration: none;  }
a:hover			{  }
.intro p		{ font: 1.6em Georgia, Times, "Times New Roman", serif italic; line-height: 1.4em; }
.highlight h4	{ border-bottom: 1px solid #d0cdcd; padding-bottom: 0; margin-bottom: 7px; }
.highlight p 	{ line-height:1.4em; }
#content a		{ background:#b6cfdc none repeat scroll 0 0; display:inline-block; padding: 1px 4px; }
#content a:hover	{ text-decoration: underline; }
h2#tag-line		{ font: 1.2em Times, serif; text-transform: uppercase; color: #d2d7c0;  }
p.commentp		{ font: 1.3em Cambria, Georgia, Times, "Times New Roman", serif; }
p.intro-text	{ font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 1.4em; }
#contact p		{ font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 1.4em; margin-bottom: 5px; }
em				{ font-style: italic; }


/*   /// TABLE ///   */

table		{ margin-bottom: 15px; }
td			{ width: 100px; }


/*   /// LAYOUT ///   */

#container					{ position: relative; width: 810px; margin: 0 auto; margin-bottom: 40px; }
#header-wrap				{ width: 810px; height: 100px;  }
#logo						{ padding: 10px 0 0 10px; }
#content-top				{ width: 690px; height: 50px; padding: 34px 60px 0 60px; margin-top: 30px; background: url(/images/content_top_bg.gif) no-repeat #f9f8f4; }
#content					{ width: 690px; height: 100%; padding: 0 60px 0 60px; padding-top: 25px; background: url(/images/content_bg.gif) repeat-y #f9f8f4; }
#content-bottom				{ width: 810px; height: 69px; background: url(/images/content_bottom_bg.gif) no-repeat; }
.intro						{ width: 405px; height: 175px; float: left;  }
.main-image					{ width: 265px; float: left; margin-left: 20px; }
.main-image img				{ margin-bottom: 20px; }
#highlights					{ width: 406px; float: left; margin: 50px 20px 0 0; }
#highlights-content			{ width: 396px; background: #fff none repeat scroll 0 0; border: 1px solid #d0cdcd; padding: 4px; }
.highlights-content-back	{ width: 396px; background: transparent url(/images/highlights_bg.gif) repeat-x scroll center top; overflow: auto; }
.highlight					{ width: 178px; float: left; padding: 10px 10px 0 10px; }
.highlight img				{ background: #fff none repeat scroll 0 0; border: 1px solid #d0cdcd; float: left; margin-right: 6px; padding: 2px; }
#comment					{ width: 262px; float: left; margin: 50px 0 20px 0; }
.comment-content			{ width: 252px; background: #fff none repeat scroll 0 0; border: 1px solid #d0cdcd; padding: 4px; margin-bottom: 15px;  }
.comment-content-back		{ width: 232px; background: transparent url(/images/comments_bg.gif) repeat-x scroll center top; overflow: auto; padding: 10px; background-color: #f9f8f4 ; }
#text						{ width: 363px; float: left; padding: 20px; margin-bottom: 40px; background: #fff none repeat scroll 0 0 ; border: 1px solid #d0cdcd; font-size: 1.1em; }
div.tour1					{ width: 341px; border: 1px solid #d0cdcd; padding: 10px; margin-bottom: 20px; background: #f9f8f4 url(/images/1.gif) no-repeat right;   }
div.tour2					{ width: 341px; border: 1px solid #d0cdcd; padding: 10px; margin-bottom: 20px; background: #f9f8f4 url(/images/2.gif) no-repeat right;   }
div.tour3					{ width: 341px; border: 1px solid #d0cdcd; padding: 10px; margin-bottom: 20px; background: #f9f8f4 url(/images/3.gif) no-repeat right;   }
div.tour4					{ width: 341px; border: 1px solid #d0cdcd; padding: 10px; margin-bottom: 20px; background: #f9f8f4 url(/images/4.gif) no-repeat right;   }
#contact-details			{ width: 262px; float: left; margin-left: 20px;  }
.contact-content			{ width: 252px; background: #fff none repeat scroll 0 0; border: 1px solid #d0cdcd; padding: 4px; margin-bottom: 15px; }
.contact-content-back		{ width: 232px; background: transparent url(/images/comments_bg.gif) repeat-x scroll center top; overflow: auto; padding: 10px; background-color: #f9f8f4 ; }
#contact					{ width: 341px; border: 1px solid #d0cdcd; padding: 10px; margin-bottom: 20px; background: #f9f8f4; }
.cellardoor					{  list-style: none; float: right; margin-right: 10px; }
.cellardoor a				{ background: transparent url(/images/cellardoor.png) no-repeat top; display: block; text-indent: -9999px; width: 133px; height: 40px; margin: 0; padding: 0; }
.cellardoor a:hover			{ background-position:  bottom; }
#comments					{ width: 405px; float: left; margin: 10px 0 20px 0; }
.comments-content			{ width: 395px; background: #fff none repeat scroll 0 0; border: 1px solid #d0cdcd; padding: 4px; margin-bottom: 15px;  }
.comments-content-back		{ width: 375px; background: transparent url(/images/comments_bg.gif) repeat-x scroll center top; overflow: auto; padding: 10px; background-color: #f9f8f4 ; }





/*   /// NAVIGATION ///   */

/* tab navigation */

ul#nav 		{ background:url(/images/nav.gif); position: absolute; top: 67px; left: 232px }
ul#nav li 	{ float: left; list-style-type: none }
ul#nav li a { height:33px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navAbout a, li#navBooking a, li#navInsurance a, li#navTourdates a, li#navContact a {background: url(/images/nav.gif) }

li#navHome a								{ background-position: 0 0; width: 73px; left: 0 }
li#navHome a:hover							{ background-position: 0 -33px }
body#pageHome li#navHome a 					{ background-position: 0 -33px }

li#navAbout a								{ background-position: -73px 0; width: 76px; left: 73px }
li#navAbout a:hover							{ background-position: -73px -33px }
body#pageAbout li#navAbout a 				{ background-position: -73px -33px }

li#navBooking a								{ background-position: -149px 0; width: 93px; left: 149px }
li#navBooking a:hover						{ background-position: -149px -33px }
body#pageBooking li#navBooking a 			{ background-position: -149px -33px }

li#navInsurance a							{ background-position: -242px 0; width: 113px; left: 242px }
li#navInsurance a:hover						{ background-position: -242px -33px }
body#pageInsurance li#navInsurance a 		{ background-position: -242px -33px }

li#navTourdates a							{ background-position: -355px 0; width: 115px; left: 355px }
li#navTourdates a:hover						{ background-position: -355px -33px }
body#pageTourdates li#navTourdates a 		{ background-position: -355px -33px }

li#navContact a								{ background-position: -470px 0; width: 84px; left: 470px }
li#navContact a:hover						{ background-position: -470px -33px }
body#pageContact li#navContact a 			{ background-position: -470px -33px }




/*   /// BLOG ENTRIES ///   */




/*   /// FORMS ///   */

.form-input		{ width: 195px; height: 23px; background: #fff; border: 1px solid #d0cdcd; padding: 7px 0 0 5px; margin-bottom: 20px; }
.form-textarea	{ width: 334px; height: 113px; background: #fff; border: 1px solid #d0cdcd; padding: 7px 0 0 5px; margin-bottom: 20px; }
.form-verif		{ width: 40px; height: 23px; background: #fff; border: 1px solid #d0cdcd; padding: 7px 0 0 5px; margin: 5px 0 20px 0; }
.code			{ border: 1px solid #d0cdcd; }
.button			{ width: 103px; height: 30px; background: #e9e9df; border: 1px solid #262c42; padding: 3px 2px 10px 5px; margin-bottom: 20px; }
.button:hover	{ background: #262c42; border: 1px solid #d2d7c0; color: #d2d7c0; }



/*   /// FOOTER ///   */

#footer-wrap	{ width: 810px; height: 30px; background: url(/images/content_bg.gif) repeat-y; }
#footer			{ width: 668px; height: 42px; padding: 8px 10px 0 10px; margin: 0 auto; background: #262c42; color: #f9f8f4; }
#footer p		{ color: #d2d7c0; }
#footer a		{ color: #d2d7c0; }
#footer a:hover	{ text-decoration: underline; }
#footer ul		{ list-style: none; }
#footer li		{ display: inline; border-left: 1px solid #d2d7c0; padding: 0 10px 0 10px; }
#footer li.first		{ border-left: none; }

