* html .png {behavior: url(../inc/iepngfix.htc);}
html, body {margin: 0; padding: 0;}
body {background-color: #000; color: #ccc; line-height: 1.5;}
body, table, td, th, tr, input, textarea {font: normal 12px "Tahoma", arial, verdana, sans-serif;}

img, table, td, th {border: none;}
td, th {vertical-align: top;}
table {border-collapse: collapse;}
a {color: #cc0000; text-decoration: none;}
a:hover {text-decoration: underline;}

:focus {outline: 0;}

.clear {clear: both; height: 0; width: 0; overflow: hidden;}
.fir {text-indent: -2000px; overflow: hidden; display: block;}

body, html, #wrapper {width: 100%; height: 100%; overflow: hidden; position: relative;}
#bimage {position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden;}
.contentBg {background-color: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 2; width: 960px; height: 490px; position: absolute; bottom: 8%; left: 50%; margin: 0 0 0 -480px; overflow: hidden;}
.contentc {width: 960px; height: 490px; z-index: 3; position: absolute; bottom: 8%; left: 50%; margin: 0 0 0 -480px; overflow: hidden;}
.logo {left: 68px; top: 57px; width: 200px; height: 43px; position: absolute; z-index: 4; background: transparent url('../img/logo.png') no-repeat scroll 0 0;}
.introText {width: 592px; height: 108px; position: absolute; left: 327px; top: 27px; line-height: 1.5;}
.dotted {width: 926px; height: 1px; overflow: hidden; position: absolute; background: transparent url('../img/bg-dot.png') repeat-x scroll 0 0; left: 17px; top: 159px; z-index: 4;}
.nextdot {top: 319px;}
.txt01 {background: transparent url('../img/txt01.png') repeat-x scroll 0 0; width: 139px; height: 16px; position: absolute; left: 41px; top: 181px;}
.txt02 {background: transparent url('../img/txt02.png') repeat-x scroll 0 0; width: 149px; height: 14px; position: absolute; left: 41px; top: 342px;}
.txt03 {background: transparent url('../img/txt03.png') repeat-x scroll 0 0; width: 136px; height: 16px; position: absolute; left: 329px; top: 342px;}
.locationText {width: 592px; position: absolute; left: 327px; top: 372px; line-height: 1.5;}
.contactText {left: 41px; top: 372px; position: absolute; line-height: 1.5;}
a.button {width: 236px; height: 32px; display: block;background: #161616 url('../img/button.png') no-repeat scroll 0 0; position: absolute; left: 329px; top: 421px;}
a.button:hover {background-position: 0 -32px;}

#content {position: absolute; z-index: 6; top: 216px; left: 40px; width: 880px; height: 83px;}
#content div.galleryContent {zoom:1; padding:0;}

#content ul.gallery {zoom:1; margin: 0; padding: 0; list-style-type: none; display: block;}
#content ul.gallery li {float:left; padding: 0 16px 0 0; width:133px; height: 83px; overflow:hidden; background:none; display: block;}
#content ul.gallery a {width:125px; height: 75px; padding: 0; display:block; border: 4px solid #ccc;}
#content ul.gallery a:hover {border-color: #fff;}
#content ul.gallery img {width:125px; height: 75px; display: block;}

#content .jcarousel-next, #content .jcarousel-prev {width: 11px; height: 17px; background: transparent url("../img/css/next.png") no-repeat scroll 0 0; position: absolute; right: -22px; top: 35px; cursor: pointer; cursor: hand;}
#content .jcarousel-next:hover {background: transparent url("../img/css/next.png") no-repeat scroll 0 -17px;}
#content .jcarousel-next-disabled, #content .jcarousel-next-disabled:hover {background: transparent url("../img/css/next.png") no-repeat scroll 0 -34px; cursor: default;}
#content .jcarousel-prev {background: transparent url("../img/css/prev.png") no-repeat scroll 0 0; left: -22px;}
#content .jcarousel-prev:hover {background: transparent url("../img/css/prev.png") no-repeat scroll 0 -17px;}
#content .jcarousel-prev-disabled, #content .jcarousel-prev-disabled:hover {background: transparent url("../img/css/prev.png") no-repeat scroll 0 -34px; cursor: default;}
#content .jcarousel-container {position: relative; zoom: 1;}
#content .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; zoom: 1; _width: 880px;}
#content .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; _zoom: 1;}



/* ------------------------------------------------------------------------
	LIGHTBOX STYLE This you can edit.
------------------------------------------------------------------------- */


	div.pictureHolder .top .middle, div.pictureHolder .bottom .middle,  div.pictureHolder .content, 
	div.pictureHolder .bottom .right,  div.pictureHolder .bottom .left, 
	div.pictureHolder .top .right,  div.pictureHolder .top .left {background: #fff; }
	div.pictureHolder .content a.next:hover { background: url("../img/css/btnNext.gif") center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url("../img/css/btnPrevious.gif") center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.close { width: 28px; height: 28px; background: url("../img/css/btnClose.gif") no-repeat scroll 0 0; cursor: pointer; top: -4px; left: -10px; position: relative;} /* Close button */
	div.pictureHolder .loaderIcon { background: url("../img/css/loader.gif") center center no-repeat; } /* Loader icon */
	
	p.currentTextHolder {display: none;}
	div.pictureHolder .content .details p.description {padding: 3px 0 0 0; color: #555;}
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pictureHolder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 10px;
		}
			* html div.pictureHolder .top { padding: 0 10px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 10px; height: 10px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 10px; right: 10px;
				height: 10px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 10px; height: 10px;
			}
		
		div.pictureHolder .content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p { float: left; clear: left; margin: 0; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 10000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
		}	
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
			
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 10px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 10px; height: 10px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 10px; right: 10px;
				height: 10px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 10px; height: 10px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
	
		div.prettyPhotoTitle {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.prettyPhotoTitle div.prettyPhotoTitleLeft,
			div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }