@charset "utf-8";
@import url('style-reset.css');

/*   
Template Name: Luxury Marble 
Author: Dieter Schneider
Author URI: http://www.csstemplateheaven.com/
*/

/*-----------------------------------------------*/
/*--------------- SITE STRUCTURE ---------------*/
/*---------------------------------------------*/

body {font-size: 100%; color:#000; font-family:Georgia, "Times New Roman", Times, serif; background: url(images/sepia-grey/body.png) center repeat-y}

#container {margin: auto; width: 858px; font-size: .875em;}

#header_index {
  height: 187px; 
  width: 858px; 
  background: url(images/sepia-grey/navbar.png) no-repeat bottom center;
}

#header {height: 187px; width: 858px; margin-bottom: 45px; background: url(images/sepia-grey/navbar.png) no-repeat bottom center;}

#logo {
  width: 521px; 
  height:85px; 
  margin: auto; 
  padding: 30px 0; 
  background: url(images/sepia-grey/logo.png) no-repeat center
}

#left {float: left; margin-left: 45px; margin-bottom: 45px; width: 440px; text-align: justify}

#left_small {
  float: left; 
  margin-top: 5px;
  margin-left: 45px; 
  margin-bottom: 45px; 
  width: 200px; 
  text-align: justify
  }

#right_small {
  float: right; 
  margin-top: 5px;
  margin-right: 45px; 
  margin-bottom: 45px; 
  width: 200px; 
  text-align: justify
  }

#right_large {
  float: left; 
  margin-top: 5px;
  margin-left: 45px; 
  margin-bottom: 45px; 
  width: 525px;}

#left_large {
  float: left; 
  margin-top: 5px;
  margin-left: 45px; 
  margin-bottom: 45px; 
  width: 525px;}

#right_large p {
  text-align: center;
}

#old_photo {
  width: 138px;
  height: 177px;
  padding: 33px 32px 36px 35px;
  background: url(images/oldframe-d.jpg);
}

#map {
  width: 570px;
  height: 273px;
  margin: 20px 10px;
  margin-left:auto;
  margin-right:auto;
  border: 4px solid white;
}

#left_photo {
  float: left; 
  margin-left: 0px; 
  margin-bottom: 5px; 
  width: 260px; 
  height: 250px; 
  text-align: justify
}

#old_camera {
  float: left; 
  margin-left: 0px; 
  margin-bottom: 5px; 
  margin-right: 20px;
  width: 182px; 
  height: 250px; 
  text-align: justify
}

#old_camera2 {
  float: right; 
  margin-right: 0px; 
  margin-bottom: 5px; 
  margin-left: 20px;
  width: 182px; 
  height: 250px; 
  text-align: justify
}

#right {float: right; margin-right: 45px; margin-bottom: 45px; width: 278px;}

.right_box {
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; 
	padding: 0 20px 20px; 
	width: 235px;
	background: url(images/sepia-grey/tabbed.png);
	clear: both; 
	margin-bottom: 20px;
}

#full_width {margin: 20px 45px}

#footer {clear:both; height: 60px; padding-top: 18px; text-align: center; font-size: .8em; background: url(images/sepia-grey/footer.png) no-repeat}

#e-mail {width: 105px; height: 71px; margin-right: 20px; float: right; background:url(images/sepia-grey/e-mail.png); position: relative; z-index: 20}


/*-----------------------------------------------*/
/*---------------   TYPOGRAPHY   ---------------*/
/*---------------------------------------------*/

a {
  color: #590000; 
  text-decoration: none
}

p {
 padding: 15px 15px; 
 line-height: 1.6em;
 font-size: 1.4em;
 font-family: "Times New Roman", Times, serif;
 }

h1 {
  font-size: 2.5em; 
  text-shadow:2px 1px 0 #e2c3aa; 
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
}

h2 {
  text-shadow: 2px 1px 0 #e2c3aa; 
  font-size: 1.8em; 
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

h3 {font-size: 1.2em; font-weight: normal; color: #666; letter-spacing: .08em}

#right h3 {
	width: 314px; 
	height: 42px;
	margin-left: -40px;
	padding-top: 33px; 
	background:url(images/sepia-grey/sidebar_h3.png) no-repeat center;
	text-align: center;
	color: #fff;
	font-style: italic
}

h2.blog_heading {background: url(images/sepia-grey/seperator.png) repeat-x top; padding-top: 15px}

.more {text-align: right}

.blog_meta {color: #666; margin-top: 4px}

dl {}

dt {font-weight: 700}

dd {margin-bottom: 10px}

/*---------------- vertical menu ---------------*/

#v_navcontainer {}

#v_navcontainer ul {list-style-type: none;}

#v_navcontainer a {
     display: block;
     padding: 10px;
     width: 212px;
	 color: #666;
     background: url(images/sepia-grey/seperator.png) repeat-x bottom;
}

#v_navcontainer a:hover {
     color: #000;
}

/*-----------------------------------------------*/
/*---------------      FORMS     ---------------*/
/*---------------------------------------------*/

#form_container, #form_container_comment {border: 1px solid #CCC; width: 400px; padding: 19px; float: right;
    background: url(images/sepia-grey/tabbed.png);
}

#form_container_comment {float: left}

/* comment form */

form {margin-top: 20px}

#commentform p {padding: 5px 0}

.input_bg {background: url(images/sepia-grey/overlay.png); border: 1px solid #999; color: #000}

.input_bg:hover {background: #EFEFEF}

.input_bg:focus {background: #EFEFEF}

textarea {width: 100%}

fieldset {padding: 10px 20px;}

legend {margin-left: 2px; padding: 2px 0px; font-weight: bold;}

#submit {background: #666; color: #FFF; font-weight:700; border: 1px solid #003d53; padding: 5px; cursor: pointer;}

/*-----------------------------------------------*/
/*---------------      Slider     --------------*/
/*---------------------------------------------*/

    #slideshow_wrap {
	background: url(images/sepia-grey/slideshow_bg.jpg) no-repeat;
	width: 790px;
	height: 318px;
	padding-top: 82px;
	padding-left: 68px;
	border: 0px solid red;
    }

	#slideshow{
	height: 238px;
	width: 715px;
	}
	
	#slideshow-threed{
	width: 920px;
	height: 283px; 
	margin: 15px 0px 0px 0px;
	float: left;
	}
	
	#box-nav-slider{
	width:100px;
	height:17px;
	float: right;
	margin-top: 20px;
	margin-right: 34px
	}
	
	#slideshow-navigation a{
	background: url(images/sepia-grey/slide.png) no-repeat scroll 50% 50%;
	display: block;
	float: left;
	font-size: 0px;
	width: 9px;
	height: 9px;
	margin: 10px 0 0;
	outline-style: none;
	outline-width: medium;
	padding: 2px;
	}
	
	#slideshow-navigation{float:right; padding-right:10px}
	#slideshow-navigation .activeSlide {background: url(images/sepia-grey/slide.png) no-repeat scroll 0% 50%;}
	.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
	.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
	.slide-text h2{font-size: 2em; text-shadow:0 1px 0 #CCC; padding:20px 20px 0px 0px}
	.slide-text p{line-height:22px; padding-right:20px; text-align: justify}
	.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}
	
	a.read_more{float: right; margin-right: 30px; margin-top: 15px}
	

/*-----------------------------------------------*/
/*---------------      TABS      ---------------*/
/*---------------------------------------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;

}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #CCC;
	border-left: none;
	margin-bottom: -1px;
	background: #adadad;
	background: #80634b;
	overflow: hidden;
	position: relative;
	width: 91px;
	text-align: center
}

ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: .8em;
	padding: 0 4px;
	outline: none;
}

ul.tabs li a:hover {
	background: #bcbcbc;
	background: #9c7c61;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fafafa url(images/sepia-grey/tabbed.png);
	border-bottom: 1px solid #dedede
}

html ul.tabs li.active a:link {color: #000}

.tab_container {
	border: 1px solid #CCC;
	border-top: none;
	margin-bottom: 20px;
	float: left; 
	width: 275px;
	background: #fafafa url(images/sepia-grey/tabbed.png);
}

.tab_content {
	padding: 20px;
	font-size: .9em;
	text-align: justify
}

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}

.tab_content h3 a{
	color: #254588;
}

.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


/**************************** Gallery *****************************/

