/* CSS Document */

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.text_home
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	word-spacing: .3em;
	line-height: 1em;
}

.blurb
{
	color:#27271f;
	font-size:2px;
}

body{
	padding:0px; 
	margin:0px; 
	background:#27271f; 
	color:#858585; 
	font:15px/14px Tahoma, sans-serif; 
}




div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

p span.headline{
	font:15px/14px "Times New Roman", Times, serif; 
	color:#cfa779; 
	font-weight:normal;
}
p span.subHeadline{
	font:20px/20px "Times New Roman", Times, serif; 
	font-weight:normal; 
	color:#0C3;
	font-style:italic;
	position:relative;
	left:140px;
}

/* HEADER */

/*
=============================================================
BEGIN OF CSS FOR NAVIGATION MENU
=============================================================
*/
.sub
{
	float:right;
	z-index:!important;
}
#nav-menu
{
	width:10em;
	font-size:10px;

}
#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav-menu li
{
	float: left;
	margin: 0 0.15em;
	
	background:none;
	padding:0;
	
	position: relative;
	left: -20px;
}
/*#nav-menu li a
{
	background: url(../images/css-nav2.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #fff;
	font-weight:bolder;
	text-decoration: none;
	text-align: center;
}

.nav-menu li a:visited, .nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {color:yellow; background:url(../images/css-nav.gif) repeat-x bottom left;}

.nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:focus {text-decoration:underline;}

.nav-menu li a:hover {color:yellow; background:url(../images/css-nav.gif) repeat-x bottom left;}*/


a.nav
{
	background: url(../images/css-nav2.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 9em;
	display: block;
	/*border: 0.1em solid #033;*/
	color: #000;
	font-weight:bolder;
	text-decoration: none;
	text-align: center;
}

a.nav:visited, a.nav:active, a.nav:focus {color:black; background:url(../images/css-nav2.gif) repeat-x bottom left;}

a.nav:hover, a.nav:active, a.nav:focus {text-decoration:under\line;}

a.nav:hover {color:black; background:url(../images/css-nav.gif) repeat-x bottom left;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none;
}
/* End hide */

/*
=============================================================
END OF CSS FOR NAVIGATION MENU
=============================================================
*/

/*#header{width:775px; height:260px; background:url(../images/index4_01.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}
#header{width:775px; height:260px; background:url(../images/b_top_test.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}*/
/*#header{width:775px; height:260px; position:relative; margin: 0 auto;}*/
#header{
	width:1016px; 
	height:260px; 
	position:relative; 
	margin: 0 auto; 
	left: 100px;
}

#logo{position:absolute; top:15px; left:386px}

#header ul{height:19px; position:absolute; top:170px; left:240px; width:600px;}
#header ul li{float:left; margin-right:7px}

#header ul li.home a{
	width:75px; 
	height:19px; 
	display:block; 
	background:url(../images/btn_home.gif) 0 0 no-repeat; 
	text-indent:-20000px;
}
#header ul li.home a:hover{width:75px; height:19px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

/*
#header ul li.bio a{width:28px; height:19px; display:block; background:url(../images/btn_bio.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.bio a:hover{width:28px; height:19px; background:url(../images/btn_bio_over.gif) 0 0 no-repeat;}
*/

#header ul li.rates a{width:49px; height:19px; display:block; background:url(../images/btn_rates.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.rates a:hover{width:49px; height:19px; background:url(../images/btn_rates_over.gif) 0 0 no-repeat;}

/*#header ul li.works a{width:49px; height:19px; display:block; background:url(../images/btn_works.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.works a:hover{width:49px; height:19px; background:url(../images/btn_works_over.gif) 0 0 no-repeat;}


#header ul li.articles a{width:63px; height:19px; display:block; background:url(../images/btn_articles.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.articles a:hover{width:63px; height:19px; background:url(../images/btn_articles_over.gif) 0 0 no-repeat;}
*/
#header ul li.services a{width:63px; height:19px; display:block; background:url(../images/btn_services.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.services a:hover{width:63px; height:19px; background:url(../images/btn_services_over.gif) 0 0 no-repeat;}

