html, body { height:100%; }

/*body { background:#222 url(../images/body_bg.gif) repeat-x top; }*/
body { background:#222 url(../images/body_lasers.png) no-repeat center top fixed; }

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -110px; /* the bottom margin is the negative value of the footer's height */
width:960px;
/*background:white url(../images/wrap_bg.gif) repeat-y;*/
background:transparent url(../images/wrap.png) repeat-y center;
}

#footer {
height: 110px; /* .push must be the same height as .footer */
width:960px;
/*background:#222 url(../images/footer_bg.gif) no-repeat;*/
background:transparent url(../images/footer.gif) no-repeat;
margin:auto;
}

.push { height:110px; clear:both; }

.clear {
clear:both;
margin-top:0;
height:1%;
width:100%;
overflow:hidden;
} 

#header { 
width:960px;
height:200px;
/*background:url(../images/header.gif) no-repeat; */
background:transparent url(../images/header_II.gif) no-repeat; 
}

h1 {
width:460px;
height:200px;
float:left;
margin-left:20px;
}

#header-slideshow { width:460px;height:200px;background:black;float:right;margin-right:20px; }

/* NEW FANCY TOP MENU STYLES */
ul#topMenu {
    width:920px;
    position: absolute;
    top: 0;
	/*right: 100px;*/
    left: 50%;
    margin-left: -450px;
    list-style: none;
    z-index:999999;
}
#topMenu li {
    width: 113px;
    display:inline;
    float:left;    
}
#topMenu a {
    display: block;
    float:left;
    margin-top: -5px;
    width: 111px;
    height: 20px;
	background:white;
    border:1px solid #000;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
	border-top:0;
    text-decoration:none;
    text-align:center;
    padding-top:20px;
    opacity: 0.65;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);  
}
#topMenu a:hover{
     background-color:#fff300;
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

#topMenu a>span {
font-family:'OrbitronMedium', "Trebuchet MS", verdana, sans-serif;
    font-size:13px;
    color:#000;
}

#topMenu a:hover>span { color:#ff0000; }

/* END NEW FANCY STYLES */

#content {
width:960px;
background:transparent url(../images/content_top.gif) no-repeat top;
min-height:72px;
}

#mainMenu {
width:170px;
float:left;
margin-left:20px;
margin:10px 10px 0 20px;
}

#mainMenu p { 
color:white;
margin:0;
text-align:center;
font-size:12px;
border-bottom:1px solid black;
padding-bottom:10px;
padding:25px 0 ;
line-height:20px;
}

#mainMenu p#winter { background:transparent url(../images/season_winter.gif) no-repeat center; }
#mainMenu p#spring{ background:transparent url(../images/season_spring.gif) no-repeat center; }
#mainMenu p#summer { background:transparent url(../images/season_summer.gif) no-repeat center; }
#mainMenu p#fall { background:transparent url(../images/season_fall.gif) no-repeat center; }

/* CHILD MENU STYLES ARE IN JQUERYSLIDEMENU.CSS */

#mainContent {
width:740px;
float:right;
margin:10px 20px 0 0;
}


#slider {
width:740px;
height:150px;
background:white;
margin:auto;
}	

#slider, #slider li {
width:740px;
height:150px;
overflow:hidden;
}

#contentLeft {
width:370px;
float:left;
clear:left;
}

#contentRight {
width:370px;
float:right;
}

.promoBox { width:370px;margin:auto; }

.blackBox {
width:350px;
margin:auto;
background:black url(../images/blackBox_top.gif) no-repeat top;
padding-top:15px;
}

.blackBox_bottom { 
height:20px;
width:350px;
background:black url(../images/blackBox_bottom.gif) no-repeat bottom;
position:relative;
bottom:0;
}

#map-box { width:350px;margin:auto; border:1px solid #222;}
#map-box * { vertical-align:bottom; }

/* MAIN FORM STYLES */

.mainForm {
width:340px;
padding:5px;
margin:5px auto;
}

.blackBox .mainForm { margin:auto;border:0; }

.mainForm fieldset {
border:1px solid #31322E;
padding:5px;
margin:5px 0;
}

.mainForm legend, .submitButton {
font-size:14px;
color:#eee;
border:1px solid #31322E;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:#393a35;
font-weight:bold;
}

.submitButton {
margin-top:10px;
cursor:pointer;
}

.mainForm label {
font-size:12px;
text-transform:uppercase;
color:#333;
letter-spacing:.7px;
font-weight:bold;
width:130px;
padding-top:8px;
float:left;
margin-right:10px;
text-align:right;
}

.blackBox .mainForm>label { color:white; }

