/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}

/**************** General rules *********************/

html{height:100%; }
body {height:101%; line-height:150%;color: #544445; text-align: center; background:#544445 url(../images/background2.jpg) left top repeat-x;}
/**************** General Links ***********************************/
a:link            { color: #544445; font-weight:bold; text-decoration: none;border-bottom:1px dotted #544445;}
a:visited         { color: #544445; font-weight:bold; text-decoration: none;border-bottom:1px dotted #544445;}
a:hover, a:focus, a:active {color: white;background-color:#544445; border-bottom:1px dotted #544445;}
/***************** Page Sections *********************/
#container {position:relative; overflow:hidden; margin:0.5em auto;text-align:left;  width:760px;background-color:#eee6dd;}
/**********Text styles and Image styles**********/
.center {text-align:center;}

/********************** Navigation ******************/

#navlist { width: 100%; font-weight:bold; padding: 0;  margin-bottom: 2em;  margin-top:0;  color: #bd7d33;font-family: Georgia, serif;}
#navlist ul {list-style: none;  margin: 0;  padding: 0;  border: none;}
#navlist li { border-bottom: 1px dashed #544445;  margin: 0;  list-style: none; }
#navlist li a {border-bottom:none; display: block;  padding: 7px .2em 7px 10px;  color: #bd7d33;  text-decoration: none;  width: 180px;background: transparent url(../images/arrow2.gif) center right no-repeat;}
#navlist li a:focus, #navlist li a:hover {border-bottom:none; color: #544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#navlist li li { border-top: 1px solid #544445;  border-bottom: 0;  margin: 0; font-weight:normal;}
#navlist li li a {  padding: 4px .5em 4px 2em; width: 180px;background: transparent url(images/arrow2.gif) center right no-repeat;}

#home #nav-home, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#about #nav-about, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#links #nav-links, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#packages #nav-packages, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#portfolio #nav-portfolio, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#faq #nav-faq, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#contact #nav-contact, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}
#sample #nav-sample, #navlist li li a:focus, #navlist li li a:hover {color:#544445;background: transparent url(../images/arrow.gif) center right no-repeat;}

/***************** Image Replacement ****************/
/* General IR statements */

.replace {position: relative;overflow: hidden;margin: 20px 0 0 0 ;padding:  0;font-size: 100%;}
.replace em {display: block;position: absolute;top: 0; /* left: 0; */ z-index: 1; /* for opera5 (?) and /mac */}

/* General IR statements for IE5.x mac only */
* html>body .replace {position: static;overflow: visible;font-size: 10px;}
* html>body .replace em  {position: static;}
* html>body .replace a {text-decoration: none;}

/* Each pair of statements per instance of IR */
#myh1, #myh1 em {color:#bd7d33;   background-color:#bd9c76;width: 350px;height: 112px;}
#myh1, #myh1 em {background: url(../images/logo2.jpg) top left no-repeat;}

* html>body #myh1 em {/* for ie5.x/mac only */  margin-bottom: -86px;}
/*****************************************************/
img.printlogo {display:none;}
img.headerimg {float:right;}

#header {width:100%;border-bottom:1px dashed #544445;overflow:hidden;background:#bd9c76 url(../images/papertop2.jpg) left top repeat-x;}

#sidebar img {margin:5px 0 0 0;padding:4px;padding:4px;border:1px solid #544445;color:#544445;background:#fff;}
#sidebar  {display:inline;background-color:#eee6dd;float:right; margin-right:20px;width:200px;font-size:76%;margin-top:20px;}
#mainbox {clear:left;background-color:#eee6dd;width:500px;font-size: .75em; margin:0 20px 20px 20px ;}

#mainbox p, #sidebar p {margin:10px 0 10px 0;}
#mainbox img {float:right; margin:8px 0 8px 8px;padding:4px; border:1px solid #544445;}
#mainbox img.nofloat {float:none;margin:0;padding:0; border:none;}
#mainbox ul {margin-left:0;padding-left:15px; margin-bottom:20px;list-style-type:square;}
#logo {float:left;width:420px;margin-left:20px;display:inline;}
#footer {clear:both;height:3em; padding-top:2em;font-size: 70%;border-top: 1px dashed #544445;background:#bd9c76;}

#footer .left {float:left; width:40%;text-align:left;margin-left:20px;}
#footer .right {float:right; width:49%; text-align:right;margin-right:20px;}

#boxwrap {border:1px dotted #544445; overflow:hidden;padding:0;margin:0;}
#mainbox .box {float:left; width:31%; margin:0px 12px 15px 0; display:inline;border:1px dashed #544445;background-color:#bd9c76;display:inline;}
#mainbox .box p {margin-left:5px; margin-right:5px;}
#mainbox .box h3 {margin:5px;}
#mainbox .last {margin-right:0;}



h2 {font-size:220%; color: #544445;margin:20px 0 15px 0px;font-weight:normal;font-family: Georgia, serif;}
h3 {font-size:160%; color: #544445;margin:20px 0 15px 0px;font-weight:normal;font-family: Georgia, serif;}
h4 {font-size:130%; color:#544445; margin: 20px 0 0px 0px;}


.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#access {height:20px;position:absolute; top:0px; right:10px; font-size:60%;color:white;}
#access li {float:left;list-style-type: none; padding: 0 0 0 1em;}

#sidebar h3 {margin:0 0 10px 0;}
#sidebar img.ad {border:none;margin:0;padding:0;background-color:white;display:block;margin-bottom:10px;}
#sidebar img a {border:none;margin:0;padding:0;background-color:white;border:none;text-decoration:none;display:block;}

#sidebar img.sidebarpic   {margin-left:20px; border:none; padding:0;margin-bottom:10px;}


/***********The Lightbox CSS***********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imagesLightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imagesLightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }