/* Mariner 3 styles */
body {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #784133;
background-color: #ffffff;
}
#container {
position: relative;
top: 10px;
width: 1000px;
height: 100%;
margin:0px auto;
text-align: left;
}
#banner {
position: absolute;
top: 10px;
left: 10px;
height: 70px;
width: 970px;
background-color: #ffffff;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #784133;
text-align: right;
padding-right: 10px;
border: 1px solid #784133;
}
/*#nav_panel {
float: left;
width: 198px;
height: 600px;
text-align: left;
background-color: #ffffff;
border: 1px solid #784133;
}*/
#nav_list {
position: absolute;
top: 100px;
padding-left: 10px;
}
a.m:link, a.m:visited, a.m:active {
color: #784133;
font-size:10pt; 
text-decoration: none;
font-weight: bold;
}
a.m:hover {
color: #ff0000;
text-decoration: none;
font-weight: bold;
}
a.v:link, a.v:visited, a.v:active {
color: #784133;
font-size:9pt; 
text-decoration: none;
font-weight: normal;
}
a.v:hover {
color: #ff0000;
font-size:9pt; 
text-decoration: none;
font-weight: normal;
}
/* index */
#index_nav {
float: left;
width: 158px;
height: 600px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#index_main {
float: left;
width: 838px;
height: 600px;
background-image: url(images/index_bg840.jpg);
background-repeat: no-repeat;
height: 600px;
border: 1px solid #784133;
}
#index_0 {
position: absolute;
top: 390px;
left: 170px;
height: 30px;
width: 800px;
background-color: #ffffff;
font-family: verdana;
font-size: 14pt;
color: #996633;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#index_1 {
position: absolute;
top: 430px;
left: 170px;
height: 160px;
width: 246px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#index_2 {
position: absolute;
top: 430px;
left: 446px;
height: 160px;
width: 246px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #784133;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#index_3 {
position: absolute;
top: 430px;
left: 724px;
height: 160px;
width: 246px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #784133;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}



/* mariner now */
#now_nav {
float: left;
width: 158px;
height: 820px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#now_main {
float: left;
width: 838px;
height: 760px;
background-color: #688aad;
height: 820px;
border: 1px solid #784133;
}
#now_1 {
position: absolute;
top: 100px;
left: 170px;
height: 710px;
width: 200px;
background-color: #ffffff;
font-family: verdana;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#now_pic_1 {
position: absolute;
top: 100px;
left: 400px;
height: 320px;
width: 240px;
border: 1px solid #784133;
}
#now_pic_2 {
position: absolute;
top: 100px;
left: 650px;
height: 240px;
width: 320px;
border: 1px solid #784133;
}
#now_pic_3 {
position: absolute;
top: 430px;
left: 400px;
height: 240px;
width: 320px;
border: 1px solid #784133;
}
#now_pic_4 {
position: absolute;
top: 350px;
left: 730px;
height: 320px;
width: 240px;
border: 1px solid #784133;
}
#now_pic_5 {
position: absolute;
top: 680px;
left: 400px;
height: 130px;
width: 570px;
border: 1px solid #784133;
}

/*weddings*/
#weddings_pic_1 {
position: absolute;
top: 100px;
left: 400px;
height: 320px;
width: 570px;
border: 1px solid #784133;
}
#weddings_pic_2 {
position: absolute;
top: 430px;
left: 400px;
height: 320px;
width: 570px;
border: 1px solid #784133;
}
#weddings_nav {
float: left;
width: 158px;
height: 760px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#weddings_main {
float: left;
width: 838px;
height: 700px;
background-color: #688aad;
height: 760px;
border: 1px solid #784133;
}
#weddings_1 {
position: absolute;
top: 100px;
left: 170px;
height: 650px;
width: 200px;
background-color: #ffffff;
font-family: verdana;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}


/*about */
#about_nav {
float: left;
width: 158px;
height: 800px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#about_main {
float: left;
width: 838px;
height: 800px;
background-color: #688aad;
border: 1px solid #784133;
}
#about_1 {
position: absolute;
top: 100px;
left: 170px;
height: 693px;
width: 200px;
background-color: #ffffff;
font-family: verdana;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#about_pic_1 {
position: absolute;
top: 100px;
left: 400px;
height: 300px;
width: 400px;
border: 1px solid #784133;
}
#about_txt_2 {
position: absolute;
top: 100px;
left: 810px;
height: 300px;
width: 160px;
background-color: #ffffff;
border: 1px solid #784133;
padding-left: 10px;
padding-right: 10px;
}
#about_pic_3 {
position: absolute;
top: 410px;
left: 400px;
height: 383px;
width: 590px;
border: 1px solid #ffffff;
}
#about_pic_4 {
position: absolute;
top: 410px;
left: 890px;
height: 400px;
width: 300px;
border: 1px solid #784133;
}

/* contact */
#contact_nav {
float: left;
width: 158px;
height: 700px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#contact_main {
float: left;
width: 838px;
height: 700px;
background-color: #688aad;
border: 1px solid #784133;
}
#contact_1 {
position: absolute;
top: 100px;
left: 170px;
height: 540px;
width: 350px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#contact_form {
position: absolute;
right: 10px;
top: 100px;
width: 400px;
height: 530px;
background-color: #ffffff;
padding: 5px;
border: 1px #784133 solid;
color: #784133;
}
/*#contact_2 {
position: absolute;
left: 180px;
top: 260px;
width: 330px;
height: 400px;
} */

#fcf2 {
/*font-family:arial;
font-size:9pt;
color: #333192;
margin:5px;
border:1px solid #3D5686;
background-color:#FFF; */
width:400px;
}
/*#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#333192;
font-weight:bold;
padding:4px;
margin:0px;
} */
/*#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#000000;
} */
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 290px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:normal;
color: #603d21;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid 784133;
}

/* history */
#history_nav {
float: left;
width: 158px;
height: 700px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#history_main {
float: left;
width: 838px;
height: 700px;
background-color: #688aad;
border: 1px solid #784133;
}
#history_1 {
position: absolute;
top: 100px;
left: 170px;
height: 590px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#history_2 {
position: absolute;
top: 100px;
left: 600px;
height: 590px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#decks_nav {
float: left;
width: 158px;
height: 1000px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#decks_main {
float: left;
width: 838px;
height: 1000px;
background-color: #688aad;
border: 1px solid #784133;
}
#decks_1 {
position: absolute;
top: 100px;
left: 170px;
height: 90px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#decks_2 {
position: absolute;
top: 100px;
left: 600px;
height: 90px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#decks_3 {
position: absolute;
top: 210px;
left: 170px;
height: 771px;
width: 800px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#menus_nav {
float: left;
width: 158px;
height: 1100px;
text-align: left;
background-color: #dcdcdc;
border: 1px solid #784133;
}
#menus_main {
float: left;
width: 838px;
height: 1100px;
background-color: #688aad;
border: 1px solid #784133;
}
#menus_1 {
position: absolute;
top: 100px;
left: 170px;
height: 460px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: center;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

#menus_2 {
position: absolute;
top: 100px;
left: 600px;
height: 460px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: center;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#menus_3 {
position: absolute;
top: 580px;
left: 170px;
height: 510px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: center;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}
#menus_4 {
position: absolute;
top: 580px;
left: 600px;
height: 510px;
width: 370px;
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
text-align: center;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #784133;
}

/* services */
body.services {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #dade31;
}
#services_container {
position: relative;
top: 20px;
width: 1000px;
height: 608px;
margin:0px auto;
text-align: left;
background-image: url(images/services_bg_3.jpg);
background-repeat: no-repeat;
} 
#services_header {
position: absolute;
top: 30px;
right: 10px;
font-family: verdana;
font-size: 14pt;
font-weight: bold;
color: #253d01;
}
#services_header a:link {
color: #253d01;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#services_header a:visited {
color: #253d01;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#services_header a:active {
color: #253d01;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#services_header a:hover {
color: #ff0000;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
/* specs */
body.specs {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #dcdcdc;
}
#specs_container {
position: relative;
top: 20px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
background-image: url(images/specs_bg.jpg);
background-repeat: no-repeat;
}
#specs_header {
position: absolute;
top: 530px;
left: 10px;
font-family: verdana;
font-size: 14pt;
font-weight: bold;
color: #444444;
}
#specs_text {
position: absolute;
top: 10px;
right: 10px;
width: 410px;
font-family: verdana;
font-size: 9pt;
font-weight: normal;
color: #666666;
background-color: #ffffff;
padding: 5px;
border: 1px solid #666666;
}
#specs_header a:link {
color: #444444;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#specs_header a:visited {
color: #444444;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#specs_header a:active {
color: #444444;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#specs_header a:hover {
color: #ff0000;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
/* repair */
body.repair {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #ffffff;
}
#repair_container {
position: relative;
top: 20px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
background-image: url(images/repair_bg.jpg);
background-repeat: no-repeat;
}
#repair_header {
position: absolute;
top: 10px;
left: 10px;
font-family: verdana;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
}
#repair_text {
position: absolute;
top: 140px;
right: 50px;
width: 350px;
font-family: verdana;
font-size: 9pt;
font-weight: normal;
color: #666666;
background-color: #ffffff;
padding: 5px;
border: 1px solid #666666;
}
#repair_header a:link {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#repair_header a:visited {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#repair_header a:active {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
#repair_header a:hover {
color: #4883bf;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}