.inputField, .textField, .captchaField, .selectBox {
width:180px;
float:left;
padding:1px;
border:1px solid #111;
color:#555;
font-size:12px;
margin-top:5px;
}

.mainForm .textField {
height:60px;
overflow:auto;
}

.mainForm .messageField { height:150px; } 

.mainForm label#removalForm {
width:430px;
display: block;
font-size:11px;
}

.mainForm .checkBox {
height:20px;
width:20px;
margin-right:25px;
float:right;
border:1px solid #282828;
text-align:center;
}

.mainForm .captchaField {
width:90px;
}

.mainForm .captchaBox {
width:80px;
height:30px;
float:right;
margin-right:5px;
}

.mainForm p {
margin:5px;
}

.imgRight { float:right;margin:2px 10px; }
.imgLeft { float:left;margin:2px 10px; }

#corner-banner { width:155px;height:150px;position:fixed;bottom:0;right:0;background:transparent; }

.videoBox { width:330px;margin:auto; }

.bigVideoBox { width:720px;margin:auto; }

#ptaMenu {
width:720px;
margin:10px auto;
height:120px;
}

#ptaMenu li { float:left;width:240px; }

table#lock-ins {
width:360px;
margin:auto;
border-collapse:collapse;
}

#lock-ins th, #lock-ins td { padding:4px;font-size:12px;color:#444;text-align:center;border:1px solid #ccc; }

td#warning { color:red;font-size:14px;font-weight:bold; }

ul.photoList {
width:370px;
margin:auto;
}

.photoList li {
width:185px;
height:185px;
float:left;
}

ul#golfThumbs { 
width:90px;
float:right;
margin:5px 10px;
}

#golfThumbs li {
width:90px;
height:90px;
}

/* PACKAGES TABLE */

.packages {
width:575px;
margin:10px auto;
clear:both;
}

.packages td.pack_features {
width:200px;
text-align:right;
font-weight:bold;
font-size:14px;
}

.packages td.pack_titles {
width:125px;
height:50px;
font-size:14px;
text-align:center;
font-weight:bold;
}

/* PRICELIST (IS A TABLE) */
.pricelist {
width:450px;
padding:5px;
margin:auto;
margin-top:20px;
font-size:12px;
border-collapse:collapse;
text-align:center;
clear:both;
}

.pricelist td { border:1px solid #ccc;padding:5px; }

.pricelist td.price {
width:150px;
font-weight:bold;
padding:10px;
color:red;
font-size:14px;
}

.pricelist td.item {
width:250px;
padding:5px 10px;
}


/* LIST STYLES */

/* NEW ANIMATED SLIDESHOW STYLES */
#slideshow {list-style:none; color:#444}
#slideshow span {display:none}
#wrapper {width:580px; margin:auto;margin-top:10px;display:none;}
#fullsize {position:relative; width:580px; height:390px; padding:2px; background:#fff;overflow:hidden;}
#information {position:absolute; bottom:1px; left:29px; width:520px; 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; display:none;}
#information p {padding:10px;color:white;font-weight:bold;}
#image {width:520px}
#image img {position:absolute;left:29px; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:390px; cursor:pointer; z-index:150}
#imgprev {width:27px;left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {width:27px;right:0; background:url(../images/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(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:75px; background:#222 url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {background-color:#444;}
#slideright {float:right; width:20px; height:75px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#444;}
#slidearea {float:left; position:relative; width:520px; margin-left:5px; height:85px; overflow:hidden}
#sliderBox {position:absolute; left:0; height:85px}
#sliderBox img {cursor:pointer; border:1px solid #666; padding:2px}

/* SLIDING FORM STYLES */
#formWrapper{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:600px;
    overflow:hidden;
	margin:auto;
}
#steps{
    width:600px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:600px;
	/*height:320px;*/
}
#navigation{
    height:45px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:22px;
}
#navigation ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigation a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 10px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#navigation a:hover,
#navigation .selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
span.checked{
    background:transparent url(../images/sliding_checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/sliding_error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
}
#steps form legend{
    text-align:left;
    background-color:#f0f0f0;
    color:#666;
    font-size:24px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:590px;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#ddd;
    border:1px solid #fff;
    width:540px;
    padding:5px 10px;
    margin-left:20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}

#steps form p span.moreInfo { margin:5px; font-size:10px; float:right; }
#steps form p label{
    width:300px;
    float:left;
    text-align:right;
    margin-right:10px;
    line-height:26px;
    color:#444;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
#steps form input:not([type=radio]),
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

.youtubeVideo { width:640px; margin:10px auto;clear:both; }

