html,body{margin:0;padding:0;background:black url(img/background.png) top no-repeat}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{color: #981793}
a:link {color: #759E54;text-decoration:none}
a:visited {color: #b46539; text-decoration:none}
a:hover {color: #b46539;}
a:focus {color: #b46539;}
a:active {color: #50915e;}
h3{margin:10px}

div#container {
	text-align:left
	
	}

div#logo {
	height:255px;
	width:180px;
	margin:0 0 0 10px;
	}
	
div#header1 {
	text-align:right;
	}
div#header1 h1{
	padding:140px 0 0 0;
	font: 200% baskerville old face,bookman old style,garamond,serif;
	} 
div#header1 h2{
	margin: -15px 0 5px;
	font: 120% baskerville old face,bookman old style,garamond,serif;
	line-height: 15px;
	}
	

div#gallerysamples{border: 1px #231F20 solid}
div#gallerysamples a{display:block;margin: -11px 0 0 2px} 
div#gallerysamples ul{margin:11px 0 0 -40px}
div#lowerleft {text-align:right;margin:5px 0 0 0}
div#lowerleft {font: 120% trajan pro,viva std,copperplate gothic light,serif;}
div#contact {text-align:right} 
div#contact p{line-height:1.4}
div#contact h4{font: 160% baskerville old face,bookman old style,garamond,serif;margin:5px 0 5px 0}
div#contact h5{font: 120% baskerville old face,bookman old style,garamond,serif;margin:-5px 0 0 0;line-heigght: 15px;}
div#pt {text-align:right;margin:5px 0 0 0;font: 120% trajan pro,viva std,copperplate gothic light,serif;line-height:30px}
div#pt img{margin:0 2px 2px}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;font:90% arial,sans-serif;color:#BCBEC0;padding:5px 10px}
div#footer a{color:#AFD688}


div#container{width:720px;margin:0 auto}
div#logo{float:left;background: url(img/logo2.png) bottom center no-repeat}
div#header1{float:right;width:480px;height:245px;padding:0 10px 0 0}
div#gallerysamples{float:right;margin:5px 10px 0 10px;width:699px;height:167px}
div#lowerleft{float:left;width:420px;height:155}
div#contact{float:right;width:280px;margin:0 10px 0 0;height:90px;text-align:right}
div#pt{float:left;width:100%;height:60px;text-align:center}
div#footer{clear:both;width:100%}
div#footer p{text-align:right}

/*hoverbox code*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -42px;
	left: -22px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #efe0d8;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0;
	vertical-align: top;
	width: 107px;
	height: 165px;
}

.hoverbox li
{
	background: none;
	color: inherit;
	display: inline;
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
}

.hoverbox .preview
{
	border-color: #b46539;
	width: 160px;
	height: 250px;
}


/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

* html .hoverbox li
{
	position: static;
}


/*lightbox code follows*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}
