@charset "utf-8";

/* CSS Document */
/* Author Christopher Hawkes */
/* Copyright Captivating Photography */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

body {background-color: #1C1513;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrap {
  width: 854px;
  margin: 0 auto;
}

/*---------------------------
-------  TOP  -----------
---------------------------*/

.top {
	margin: 0px auto;
	padding:25px 0px 0px 0px;
	width: 854px;
	border-bottom: 1px solid #3E342F;
}
.top h1 {
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #BAACA3;
  text-align: right;
  margin: -22px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}
.top img {
  border: none;
}

/*---------------------------
---  MAIN CONTENT AREA  -----
---------------------------*/
#main {padding-bottom: 40px; padding-top: 15px}  /* must be same height as the footer */

#background {
  background: url(../graphics/background.gif);
  position: relative;
  float: left;
}
#mainimage, #mainimagehome, #mainimagegallery {
  width: 650px;
  position: relative;
  float: left;
  background-color: #7F6D61;
  margin: 0;
  padding: 0;
}
#mainimagehome {
  background-color: #fff;
  padding: 15px;
  width: 620px;
}
#mainimagegallery {
  padding: 0px 0px 0px 0px;
  width: 650px;
}
#mainimage p {
  font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
  color: #F1EFED;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 25px;
}
#mainimage h2 {
  font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
  color: #F1EFED;
  margin: 15px 0px 20px 25px;
  padding: 0;
}
#mainimage h3 {
  font: bold 15px/22px Verdana, Arial, Helvetica, sans-serif;
  color: #F1EFED;
  margin: 30px 0px 10px 25px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px dotted #B9AAA2;
  width: 600px;
}
#mainimage a {
  color: #DDD7D2;
}
#mainimage a:hover {
  text-decoration: none;
}
.headerimage2 {
  margin: -15px 0px 20px -15px;
}
#mainimage ul {
   margin: 0px 0px 25px 50px;
   padding: 0;
}
#mainimage li {
   margin: 0;
   padding: 0;
   font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
   color: #F1EFED;
}
input {
  border: 1px solid #3E342F;
  height: 20px;
  line-height: 18px;
  padding: 1px;
}
input.formfield {
  width: 150px;
}
#button {
  height: 26px;
  cursor: hand;
  width: 80px;
  background-color: #52463F;
  color: #DDD7D2;
  background-image: url(../graphics/button-bg.gif);
  padding: 0;
  margin: 0;
}
#mainimage table {
 margin-left: 25px;
 width: 610px;
 margin-bottom: 20px;
}
#mainimage td {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #D2CEC8;
  text-align: center;
  padding: 5px 8px 5px 8px;
  border-bottom: 1px solid #554840;
  border-left: 1px solid #554840;
  background-color: #756357;
}
#mainimage td.right {
  border-right: 1px solid #554840;
}
#mainimage td.dark {
  background-color: #6A594F;
}
#mainimage td.darkalbum {
  background-color: #6A594F;
  padding: 12px 8px 12px 8px;
}
#mainimage td.darkright {
  border-right: 1px solid #554840;
  background-color: #6A594F;
}
#mainimage th {
  background-color: #554840;
  padding: 12px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #D9D1CC;
  background-image: url(../graphics/table-header-bg.jpg);
  border-left: 1px solid #594B44;
}
/*---------------------------
-------  NAVIGATION  --------
---------------------------*/

#nav {
  width: 204px;
  float: left;
  background-color: #554840;
  margin: 0;
  padding: 20px 0px 0px 0px;
}
#nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#nav li{
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	background-image:url('../graphics/nav.gif');
	z-index:15;
	}
	
#nav li a{
	margin:0px;
	padding:0px;
	width:auto;
	height:40px;
	display:block;
	text-indent:-3000px;
	overflow:hidden;
	outline: none;
	}
	
#nav li.home { width:200px; background-position:0px 0px;}
#nav li.about { width:200px; background-position:0px -40px;}
#nav li.gallery{ width:200px; background-position:0px -80px;}
#nav li.slideshows{ width:200px; background-position:0px -120px;}
#nav li.why{ width:200px; background-position:0px -160px;}
#nav li.packages{ width:200px; background-position:0px -200px;}
#nav li.suppliers{ width:200px; background-position:0px -240px;}
#nav li.login{ width:200px; background-position:0px -280px;}
#nav li.blog{ width:200px; background-position:0px -320px;}
#nav li.contact{ width:200px; background-position:0px -360px;}


#nav ul li.home:hover{background-position:204px 0px;}
#nav ul li.about:hover{background-position:204px -40px;}
#nav ul li.gallery:hover{background-position:204px -80px;}
#nav ul li.slideshows:hover{background-position:204px -120px;}
#nav ul li.why:hover{background-position:204px -160px;}
#nav ul li.packages:hover{background-position:204px -200px;}
#nav ul li.suppliers:hover{background-position:204px -240px;}
#nav ul li.login:hover{background-position:204px -280px;}
#nav ul li.blog:hover{background-position:204px -320px;}
#nav ul li.contact:hover{background-position:204px -360px;}

/*---------------------------
-------  FOOTER  -----------
---------------------------*/

#bottom {
  width: 854px;
  height: 15px;
  position: relative;
  border-bottom: 1px solid #3E342F;
  margin: 0 auto 20px auto;
  clear: both;
}
#footer {
    position: relative;
	margin-top: -43px; /* negative value of footer height */
	height: 42px;
	clear:both;
	background:#14100E;
	border-top: 1px solid #3E342F;
	}
#footer p.copyright {
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   color: #9F8B80;
   padding: 12px 0px 0px 20px;
   margin: 0;
   float: left;
}
#footer p.footercontact {
   float: right;
   text-align: right;
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   color: #9F8B80;
   margin: 0px 0px 0px 0px;
   padding: 12px 20px 0px 0px;
}
#footer a {
  color: #C5B8B1;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
}
.telephone {
  padding-left: 30px;
}
.grey {
  color: #C5B8B1;
}
.twitter {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.twitter img {
 margin: -5px 5px 0px 40px;
 padding: 0;
 border: none;
 }
.twitter a {
 outline: none;
} 
.footerwrapper {
  width: 100%;
  background:#14100E;
  float: left;
  padding: 0px 0px 30px 0px;
}
.footercon {
  float: left;
  width: 24.9%;
  clear: right;
  position: relative;
  margin: 30px 0px 0px 0px;
  border-right: 1px dotted #29211D;
  background:#14100E;
}
.footercon p{
  font-size: 11px;
  color: #473932;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 20px 0px 20px;
  line-height: 16px;
  text-align: justify;
}
.footercon h2{
  padding: 0px 20px 10px 20px;
  font-size: 13px;
  font-weight: bold;
  color: #473932;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
}
.footercon h2.bottom {
  padding: 20px 20px 10px 20px;
}
#footer .footercon h2 a {
  font-size: 13px;
  font-weight: bold;
  color: #473932;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
}
#footer .footercon h2 a:hover {
  color: #6D584E;
}
#footer .footercon a {
  color: #473932;
}
#footer .footercon a:hover {
  color: #6D584E;
}
#mainimage .logintable td {
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
  background-color: #7F6D61;
}
#mainimage .logintable table {
  margin: 0;
  padding: 0;
}
/*---------------------------
------- CLEAR FIX  ---------
---------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */