/* Start of CMSMS style sheet 'CSS_PointGrace_v1' */
/*  RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------- GENERAL ---------------- */

html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	font:14px Trebuchet MS, Arial, Helvetica, sans-serif;
	background: url(pgimages/bg-body.gif);
}
q{quotes:none;}
q:before{content:"";}
q:after{content:"";}
a{text-decoration:none;}
img{border:none;}

h1{margin:0;}

.wrapper-holder{
min-height:100%;
width:802px;
margin:27px auto 0;
background:url(pgimages/bg-main.gif) repeat-y;
}
* html .wrapper-holder{
	height:100%;
}

#wrapper{
position:relative;
width:792px;
overflow:hidden;
margin:0 auto;
padding:0 5px 120px 3px;
}

/* ---------------- CONTENT ---------------- */

#main{
	margin:329px 0 0;
	width:793px;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
#content{
	float:left;
	width:587px;
	overflow:hidden;
}
#content .content-image{
	padding:0 0 16px 0;
}
.content-image img{
	display:block;
}
#content h1{
	font-size:22px;
	color:#0D2D82;
	margin:0 0 0 15px;
	padding:0 0 8px;
}
#content h2{
	display:block;
	color:#0D2D82;
	font-size:20px;
	margin:0 0 0 6px;
	padding:0 0 8px;
}
#content h3{
	font-size:18px;
	color:#0D2D82;
	margin:0 0 0 6px;
	padding:0 0 8px;
}
#content h4{
	font-size:16px;
	color:#0D2D82;
	margin:0 0 0 6px;
	padding:0 0 8px;
}
#content h5{
	font-size:14px;
	color:#0D2D82;
	margin:0 0 0 6px;
	padding:0 0 8px;
}
#content h6{
	font-size:12px;
	color:#0D2D82;
	margin:0 0 0 6px;
	padding:0 0 8px;
}
.text-underline{
	text-decoration:underline;
}
#content blockquote{
}
#content q{
	font-size:12px;
	margin:0;
	padding:0 0 0 6px;
}
#content .content-list{
	margin:0 0 0 6px;
	padding:0 0 10px;
	list-style:none;
}
.content-list-bullet{
	margin:0 0 0 6px;
	padding:0 0 10px;
	list-style:none;
}
.content-list-bullet li{
	padding:0 0 0 10px;
	background: url(pgimages/separator.gif) no-repeat 0 6px;
}
#content p{
	margin:0;
	color:#6b6b6b;
	font-size:13px;
	line-height:18px;
	padding:0 15px 15px 15px;
	text-align: justify;
	font-weight:400;
}
/* ---------------- SIDEBAR ---------------- */

#sidebar{
	float:right;
	display:inline;
	width:190px;
	overflow:hidden;
	margin:-19px 5px 0 0;
	padding:7px 5px 0;
	position:relative;
	z-index:10;
	background: url(pgimages/bg-sidebar.gif) no-repeat 0 0;
}
#sidebar .img-holder img{
	display:block;
}

.separator{
	margin:7px 0 0;
	padding:0 0 7px 0;
	height:12px;
	overflow:hidden;
	background: url(pgimages/separator2.gif) no-repeat;
}

.holder-btn{
	width:162px;
	overflow:hidden;
	border:1px solid #000;
	margin:4px auto 0;
	background:#2d4490;
}
.holder-btn input{
	width:162px;
	cursor:pointer;
	color:#fffdff;
	background:#2d4490;
}
/* ---------------- HEADER ---------------- */

#header{
	position:absolute;
	top:0;
	left:0;
	height:204px;
	width:800px;
	padding:85px 0 0;
	border-top:1px solid #d2d2d2;
	background:#fff;
}
* html #header{
	left:2px;
}
* +html #header{
	left:2px;
}
#header .holder{
	width:794px;
	overflow:hidden;
	margin:0 0 0 3px;
	border-top:1px solid #3467b2;
}
#header .holder img{
	display:block;
}
.logo{
	position:absolute;
	top:16px;
	left:30px;
	width:305px;
	overflow:hidden;
	height:136px;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
	background:url(pgimages/logo.gif) no-repeat;
}
/* ---------------- NAVIGATION ---------------- */

#holder-nav{
	position:absolute;
	top:285px;
	left:3px;
	height:29px;
	margin:4px 0 6px;
	padding:1px 0 2px;
	width:794px;
	background:#e8e8e8;
	border-top:1px solid #647baf;
	border-bottom:1px solid #647baf;
}
* html #holder-nav{
	left:5px;
}
* +html #holder-nav{
	left:5px;
}
#navigation{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation:after {
	content:"";
	display:block;
	clear:both;
}
#navigation li{
	position:relative;
	float:left;
	display:inline;
	margin:0 12px 0 -12px;
	padding:0 3px 0 15px;
	line-height:29px;
	font-size:13px;
	font-weight:bold;
	color:#002984;
	letter-spacing:0px;
	background:url(pgimages/separator.gif) no-repeat 0 12px;
}
#navigation a{
	float:left;
	color:#002984;
}
#navigation em{
	float:left;
	font-style:normal;
}
#navigation span{
	height:29px;
	cursor:pointer;
	padding:0 12px 0 11px;
}
#navigation a span{
	height:29px;
	cursor:pointer;
	padding:0 12px 0 11px;
}
#navigation li.hover a,
#navigation li:hover a {
	background:url(pgimages/bg-nav-holder.gif) no-repeat;
}
#navigation li.hover a span,
#navigation li:hover a span {
	background:url(pgimages/bg-nav-span.gif) no-repeat 100% 0;
}

/* ---------------- Rooms---------------- */

.floorplan {
margin-left:0px;
float:left;
width:290px;
min-height:300px;
}

#rooms {
}

#rooms ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#rooms li {
	line-height:22px;
	font-weight:normal;
	font-size:13px;
	margin:0px 0px 0px 292px;
	color:#6b6b6b;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separator.gif);
}

#rooms {
	font-weight:normal;
	color:#6b6b6b;
	font-size:12px;
	padding:0 15px 15px 15px;
}

.priceroom {
	font-weight:normal;
	text-align: justify;
	margin:0px 10px 0px 10px;
	color:#6b6b6b;
clear: left;
}

/* ---------------- ABOUT PAGES ---------------- */

#aboutpage {
background: url(pgimages/aboutus2.jpg) no-repeat top right;
margin:0px 0px 0px 0px;
padding:10px 200px 0px 0px;
min-height:600px;
}

#aboutpage ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#aboutpage li{
        padding:0px 18px 0px 0px;
	line-height:18px;
	font-weight:normal;
	font-size:13px;
	margin:0px 0 10px 45px;
	color:#0D2D82;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separator.gif);

}

/* ---------------- Location---------------- */

#location {
}

#location ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#location li {
	line-height:22px;
	font-weight:normal;
	font-size:13px;
	margin:0px 0px 0px 20px;
	color:#6b6b6b;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separator.gif);
}

#location {
	font-weight:normal;
	color:#6b6b6b;
	font-size:12px;
	padding:0 15px 15px 15px;
}


/* ---------------- WEDDING PAGE ---------------- */

#wedding {
background: url(pgimages/wedding.jpg) no-repeat top right;
margin:0px 0px 0px 0px;
padding:10px 200px 0px 0px;
min-height:600px;
}

#wedding ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#wedding li{
        padding:0px 18px 0px 0px;
	line-height:18px;
	font-weight:normal;
	font-size:13px;
	margin:0px 0 10px 45px;
	color:#fc5095;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separatorw.gif);

}

#wedding h1{
	color:#fc5095;
}

#wedding img{
padding:0 0 15px 0;
    display:block;
    margin:0px auto;
}

#wedding2 {
background: url(pgimages/wedding2.jpg) no-repeat top left;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 200px;
min-height:600px;
}

#wedding2 ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#wedding2 li{
        padding:0px 18px 0px 0px;
	line-height:10px;
	font-weight:normal;
	font-size:13px;
	margin:10px 0px 10px 65px;
	color:#fc5095;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separatorw.gif);

}

#wedding2 h1{
	color:#fc5095;
}

#wedding2 img{
padding:0 0 15px 0;
    display:block;
    margin:0px auto;
}


/* ---------------- DROPDOWN NAVIGATION ---------------- */

#navigation li.hover ul,
#navigation li:hover ul{
	display: block;
}
#navigation ul{
	position:absolute;
	left:16px;
	top:29px;
	margin:0;
	padding:0;
	list-style:none;
	background:#e8e8e8;
	border:1px solid #6e85b9;
	border-top:0;
	width: 200px;
	z-index: 1000;
	display: none;
}
#navigation ul li{
	float:none;
	display:block;
	line-height:24px;
	font-weight:normal;
	font-size:12px;
	margin:0 0 0 7px;
	padding:0;
	background:url(pgimages//separator.gif) no-repeat 0 8px;
}
#navigation li.hover ul li a,
#navigation li:hover ul li a,
#navigation ul li a{
	float:none;
	padding:0 0 0 11px;
	background:none !important;
}
#navigation li.hover ul li:hover a,
#navigation li:hover ul li:hover a{
	background:none;
	text-decoration:underline;
}

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

.footer-holder{
	position:relative;
	height:60px;
	width:802px;
	overflow:hidden;
	padding:0 3px 33px 3px;
	margin:-60px auto 0;
}
#footer{
	height:60px;
	border-bottom:1px solid #d2d2d2;
}
.logo2{
	position:absolute;
	top:1px;
	left:10px;
	text-indent:-9999px;
	
}
.logo2 a{
	display:block;
	width:40px;
	height:40px;
	background: url(pgimages/logo2.gif) no-repeat;
	
}
.contact{
	margin:0 0 0 63px;
	padding:0;
	list-style:none;
}
.contact li{
	color:#aaa;
	font-size:11px;
	line-height:11px;
}
.contact a{
	color:#aaa;
}
.contact a:hover{
	text-decoration:underline;
}
.prize{
	position:absolute;
	right:210px;
	top:0;
	margin:0;
	padding:0;
	list-style:none;
}
.prize li{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

/* ---------------- PRICES TABLE ---------------- */

table.prices{
clear:both;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
width: 570px;
}

table.prices td{
border:1px solid #dfdfdf;
padding:7px;
color:#6b6b6b;
font-size:13px;
text-align:center;
width:114px;
}

.col1,.col3,.col5{
background:#e8e8e8;
}
.col2,.col4,.col6{
background:#f3f3f3;
}


/* ---------------- SYNXIS FORM ---------------- */

p.synxis{
	margin:0px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#0d2d82;
        }
		
#adultw{
	width:90px;
	margin:0px 0px 5px 0px;
}
#childw{
	width:90px;
	margin:0px 0px 10px 0px;
}

label
        {
	float:left;
	font-size:12px;
	font-weight:bold;
	width: 65px;
	color:#6b6b6b;
        }
		
input
        {
     margin:0px 0px 5px 0px;
        }		

input.check
	{
	background-color: #0d2d82;
	font-weight: bold;
	font-size: 12px;
	color: white;
    display:block;
    margin:0px auto;
	}	
		
select
        {
        margin:0;
        border:1px solid #ccc;
        border-top-color:#aaa;
        border-left-color:#aaa;
        position:relative;
        }
option.alt
        {
        background:#eee;
        }
		
/* ---------------- EXTRA---------------- */
		
.w2em
        {
        width:2em;
        }
.w3em
        {
        width:3em;
        }
.w4em
        {
        width:4em;
        }
.w8em
        {
        width:8em;
        }
.w16em
        {
        width:16em;
        }
.w18em
        {
        width:18.5em;
        }

/* ---------------- GALLERY---------------- */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrappper {width:506px; margin:20px auto}
#wrappper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #0d2d82; background:#e8e8e8}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#fff}
#information p {padding:0 8px 8px; color:#fff}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(pgimages/slider/left.gif) left center no-repeat}
#imgnext {right:0; background:url(pgimages/slider/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(pgimages/slider/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(pgimages/slider/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#e8e8e8}
#slideright {float:right; width:20px; height:81px; background:#fff url(pgimages/slider/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#e8e8e8}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

table.gallery{
clear:both;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
width: 500px;
}

table.gallery td{
border:1px solid #dfdfdf;
padding:7px;
color:#6b6b6b;
font-size:13px;
text-align:center;
width:250px;
}

/* ---------------- SPECIAL PAGE---------------- */

#specialoffers {
background: url(pgimages/specialbg.jpg) no-repeat top left;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 200px;
min-height:600px;
}

#specialoffers ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#specialoffers li{
        padding:0px 10px 0px 0px;
	line-height:15px;
	font-weight:normal;
	font-size:13px;
	margin:6px 0px 6px 55px;
	color:#0d2d82;
	text-align: justify;
	font-weight:400;
        list-style: url(pgimages/separator.gif);
}


/* ---------------- FRONT PAGE---------------- */

#frontpage {
background: url(pgimages/front.jpg) no-repeat top left;
margin:0px 0px 0px 0px;
padding:10px 20px 0px 50px;
min-height:700px;
}

/* ---------------- FLV PLAYER---------------- */




/* End of 'CSS_PointGrace_v1' */