@import url(reset.css);

body { font:84% "Lucida Grande", Helvetica, verdana, arial, sans-serif; color:#333333; background:#F3FFFF url() repeat-x top fixed; margin:30px auto 0; }
	
a:link {color:#42B3B9;}
a:visited {color:#AAA;}
a:hover { color:#333;}
a:active {color:#333;}

#footer a:link { color:#333; }
#footer a:visited { color:#777; }
#footer a:hover, #footer a:active { color:#42B3B9; }


/****************************************************/
/****************************************************/
/* LAYOUT */
div#container {margin:0 auto; width:800px; position:relative;clear:both;}

div#body { border-top:1px dotted #999; padding:20px 0; zoom:1; }

div#footer {margin:0 auto 20px; text-align:center; padding-top:10px; border-top:1px dotted #999;}



/****************************************************/
/****************************************************/
/* NAV */
#nav { list-style:none; display:block; width:800px; height:110px; margin:0 0 10px;}
#nav li { display:block; float:left; margin:0; padding:0; }
#nav li a { display:block; text-indent:-9999px; overflow:hidden; background:url(../images/nav.gif) no-repeat; height:110px;}

#nav li.logo a { width:89px; background-position:0 0; margin-right:39px; }
#nav li.logo a:hover { background-position:0 -110px; }

#nav li.home a { width:68px; background-position:-128px 0; margin-right:44px; }
#nav li.home a:hover, body.home #nav li.home a { background-position:-128px -110px; }

#nav li.services a { width:80px; background-position:-240px 0; margin-right:45px; }
#nav li.services a:hover, body.services #nav li.services a { background-position:-240px -110px; }

#nav li.oracle a { width:70px; background-position:-365px 0; margin-right:44px; }
#nav li.oracle a:hover, body.oracle #nav li.oracle a { background-position:-365px -110px; }

#nav li.faq a { width:61px; background-position:-479px 0; margin-right:46px; }
#nav li.faq a:hover, body.faq #nav li.faq a { background-position:-479px -110px; }

#nav li.blog a { width:47px; background-position:-586px 0; margin-right:46px; }
#nav li.blog a:hover, body.blog #nav li.blog a { background-position:-586px -110px; }

#nav li.contact a { width:85px; background-position:-679px 0; }
#nav li.contact a:hover, body.contact #nav li.contact a { background-position:-679px -110px; }



/****************************************************/
/****************************************************/
/* TYPOGRAPHY */
h1 { float:left; margin:0 0 10px; text-align:left; font-size:48px; }
h2 { font:bold 1.5em "Lucida Grande", Helvetica, arial, verdana, sans-serif; margin:2.5em 0 0; color:#af0acd; display:block; }
h3 { font:bold 1.2em "Lucida Grande", Helvetica, arial, verdana, sans-serif; margin:1.5em 0 0; }
h4 { font:bold 1.3em "Lucida Grande", Helvetica, arial, verdana, sans-serif; margin:18px 0 0; }
h5 { font:bold 1.1em "Lucida Grande", Helvetica, arial, verdana, sans-serif; margin:0; color:#af0acd; }

h2 + h3 { margin-top:1em; }
h3 + h4 { margin-top:8px; }


strong { font-weight:bold;}
em { font-style:italic; }

p { margin-bottom:1.2em; }

p, ul, h2, h3, h4 { line-height:1.5; }

ul { list-style:disc; margin-left:0; padding-left:1em; }

ul + p {margin-top:1em;}

h1 + p { clear:left; }

div#footer { font:10px Verdana, Arial, Helvetica, sans-serif;}


/****************************************************/
/****************************************************/
/* MISC */
#body img.bodyimg { border:8px solid #D4DEDE; float:right; margin:0 0 15px 20px; }

.purple {color:#AF0ACD;}
.red {color:#FF0000;}

.left {float:left; width:150px;}
.right {float:right;}
.clear {clear:both;}
.clearLeft { clear:left; }


/***************************/
/* FORMS */
form.contact input, form.contact textarea, form.contact select { margin-bottom:1em; }
form label { font-weight:bold; }

input[type="text"], textarea, select { font:11px Verdana, Helvetica, sans-serif; color:#888;}

div#logon input {margin:0;}

.hidden { position:absolute; left:-9999px; }

.offstate-reservations { display:none; }
.onstate-reservations { display:block; }

/****************************************************/
/****************************************************/
/* PAGE-SPECIFIC */


/***************************/
/* SERVICES */
body.services ul strong { color:#AF0ACD; }


/***************************/
/* FAQ */
dl { margin:1em 0; }
dt, .FAQ-question { font:bold 1.2em "Lucida Grande", Helvetica, arial, verdana, sans-serif; margin:1.5em 0 0; }