a.p:link {
color: #666666;
font-size: 10pt;
font-weight: normal;
}
a.p:visited {
color: #666666;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
a.p:active {
color: #666666;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
a.p:hover {
color: #ff0000;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}

/* about */
body.about {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #e5aa5a;
}
#about_container {
position: relative;
top: 20px;
width: 1000px;
height: 608px;
margin:0px auto;
text-align: left;
background-image: url(images/about_bg.jpg);
background-repeat: no-repeat;
}
#about_header {
position: absolute;
top: 10px;
right: 10px;
font-family: verdana;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
}
#about_text {
position: absolute;
top: 20px;
left: 10px;
width: 380px;
font-family: verdana;
font-size: 9pt;
font-weight: normal;
color: #666666;
background-color: #ffffff;
padding: 5px;
border: 1px solid #666666;
filter: alpha(opacity=85);-moz-opacity:0.85;
}
#about_header a:link {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#about_header a:visited {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#about_header a:active {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}
#about_header a:hover {
color: #ff0000;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}

/* blue */
body.blue {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #ffffff;
}
#blue_container {
position: relative;
top: 20px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
background-image: url(images/blue_room.jpg);
background-repeat: no-repeat;
} 

/* orange */
body.orange {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #fad9b6;
}
#orange_container {
position: relative;
top: 20px;
width: 1000px;
height: 670px;
margin:0px auto;
text-align: left;
background-image: url(images/orange_room.jpg);
background-repeat: no-repeat;
} 

/* contact */
body.contact {
margin:0px 0px; padding:0px;
text-align: center;
font-family: verdana;
font-size: 10pt;
color: #253d01;
background-color: #ffe9ab;
}
#contact_container {
position: relative;
top: 20px;
width: 1000px;
height: 600px;
margin:0px auto;
text-align: left;
background-image: url(images/contact_bg.jpg);
background-repeat: no-repeat;
}
#contact_header {
position: absolute;
top: 10px;
left: 10px;
font-family: verdana;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
}
#contact_text {
position: absolute;
top: 10px;
right: 10px;
width: 410px;
font-family: verdana;
font-size: 9pt;
font-weight: normal;
color: #666666;
background-color: #ffffff;
padding: 5px;
border: 1px solid #666666;
}
#contact_header a:link {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#contact_header a:visited {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#contact_header a:active {
color: #ffffff;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
#contact_header a:hover {
color: #ff0000;
font-size: 10pt;
font-weight: normal;
/*text-decoration: none;*/
}
/* contact form */
/* valid XHTML */


#services_text {
position: absolute;
top: 20px;
left: 20px;
width: 380px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
background-color:#f1feae;
color: #263e00;
padding: 5px;
border: 1px solid #263e00;
filter: alpha(opacity=85);-moz-opacity:0.85;
}
h1 {
font-family: verdana;
font-size: 12pt;
font-weight: bold;
color: #784133;
margin-top: 0px; 
}
h3 {
font-family: verdana;
font-size: 14pt;
font-weight: normal;
color: #ffffff;
margin-top: 0px; 
}
h2 {
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #784133;
margin-top: 0px; 
}
img.left {
float: left;
margin: 5px;
}
/* h2 {
font-weight: bold;
font-size: 14pt;
}
a.m:link, a.m:visited, a.m:active {
color: #002b74;
font-size:10pt; 
text-decoration: none;
font-weight: bold;
}
a.m:hover {
color: #ff0000;
text-decoration: none;
font-weight: bold;
}

a.c:link, a.c:visited, a.c:active {
color: #002b74;
}
a.c:hover {
color: #ff0000;
}
*/