#header ul li.contact a{width:63px; height:19px; display:block; background:url(../images/btn_contact.gif) 0 0 no-repeat; text-indent:-20000px; }
#header ul li.contact a:hover{width:63px; height:19px; background:url(../images/btn_contact_over.gif) 0 0 no-repeat;}

#header ul li.bullet{width:5px; height:19px; display:block; background:url(../images/bullet_btn.gif) 0 7px no-repeat; }

/* CONTENT */

#content-main{
	/*width:716px; */
	width:1016px; 
	position:relative; 
	margin: 0 auto; 
	padding-left:59px;; 
	clear:both;
	left: 113px;
}

.line{
	width:1px;
	height:300px;
	background:url(../images/line.jpg) 0 15px no-repeat;
	position:relative;
	float:left;
}

#about{width:200px; position:relative; float:left; display:inline; margin:0 12px 50px 17px;}
#about h2{height:49px; background:url(../images/h_about.gif) 0 0 no-repeat; position:relative; clear:both; margin-bottom:13px}
#about p{padding-left:2px;}
#about p span{margin-bottom:20px; display:block;}
#about img{padding-left:2px; margin-top:15px;}

#welcome{
/*	width:370px; */
	width:370px; 
	position:relative; 
	float:left; 
	display:inline; 
	margin:0 24px 50px 30px;
}

#welcome img{float:left;  position:relative; margin-bottom:7px}
#welcome h2{height:49px; width:190px; background:url(../images/h_welcome.gif) 0 0 no-repeat; position:relative; float:left;  margin-bottom:13px}
#welcome p span{display:block; float:left; width:198px; padding-left:14px; position:relative; margin-bottom:7px}
#welcome p{padding-left:17px}

#welcome ul{margin-top:10px;}
#welcome li{background:url(../images/arrow.gif) 13px 2px no-repeat; padding-left:30px; height:24px}
#welcome li a{font:10px/14px Tahoma, sans-serif; color:#cfa779; font-weight:normal; text-decoration:underline}
#welcome li a:hover{color:#cfa779; font-weight:normal; text-decoration:none; background:#21211a;}

/* BOTTOMLINE */

#bottomline{width:775px; position:relative; margin: 0 auto;}

/* NEW */

#new{width:775px; height:116px; position:relative; background:url(../images/b_new.jpg) 0 0 repeat; margin: 0 auto; clear:both}
#new h2{height:45px; width:141px; background:url(../images/h_new.gif) 0 0 no-repeat; position:relative; float:left; display:inline; margin:10px 23px 0 68px;}
.serviceDesc{width:102px; float:left; margin:7px 30px 0 0; display:block}
.serviceDesc2{width:95px; float:left; margin:7px 30px 0 0; display:block}
.serviceDesc img{float:left; border:#404036 2px solid; margin-right:15px; }
.serviceDesc p {margin-top:5px}

#new a{font:10px/14px Tahoma, sans-serif; color:#cfa779; font-weight:normal; text-decoration:none }
#new a:hover{color:#cfa779; border-bottom: #cfa779 1px dotted; text-decoration:none }

/* FOOTER */
#footer{width:775px; height:89px; position:relative; background:#21211a; margin: 0 auto;  clear:both}
#footer p{padding: 30px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#858585;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#858585; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#cfa779; color:#000}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOR INPUT FIEDS AND TEXTAREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON CONTACT PAGE
=============================================================
*/
#inputAreaContact input[type="text"], #inputAreaContact textarea, #inputAreaContact select
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 4px;
	/*width: 300px;*/
	display: block;
    border: solid 1px #85b1de;
	background-color: #EDF2F7;
	font-weight: bold;
	color:#036;
}

#inputAreaContact select
{
	width: 190px;
}
	

#inputAreaContact
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	background-color: #d6e5f4;
	padding: 10px;
	width:200px;
	color:#036;
}
#contactPageMessage
{
	color:#FFF;
}
#inputAreaContact input, #inputAreaContact textarea, #inputAreaContact select
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 4px;
	display: block;
	/*width: 300px;*/
	background-image: url( '../images/blue_bg.png' );
	background-repeat: repeat-x;
}
/*
=============================================================
END OF CSS FOR INPUT AREA ON CONTACT PAGE
=============================================================
*/
/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON RESERVE PAGE
=============================================================
*/
#inputArea input[type="text"], #inputArea textarea, #inputArea select
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	/*
	margin-bottom: 5px;
	padding: 4px;
	width: 300px;
	display: block;
	*/
    border: solid 1px #85b1de;
	background-color: #EDF2F7;
	font-weight: bold;
	color:#036;
}

