@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-style: normal; }
h1{ line-height:normal;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
a{ outline:none;}
img{ border:none;}
.red{ color:#CC0000;}

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#5AB2E7;}
h2{ font-size:1.6em; color:#fff;}
p{ color:#8C8B8B; line-height:18px; text-align:justify; padding:5px 0;}

body{ font:62.5% Arial, Helvetica, sans-serif; background:#081821;}

.headerWrapper{ background:url(../images/header_bg.gif) repeat-x top; height:220px; width:100%;}
.hEnclose{ margin:0 auto; width:909px; position:relative;}
.camera{ position:absolute; top:3px; right:0; z-index:1000;}
.header{ background:url(../images/header.jpg) no-repeat top; height:160px;}

.menu{ height:60px; line-height:60px;}
.menu li{ display:inline;}

.menu li a { float:left; text-indent:-9999px;}
.menu li a.home{ width:90px; background:url(../images/menu.jpg) no-repeat;}
.menu li a.home:hover{ background:url(../images/menu.jpg) no-repeat 0 -60px;}
.menu li a.current{background:url(../images/menu.jpg) no-repeat 0 -60px;}
.menu li a.photo{ width:166px; background:url(../images/menu.jpg) no-repeat -90px 0;}
.menu li a.photo:hover{ background:url(../images/menu.jpg) no-repeat -90px -60px;}
.menu li a.current2{ background:url(../images/menu.jpg) no-repeat -90px -60px;}

.menu li a.contact{ width:132px; background:url(../images/menu.jpg) no-repeat -256px 0;}
.menu li a.contact:hover{ background:url(../images/menu.jpg) no-repeat -256px -60px;}
.menu li a.current3{ background:url(../images/menu.jpg) no-repeat -256px -60px;}


.content{ margin:0 auto; width:869px; background:#000400; z-index:500; font-size:1.2em; color:#fff; padding:20px;}
.topContent{ margin:0 0 20px;}
.line{ background:url(../images/line.jpg) no-repeat; height:3px;}

.rightPart{ width:306px; float:right; background:url(../images/right_bg.jpg) no-repeat; height:227px; position:relative;}
.callUs, .slogan{ position:absolute; width:268px; left:22px; text-align:center; }
.callUs{height:52px; line-height:52px; top:63px; }
.callUs h3{ font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif;}
.slogan{ height:49px; line-height:49px; top:127px; }
.slogan h3{ font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif;}


.welcome{ margin:0 320px 0 0;}

.billboard{ margin:10px 0 0; background:#959a9d url(../images/billboard_bg.jpg) repeat-x top; padding:0 0 0 17px; position:relative; color:#212021;}
.collage{ position:absolute; top:50px; right:5px; z-index:10000; width:376px; height:202px; }
.billboard h1{ background:url(../images/categories.jpg) no-repeat; width:98px; height:45px; text-indent:-9999px;}
.billboard .first{ float:left; margin:25px 0 20px; font-weight:bold; line-height:24px;}
.billboard .second{ margin:25px 25px 20px 225px; font-weight:bold; line-height:24px;}

.primFooter{ margin:20px 0;}
.cont{ float:left; width:171px;}
.cont h1{ display:block; background:#0865A5; height:25px; line-height:25px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.4em;}
.cont p{ padding:10px; color:#5AB2E7;}
.pic{ margin:0 0 0 250px; width:204px;}

.slideshow{ float:right; width:390px; background:url(../images/slideshow.gif) no-repeat; height:177px;}

.footer{ background:#101821 url(../images/footerbg.gif) repeat-x; padding:25px; text-align:center; font-size:1.1em;}
.footer p{ text-align:center; padding:15px 0 0;}
.footer li{ display:inline; padding:0 20px;}
.bordd{ border-right:1px solid #375668;}
.footer a{ color:#375668; text-decoration:none;}
.footer a:hover{ color:#4D7186; text-decoration:underline;}




/*---------------------contact--------------------------*/
.contForm{ width:500px; color:#fff;}
.contDetails{ float:right; width:300px;}
.gMap{ color:#000 !important;}
div.reservation
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
}

div.reservation fieldset
{
	border: solid 1px #2b5870;
	margin: 0;
	margin-bottom: 4px;
	padding: 6px;
}

div.reservation input,
div.reservation select,
div.reservation textarea
{	
	padding:4px;
	font: normal 13px "Trebuchet MS", Arial, Verdana;
	border: solid 1px #b4cff1;
}

div.reservation fieldset{ border:1px solid #2b5870; padding:14px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div.reservation fieldset.personal-data input
{
	width: 170px;
}

div.reservation fieldset textarea
{
	overflow: auto;
	width: 356px;
	height: 100px;
}

div.reservation legend
{
	background: #2b5870;
	border: solid 2px #b4cff1;
	padding:6px;
	margin-bottom: 4px;
	font-weight: bold;
	color:#8eb8ed;
}

div.reservation fieldset button
{
	margin: 4px;
	margin-left: 0;
}

div.reservation fieldset label
{
	display: block;
}

div.reservation fieldset div
{
	float: left;
	margin-right: 6px;
}

.display-none
{
	display: none;
}

.display-block
{
	display: block;
}

.validator
{
	background: url('Images/warning.gif') no-repeat;
	padding-left: 20px;
	color: red;
}

.thanks{ color:#2a57a0;}

.valErrorMsg{ color:#d11818;}

.text-align-right
{
	text-align: right;
}

.break
{
	clear: both;
}

.but{
	padding:5px;
	cursor:pointer;
	}
	
.designer{
	color:#DDCEA5;
	}	

.Slideshow{ margin:20px auto; text-align:center;}
.Slideshow img{ padding:5px; background:#575757;}


/*-------------------------------------------------------*/


/* clears floats */
.clear { clear:both;}
.clearRt{ clear:right;}
.clearLt{ clear:left;}

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