#gallery {
	width: 788px;
	overflow: auto;
	margin-left: -13px;
	padding-bottom: 18px;
	position:static;
}

.float_left_thumb {
	float: left;
	height: 125px;
	width: 125px;
	padding: 8px;
	margin: 0 0 15px 15px;
	background: #f5f5f5;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}


/*-----------------------------------------------*/
/*---------------    Affiliations    -----------*/
/*---------------------------------------------*/

#comments {border: 0px solid red}

#comments p {
  padding: 0 0 0 57px; 
  line-height: 1.2em;
  font-size: 1.2em;
}

#comments a {
  font-weight: bold;
} 

#comments a:hover {

  text-shadow: 2px 1px 0 #e2c3aa; 
} 

#comments h4 {
  font-weight: 700;
  font-size: 1.2em;}

#comments ul li {margin: 15px 0; padding: 15px; background: url(images/sepia-grey/seperator.png) repeat-x}

#comment_reply a {
	float: right;
	width: 198px; 
	height: 32px; 
	padding-top: 11px; 
	text-align: center;
	color: #f5f5f5;
	text-shadow: 0 1px 0 #000;
	background: url(images/sepia-grey/reply.jpg) no-repeat;
}

#facebook {
  float: left;
  width: 175px;
  height: 25px;
  border: 0px solid;
  padding-left: 10px;
}

.center_button {
  margin: 0 auto 0 auto;
  width: 200px; 
  height: 32px; 
  padding-top: 11px; 
  padding-left: 0px;
  text-align: center;
  font-size: 1.3em;
  text-shadow: 0 1px 0 #000;
  background: url(images/sepia-grey/reply.jpg) no-repeat;
  letter-spacing: .1em
}

.center_button a {
  color: #f5f5f5;
}

.avatar {float: left; margin-right: 10px;}

.avatar img {padding:3px;  background: #fff; border: 1px solid #CCC}

	

/*-----------------------------------------------*/
/*---------------    Dropdown    ---------------*/
/*---------------------------------------------*/

/* LEVEL ONE */

ul.dropdown           { position: relative; z-index:10; width: 750px; margin: auto }
ul.dropdown li        { float: left; zoom: 1; }
ul.dropdown a:hover    { color: ; }
ul.dropdown a:active   { color: ; }

ul.dropdown li a { 
  display: block; 
  padding: 15px 15px; 
  background: url(images/sepia-grey/li_seperator.png) no-repeat right center;
  color: #222; 
  font-weight: bold;
  }

ul.dropdown li:last-child a {
  border-right: none; 
} /* Doesn't work in IE */

ul.dropdown li:hover                { color: #000; position: relative; }
ul.dropdown li.hover a              { color: maroon ; }


/* LEVEL TWO */

ul.dropdown ul {
  width: 130px; 
  visibility: hidden; 
  position: absolute; 
  top: 100%; 
  left: 0;
  border-left: 1px solid #989898; 
  border-right: 1px solid #989898; 
  border-bottom: 1px solid #989898
}

ul.dropdown ul li { 
  font-weight: normal; 
  background: url(images/sepia-grey/dropdown.png);  
  color: #000; 
  border-bottom: 1px solid #989898; 
  float: none; 
}

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a {
  border-right: none; 
  background: none; 
  margin: 0px;
  padding: 9px 18px; 
  width: 100%; 
  display: inline-block; 
} 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; z-index:300; border-top: 1px solid #989898 }
ul.dropdown li:hover > ul 			{ visibility: visible; }

.coupon {
  border-style:dashed;
  border-width:3px;
  margin: 20px;
  padding: 15px 35px;
  width: 200px;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.popup {
  width: 700px;
  height: 600px;
  background-color: white;
  margin-top: 25px;
}

table, th, td {
   padding: 0px;
   border-spacing: 0px;
   margin: auto;
   }

table.pricing {
  border: 1px solid #666;
  width: 500px;
  font-family: arial, sans-serif;
  font-size: 1.3em;
}

td#price {
  border: 1px solid #666;  
  text-align: center;
  padding: 3px 8px;
}