#inputArea select
{
	width: 90px;
}
	

#inputArea
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	background-color: #d6e5f4;
	/*padding: 10px;
	width:310px;
	*/
	
}
#inputArea input, #inputArea textarea, #inputArea select
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	/*margin-bottom: 5px;
	padding: 4px;
	display: block;
	width: 300px;
	*/
	background-image: url( '../images/blue_bg.png' );
	background-repeat: repeat-x;
}
/*
=============================================================
END OF CSS FOR INPUT AREA ON RESERVE PAGE
=============================================================
*/
.frmLabel
{
	font-size: 12px;
	color: #27271f;
}


/*
=============================================================
BEGIN OF CSS FOR VALIDATION ON FORMS
=============================================================
*/
#wrapper {width:300px; margin:50px auto;}
.form {float:left; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf;}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold;}
.form select {float:left; width:146px; margin-top:10px;}
.form input {float:left; margin-top:10px;}
.form .submit {clear:both;}
#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px;}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; color:#036}
/*
=============================================================
END OF CSS FOR VALIDATION ON FORMS
=============================================================
*/


/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON RATES PAGE
=============================================================
*/

#divRates table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 705px;
	}

.ratesTable
{
	border:#0F0;
}

#divRates th {
	padding: 0 0.5em;
	text-align: left;
        border-top: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	background: #EDF2F7;
	text-align:center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #b9c9fe;
	color: #003399;
	}

#divRates tr.yellow, #divRates td {
	border-top: 1px solid #FC0;
	border-bottom: 1px solid #FC0;
	background: #EDF2F7;
	}

#divRates td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

#divRates td:first-child {
	width: 190px;
	}

#divRates td, #divRates td {
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
.ratesDestination
{
	font-weight:bolder;
	font-size:14px;
	font-style:italic;
}
.ratesHeader
{
	font-weight:bolder;
	font-size:14px;
	font-style:italic;
}

/*
	THIS PART WILL BE FOR AN AD ON RATES PAGE
*/


blockquote {
    max-width: 620px;
    background: url(../images/rs-right.png) right repeat-y }
blockquote:before {
    display: block;
    line-height: 0;
    background: url(../images/rs-topright.png) top right no-repeat;
    content: url(../images/rs-topleft.png) }
blockquote:after {
    display: block;
    line-height: 0;
    background: url(../images/rs-bottomright.png) bottom right no-repeat;
    content: url(../images/rs-bottomleft.png) }
blockquote p {
    margin: 0;
    padding: 0 40px 20px 20px }

/*
=============================================================
END OF CSS FOR INPUT AREA ON RATES PAGE
=============================================================
*/


/*
=============================================================
BEGIN OF CSS FOR ALL REQUIRED ITEMS
=============================================================
*/

.reqRed
{
	color:#F00;
}

/*
=============================================================
END OF CSS FOR ALL REQUIRED ITEMS
=============================================================
*/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	THIS SECTION WILL BE FOR SERVICE PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#serviceInfo
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 4px;
	/*width: 300px;*/
	display: block;
    border: solid 1px #85b1de;
	background-color: #EDF2F7;
	font-weight: bold;
	color:#036;
}
/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON CONTACT PAGE
=============================================================
*/


/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON CONTACT PAGE
=============================================================
*/

.imgBorder 
{
    border: 1px solid #4C3C1B;
    padding: 3px;
    background-color: #EFEECB;
}
/*
=============================================================
BEGIN OF CSS FOR INPUT AREA ON CONTACT PAGE
=============================================================
*/



/*
=============================================================
BEGIN OF CSS FOR POPUP/ANNOUNCEMENT HOME PAGE
=============================================================
*/

.popupContact {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}

table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
.popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:550px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
.popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
.popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*
=============================================================
END OF CSS FOR POPUP/ANNOUNCEMENT HOME PAGE
=============================================================
*/