/* 
Project: WWOT
Author: Jack Behar
Questions/Comments: jbehar@cubedmonkey.com
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) repeat top left;
	padding:0;
	margin:0;
	text-align:center;
}

a{
color:#FF9900;
text-decoration:underline;
}

a:hover{
color:#4785af;
text-decoration:underline;
}

#wrap {
	margin:0 auto;
	height:auto;
	width:944px;
}

#top-bar{
width:100%;
height:6px;
background-color:#063c61;
}

/*BRANDING*/

#branding{
display:block;
width:auto;
height:auto;
}

#branding h1{
text-indent:-9999px;
height:82px;
width:auto;
background-image:url(../images/logo.gif);
padding: 0;
margin: 0;
}

/*NAV*/
#nav{
padding: 0;
margin: 0;
}

#nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav li
{
float: left;
height:138px;
padding: 0;
margin: 0;
}

.divider{
height:1px;
border-bottom: #cccccc solid 1px;
margin:20px;
}

/*NAV -- about*/

#nav li.about a{
	display:block;
	text-indent:-9999px;
	width:292px;
	height:138px;
	background-image:url(../images/nav-about.gif);
	background-repeat: no-repeat;
}

#nav li.about a:hover{
	display:block;
	text-indent:-9999px;
	width:292px;
	height:138px;
	background-image:url(../images/nav-about-over.gif);
	background-repeat: no-repeat;
}

body#about #nav li.about a{
	background-image:url(../images/nav-about-over.gif);
}

/*NAV -- services*/

#nav li.services a{
	display:block;
	text-indent:-9999px;
	width:152px;
	height:138px;
	background-image:url(../images/nav-services.gif);
	background-repeat: no-repeat;
}

#nav li.services a:hover{
	display:block;
	text-indent:-9999px;
	width:152px;
	height:138px;
	background-image:url(../images/nav-services-over.gif);
	background-repeat: no-repeat;
}

body#services #nav li.services a{
	background-image:url(../images/nav-services-over.gif);
}

/*NAV -- booking*/

#nav li.booking a{
	display:block;
	text-indent:-9999px;
	width:154px;
	height:138px;
	background-image:url(../images/nav-booking.gif);
	background-repeat: no-repeat;
}

#nav li.booking a:hover{
	display:block;
	text-indent:-9999px;
	width:154px;
	height:138px;
	background-image:url(../images/nav-booking-over.gif);
	background-repeat: no-repeat;
}

body#booking #nav li.booking a{
	background-image:url(../images/nav-booking-over.gif);
}

/*NAV -- employment*/

#nav li.employment a{
	display:block;
	text-indent:-9999px;
	width:155px;
	height:138px;
	background-image:url(../images/nav-employment.gif);
	background-repeat: no-repeat;
}

#nav li.employment a:hover{
	display:block;
	text-indent:-9999px;
	width:155px;
	height:138px;
	background-image:url(../images/nav-employment-over.gif);
	background-repeat: no-repeat;
}

body#employment #nav li.employment a{
	background-image:url(../images/nav-employment-over.gif);
}

/*NAV -- home*/

#nav li.home a{
	display:block;
	text-indent:-9999px;
	width:191px;
	height:138px;
	background-image:url(../images/nav-home.gif);
	background-repeat: no-repeat;
}

#nav li.home a:hover{
	display:block;
	text-indent:-9999px;
	width:191px;
	height:138px;
	background-image:url(../images/nav-home-over.gif);
	background-repeat: no-repeat;
}

body#home #nav li.home a{
	background-image:url(../images/nav-home-over.gif);
}

/*CONTENT*/

#content{
width:auto;
height: auto;
padding:0;
margin:0;
background-image:url(../images/content-bg.gif);
background-repeat:repeat-y;
clear:both;
}

#content #content-main{
padding:0;
margin:0;
width:587px;
height:auto;
float:right;
}

#content #content-main p{
font-size:12px;
color:#333333;
text-align:left;
padding:0;
margin-left:35px;
margin-right:40px;
}

#content #content-main h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#6b5041;
text-align:left;
height:45px;
background-image:url(../images/header-bg.gif);
background-repeat:no-repeat;
padding:0;
padding-top:40px;
margin-left:35px;
margin-top:-20px;
margin-right:40px;
}

#content #content-main h2{
font-size:14px;
font-weight:bold;
color:#3f7fab;
text-align:left;
padding:0;
margin-left:35px;
margin-right:40px;
}

#content #content-main ul
{
margin-left:35px;
margin-right:40px;
padding:0;

}
#content #content-main li{
min-height:26px;
text-align:left;
list-style-type: none;
padding-left: 47px; /* or whatever you need for you image */
background-image: url(../images/bullet.gif);
background-position: top left;
background-repeat: no-repeat;
margin-right:20px;
}

#content #content-main .dots{
color:#cccccc;
}

#content #content-main .blue{
color:#6b5041;
font-size:12px;
}

#content #content-main .gray{
color: #666666;
font-style:italic;
}

/*SUB CONTENT*/

#content #content-sub{
padding:0;
margin:0;
width:357px;
float:left;
min-height:565px;
background-image:url(../images/left_bg.gif);
background-repeat:no-repeat;
background-position:top;
text-align:left;
}

#content #content-sub h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
color:#3f80ac;
text-align:left;
padding:0;
padding-top:40px;
margin-left:30px;
margin-right:30px;
}

#content #content-sub p{
font-size:12px;
color:#000000;
text-align:left;
padding:0;
margin-left:30px;
margin-right:30px;
}

#content #content-sub a.book-btn{
display:block;
line-height:42px;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
height:43px;
width:172px;
text-align:center;
padding:0;
margin:0;
background-image:url(../images/book_services.gif);
background-repeat:no-repeat;
}

#content #content-sub a:hover.book-btn{
color:#2b72a2;
}

#content #content-sub .brown{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#6b5041;
text-align:left;
padding:0;
margin:0;
}

#content #content-sub ul
{
margin-top:15px;
margin-left:35px;
margin-right:40px;
padding:0;

}
#content #content-sub li{
min-height:19px;
padding-bottom:5px;
padding-top:5px;
text-align:left;
list-style-type: none;
padding-left: 30px; /* or whatever you need for you image */
background-image: url(../images/bullet_2.gif);
background-position: top left;
background-repeat: no-repeat;
margin-right:20px;
border-bottom:#FFFFFF solid 1px;
}


/*FOOTER*/

#footer{
padding:0;
margin:0 auto;
height:72px;
width:1002px;
background-image: url(../images/footer.gif);
background-repeat:no-repeat;
text-align:center;
}

#footer p
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
padding-top:20px;
color:#814c0d;
}

#footer a
{
color:#c58538;
text-decoration:none;
}

#footer a:hover
{
color:#814c0d;
text-decoration:none;
}
#designed-by a
{
font-size:11px;
color:#ffffff;
}
.psi{
float:right;
margin-right:50px;
margin-top:-20px;
}