@charset "UTF-8";
/* CSS Document */
body{
	background-image:url(../images/wavecut.jpg);
	background-repeat: repeat;
	background-position: center top;
}

/* -------------------------------------------------------------------------------------------------------- header  */

#header{
	background-image:url(../images/header_bkgd.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	margin:0 auto;
	width:100%;
	height:225px;
}
.center_960{
	margin:0 auto;	
	width:960px;
	position:relative;
}
#nav{
	width: 500px;
	float: right;
	position: absolute;
	top: 90px;
	left:450px
}
/* -------------------------------------------------------------------------------------------------------- Driftwood sign   */
#hours{
	position: absolute;
    right:8%;
    top:215px;
	width:258px;
	height:156px;
	background-image:url(../images/driftwood_sign.png);
	background-repeat:no-repeat;
	margin:10px;
	padding: 30px 23px;
}
/* -------------------------------------------------------------------------------------------------------- Top image   */
#top_image{
	width:700px;
	height:356px;
	margin:20px 10px 10px;
	z-index:1;
}
/* -------------------------------------------------------------------------------------------------------- Content   */
.lg_white_box{
	position: relative;
	top: -140px;
	width: 825px;
	z-index: -1;
	left: 49px;
	margin: 10px;
	padding: 20px;
	background-color: #FFF;
	background-image: url(../images/ribbon.jpg);
	line-height: 1.4em;
	background-repeat: repeat-x;
	background-position: top;
}
.lg_white_box2{
	position: relative;
    top: 140px;
    width:900px;
    z-index: -1;
	background-color:#FFF;
	border-style: solid;
	border-width: 25px 18px 0px;
	-moz-border-image: url(../images/ribbon.jpg) 25 5 repeat;
	-webkit-border-image: url(../images/ribbon.jpg) 25 5 repeat;
	-o-border-image: url(../images/ribbon.jpg) 25 5 repeat;
	border-image: url(../images/ribbon.jpg) 25 5 repeat;
	line-height:1.4em;
	margin: 40px 10px 80px;
    padding:20px 20px 44px 20px;

}
#zone2{width:960px;margin:-8% auto;height:500px;}
#zone3{
	margin-bottom: -6%;
    margin-left:auto;
	margin-right:auto;
	width:960px;
    margin-top: -4%;
}  
.sm_white_box{
	width: 275px;
	background-color: #FFF;
	background-image: url(../images/Fat_blue_ribbon.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin:0 22px;
	padding-bottom:20px;
	min-height:425px;
}
.width400{width:400px;position:relative;left:325px}
/* -------------------------------------------------------------------------------------------------------- Footer  */

#footer{
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/footer_bkg.png);
	background-repeat: repeat-x;
	height: 315px;
	text-align: center;
	position: relative;
	bottom: -90px;
	background-position: center center;
}
#ftnav{
	width:700px;
    margin: 0 auto;
    margin-bottom:10px;
	position:relative;
	top:-100px;
}
#ftnav2{
	width:675px;
    margin: 15px auto;
}
#phone{
	background-image:url(../images/red_Phone.png);
	background-repeat:no-repeat;
	background-position:bottom left;
    height: 240px;
    width: 200px;
    margin-left: 30px;
	padding-left: 55px;
	position: relative;
    top: 75px;
}
#payments{margin-top:-8px; padding:0}
#copywrite{font-size:9px; color:#c1d9ee;margin-top:8px}
/* -------------------------------------------------------------------------------------------------------- Page Content  */
#page{
	background-image:url(../images/page_backgrd.png);
	background-repeat:repeat-y;
	background-position: center top;
	display:table;
	margin:0 auto;
	width:100%;
}
#content{
	width: 924px;
	margin: 0 auto;
	background-color: rgba(238, 234, 220, .90);
	-moz-border-image: url(../images/border2.jpg) 0 20 repeat;
	-webkit-border-image: url(../images/border2.jpg) 0 20 repeat;
	-o-border-image: url(../images/border2.jpg) 0 20 repeat;
	border-image: url(../images/border2.jpg) 0 20 repeat;
	border-style: inset;
	border-width:0 20px;
	border-right-color: #4E1A12;
	border-left-color: #4E1A12;
}

.colm_left{
	width:530px;
	/*min-height:750px;*/
	margin-left:30px;
	position:relative;
}
.colm_right{
	width:300px;
	position:relative;
	float:right;
	text-align:center;
}
.rgt_btm{
	background-color: red;
    width: 250px;
    position: relative;
    left: 620px;
    top: -275px;
}
/* -------------------------------------------------------------------------------------------------------- color bxes  */
.teal_orange_top{
	background-color:#3c8488;
	padding:10px;
	background-image:url(../images/teal_orange_topper.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:140px;
	margin-left:30px;
	margin-bottom:10px;
	-webkit-border-radius: 20px 0px 0px 20px;
        border-radius: 20px 0px 0px 20px;
}

/* -------------------------------------------------------------------------------------------------------- Floats  */
.flt_lft{float:left;}
.flt_rgt{float:right;}
/* -------------------------------------------------------------------------------------------------------- Guests  */
#content .guest{
	width:800px;
	border-bottom:2px #8c3927 solid;
	   margin: 20px auto;
    padding-bottom: 70px;
}

.guest img{display:block;clear:both;}
/* ****************************************************************************************************** Map  */
.map{width:325px;margin:0 auto;}
.map iframe{border:2px solid #333;}
#content .map  a{font-size:10px;}


/* ****************************************************************************************************** CSS3 Buttons */
.c2a_button{margin-bottom:10px; text-align:center;}
.c2a_button a:link, .c2a_button a:visited {
	margin:15px;
	background-color:#f09429;
    border: 1px solid #af6c1e;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    text-align: center;
    text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	text-decoration:none;
	-webkit-box-shadow:  0px 4px 2px 1px #ccc;
     box-shadow:  0px 4px 2px 1px #ccc;
}
.c2a_button a:hover, .c2a_button a:active{
	margin:15px;
	background-color:#0f8362;
    border: 1px solid #203340;
    color: #FFFFFF;
     font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    text-align: center;
    text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	text-decotration:none;
}
/* ****************************************************************************************************** Custom Google MAp Icon */
#googleMap{

}
/* ****************************************************************************************************** Seafood Mrkt */
.mrkt_zone1{
	height: 325px;
    margin-bottom: 10px;
    width: 820px;
}

.mrkt_col1{
 	margin-left: 10px;
    width: 390px;
}
.mrkt_col2{
   left: 420px;
    position: relative;
    top: -300px;
    width: 400px;
}
.mrkt_zone2{
	height: 225px;
    margin-bottom: 10px;
    width: 820px;
}
.mrkt_col3{
 	left: 420px;
    position: relative;
    top: -200px;
    width: 400px;
}
.mrkt_col4{
 	left: 420px;
    position: relative;
    top: -200px;
    width: 400px;
}