body {font: 62.5%  sans-serif; color: #595959; background: url(../images/bg.jpg) repeat-x #575757;}

#frame {margin: 0px auto; width: 755px;}

#contentcenter {background-color: #fff; border: 1px solid #595959; width: 751px; min-height: 400px; padding-bottom:5px; clear: both;}

.telephone {display: block; width: 350px; position:relative; float:right; font: 1.6em normal bold; color: #585858; margin: 25px 0; letter-spacing: 1px;}

.telephone span {font: 165.5% bold Arial, Helvetica, sans-serif; letter-spacing: 0;}

#copyright {color: #ffffff; width: 741px; padding: 10px 5px; border: 1px solid #ffffff; background: #595959; margin: 5px 0;}

#footer {text-align: center; margin: 0 auto 0 auto; width: 755px;}

#footer a {color:#ffffff;}

#contactform {width: 300px; color: #595959; margin: 5px 5px 5px 10px; border: 1px solid #CECECE; padding:5px;}

.contact{width: 320px; position: relative; float: right; top: -30px;}

.reservation {margin: 10px 35px 0 35px;}

.form_element {display: block; width: 300px;}

#contactform div {background: #fff; padding: 5px;}

#contactform div:hover {background: #CECECE; padding: 5px;}
/* ---------------------------------------------------------------- end layout */

/* ---------------------------------------------------------------- nav */
#nav {margin-top: 0;}

#nav ul {list-style: none; padding: 0; margin: 0; height: 1%;}

#nav ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#nav li {float: left;}

#nav a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.3em; color: #595959; display: block; background: url(../images/tab2-back.gif) repeat-x 0 0; text-decoration: none; padding: 0 0 5px 0;}

#nav a span {display: block; background: url(../images/tab2-left.gif) no-repeat 0 0;}

#nav a span span {background: url(../images/tab2-right.gif) no-repeat 100% 0; padding: 7px 19px 0 18px;}

#nav:first-of-type a span span {padding: 7px 0px 0 18px;}

#nav a:hover, #nav a:active, #nav a:focus {background: url(../images/tab-back.gif) repeat-x; color: #ffffff;}

#nav a:hover span, #nav a:active span, #nav a:focus span {background: url(../images/tab-left.gif) no-repeat 0 0;}

#nav a:hover span span, #nav a:active span span, #nav a:focus span span {background: url(../images/tab-right.gif) no-repeat 100% 0;}

#nav a.current  {background: url(../images/tab3-back.gif) repeat-x; color: #ffffff;}

#nav a.current span {background: url(../images/tab3-left.gif) no-repeat 0 0;}

#nav a.current span span {background: url(../images/tab3-right.gif) no-repeat 100% 0;}
/* ---------------------------------------------------------------- end nav*/

/* ---------------------------------------------------------------- content */
h1 {color:#595959; font-size: 1.8em; font-style: italic; margin: 15px 35px 0 35px;}

h2,h3,h4,h5,h6 {font-size: 1.3em; font-style: normal; color: #000000; margin: 0 35px 5px 35px;}

p {font-size: 1.2em; line-height: 1.4em; margin: 10px 35px 0 35px;}

a {color: #5F72B9; padding: 5px;}

a:hover {text-decoration: none;}

a:focus {background: yellow;}

ul {margin: 10px 60px 10px;}

.float-left {position: relative; float:left;}

.float-right{position: relative; float:right;}

address {font-size: 1.2em; line-height: 1.4em; margin: 10px 35px 0 35px; font-style: normal;}
/* ---------------------------------------------------------------- end content */

/* ---------------------------------------------------------------- calls to action */
#rightcontainer {position: relative; float: right; width: 277px; margin: 5px 1px 5px 5px; top: -63px;}

.golfbox {width: 277px; height: 133px; background: url(../images/golfbg.jpg) no-repeat; color: #ffffff;}

.golftitle { font-size: 1.3em; font-weight: bold; display: block; position: relative; width: 166px; margin-left: 111px; margin-top: 5px;}
 
.golfsub {font-size: 1.1em;  font-weight: bold;  color:#1a317d; display: block; position: relative; width: 166px; margin-left: 111px;}
 
.golfbox span a {font-size: 1.1em; text-decoration: none; background: url(../images/whitearrow.gif) no-repeat left center; padding: 2px 2px 5px 10px; display: block; color: #ffffff; position: relative; float: right;}

.golfbox span a:hover {color: #5F72B9;}

.corpbox {width: 277px; height: 133px; background: url(../images/corpbg.jpg) no-repeat; color: #000000; margin-top: 5px;}

.corptitle {font-size: 1.3em; font-weight: bold; display: block; position: relative; width: 166px; margin-left: 111px;  margin-top: 5px;}
 
.corpsub {font-size: 1.1em; font-weight: bold; color:#3d4959; display: block; position: relative; width: 166px; margin-left: 111px;}

.corpbox span a {font-size: 1.1em; text-decoration: none; background: url(../images/blackarrow.gif) no-repeat left center; padding: 2px 2px 5px 10px; display: block; color: #000000; position: relative; float: right;}

.corpbox span a:hover {color: #5F72B9;}

.testbox {width: 277px; height: 133px; background: url(../images/testbg.jpg) no-repeat; color: #000000;  margin-top: 5px;}
 
.testtitle {font-size: 1.3em; font-weight: bold; display: block; position: relative; width: 166px; margin-left: 111px; color: #072f6f; margin-top: 5px;}

.testbox span a {font-size: 1.1em; text-decoration: none; background: url(../images/blackarrow.gif) no-repeat left center; padding: 2px 2px 5px 10px; display: block; position: relative; float: right;}

.testbox span a:hover {color: #000000;}

.boxtext {display: block; position: relative; width: 161px; margin-left: 111px; font-size: 1.1em; padding:2px;}

.testbox span a {font-size: 1.1em; text-decoration: none; background: url(../images/blackarrow.gif) no-repeat left center; padding: 2px 2px 5px 10px; display: block; position: relative; float: right;}

.prestigebox {width: 277px; height: 133px; background: url(../images/prestige.jpg) no-repeat; color: #ffffff; margin-top: 5px;}

.prestigetitle {font-size: 1.3em; font-weight: bold; display: block; position: relative; width: 166px; margin-left: 111px; margin-top: 5px;}
 
.prestigesub {font-size: 1.1em; font-weight: bold; color:#FDB945; display: block; position: relative; width: 166px; margin-left: 111px;}

.prestigebox span a {font-size: 1.1em; text-decoration: none; background: url(../images/whitearrow.gif) no-repeat left center; padding: 2px 2px 5px 10px; display: block; color: #ffffff; position: relative; float: right;}

.prestigebox span a:hover {color: #5F72B9;}
/* ---------------------------------------------------------------- end calls to action */

/* ---------------------------------------------------------------- vehicles */
.vehicle {
width: 674px;
height: 200px;
min-height: 210px;
display: block;
padding: 10px 0 0 5px;
background: #e3e3e3;
border-top: 1px solid #939393;
border-bottom: 1px solid #939393;
position: relative;
margin: 5px auto 5px auto;
}

.vehicle img {position: relative; float: right; margin: 0;}
/* ---------------------------------------------------------------- end vehicles */

