/* ----------------------------------------------------------------

  Title:		Master Screen Styles for eastofmauiboardshop.com
  Author:		Styromedia
  Version:		06.08.2007

--------------------------------------------------------------- */

/* --[ color reference ]--------------------------

gold (dark)		#d5ae1c		heading, links
gold (light)	#ffeb9f		borders
green			#008f4c		links
red				#d2232a		heading, links, border

-------------------------------------------------- */


/* --[ import ie style sheet ]-------------------- */
@import url("ie.css");


/* --[ general styles ]--------------------------- */

* {
  margin: 0;
  padding: 0;
  }
a:link, a:visited, a:active {
  color: #008f4c;
  }
a:hover {
  color: #fff;
  background: #008f4c;
  }
body {
  background: url(/images/bg.gif) top left repeat;
  color: #333;
  font: 62.5%/1.6em "Lucida Grande", Verdana, Arial, Sans-Serif;
  text-align: center;
  }
form {
  margin-bottom: 1em;
  }
form, li, p, td {
  font-size: 1.4em;
  line-height: 1.5em;
  }
h1 {
  color: #008f4c;
  font-size: 2.5em;
  font-weight: normal;
  margin: 0 0 .75em;
  }
h2 {
  color: #d5ae1c;
  font-size: 2em;
  font-weight: normal;
  margin-bottom: .5em;
  }
h3 {
  color: #008f4c;
  font-size: 1.5em;
  margin-bottom: .25em;
  }
h4 {
  color: #008f4c;
  font-size: 1.5em;
  margin-bottom: .25em;
  }
input, textarea {
  font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
  font-size: 1.1em;
  padding: .1em;
  }
hr {
  background-color: #008f4c; /* opera */
  border: #008f4c; /* ie */
  color: #008f4c; /* netscape 6/7 + mozilla */
  height: 1px;
  }
img {
  border: 0;
  }
ol, ul {
  margin: 1em 0 1.5em 3.5em;
  }
p {
  margin-bottom: 1.2em;
  }
table {
  line-height: 1.7em;
  width: 100%;
  margin: 10px 0 0;
  text-align: left;
  background: #ccc;
  border-spacing: 1px;
  }
textarea {
  height: 140px;
  width: 600px;
  width: 630px;
  }
td {
  background: #f1f1f1;
  padding: 4px 7px;
  vertical-align: top;
  }
th {
  background: #008f4c;
  padding: 4px 7px;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  }


/* --[ id ]--------------------------------------- */

#address {
  padding: 0;
  width: 35%;
  float: left;
  }
#body {
  background: #fff;
  border-left: 4px solid #ffeb9f;
  border-right: 4px solid #ffeb9f;
  min-height: 45em;
  padding: 16px;
  text-align: left;
  width: 728px;
  }
#container {
  margin: 5px auto;
  width: 768px;
  }
#footer {
  background-position: bottom left;
  clear: both;
  padding-bottom: 1.5em;
  width: 768px;
  }
#footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
/* self-clearing floats */
* html #footer {
	height: 1%;
	}
#footer p {
  margin: 0;
  padding: 0;
  }
#footer p#copyright {
  float: left;
  padding-left: 4em;
  }
#footer p#designed {
  float: right;
  text-align: right;
  padding-right: 4em;
  }
#header {
  width: 768px;
  height: 110px;
  }
#leftcolumn {
  float: left;
  width: 234px;
  }
#home {
  margin-top: 2em;
  }
#map {
  width: 728px;
  height: 400px;
  margin-bottom: 2em;
  border: 5px solid #ffeb9f;
  background: center no-repeat;
  font-size: 1em;
  line-height: 1.2;
  }
#map p {
  line-height: 1.2em;
  margin-bottom: 0;
  padding-bottom: 0;
  }
#middlecolumn {
  float: left;
  padding-left: 11px;
  width: 234px;
  }
#navigation, #nav {
  list-style: none;
  line-height: 1%;
  margin: 0 auto;
  }
#navigation {
  margin: 0 0 20px 20px;
  }
#nav:after, #nav ul:after { /* self-clearing float */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
* html #nav, * html #nav ul { /* self-clearing float for ie */
  height: 1%;
  }
#nav a {
  background: #d2232a;
  border-right: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 1.6em;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  text-decoration: none;
  }
#nav a:hover {
  background: #fff;
  color: #d2232a
  }
#nav li {
  float: left;
  font-size: 1em;
  width: 98px;
  }
#nav li ul {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  left: -999em;
  list-style: none;
  margin: 0 0 0 -2px;
  padding: 0;
  position: absolute;
  width: 104px;
  }
#nav li li {
  font-size: .9em;
  border-bottom: 1px solid #fff;
  width: 15em;
  }
#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
#nav li li a {
  line-height: 1.3;
}
#nav a#first {
  background: #d2232a url(/images/nav_lft.gif) top left no-repeat;
  }
#nav a:hover#first, #nav a:hover#last {
  background: #fff;
  color: #d2232a;
  }
#nav a#last {
  background: #d2232a url(/images/nav_rgt.gif) top right no-repeat;
  border-right: none;
  }
#phone {
  padding: 0;
  width: 50%;
  float: left;
  }
#rightcolumn {
  float: left;
  padding-left: 11px;
  width: 234px;
  }
#storephotos {
  margin: 1px 0 1em;
  }
#subnav {
  background: url(/images/subnav_btm.gif) no-repeat bottom left;
  float: right;
  padding-bottom: 6px;
  margin: 0 0 .75em 1.5em;
  width: 160px;
}
#subnav ul {
  background: url(/images/subnav_tp.gif) no-repeat top left;
  margin: 0;
  padding: 1.5em 1.5em 1em 3em;
  color: #008f4c;
  }
#subnav a {
  text-decoration: none;
  }


/* --[ classes ]---------------------------------- */

.boxinput {
  width: 200px;
  }
.center {
  text-align: center;
  }
.clear {
  clear: both;
  }
.col1 {
  width: 30%;
  padding-right: 10px;
  float: left;
  }
.col2 {
  width: 30%;
  padding: 0 10px;
  float: left;
  }
.col3 {
  width: 330px;
  padding-left: 10px;
  float: left;
  }
.date {
  width: 80px;
  }
.description {
  width: 337px;
  }
.error {
  color: #d2222a;
  }
.even td {
  background: #fff;
  }
.event {
  width: 150px;
  }
.field {
  float: left;
  width: 240px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 260px;
  }
html > body .field {
  width: 240px;
  }
.gallery {
  margin-left: 5px;
  }
.gbox, .rbox, .ybox {
  padding-bottom: 6px;
  margin-bottom: 1.4em;
  width: 234px;
  }
h3.big, h3.big, h3.big {
    font-size: 2em;
  }
.gbox {
  background: url(/images/gbox_btm.gif) no-repeat bottom left;
  }
.gbox h2 {
  background: url(/images/gbox_tp.gif) no-repeat top left;
  color: #008f4c;
  }
.gbox form, .rbox form, .ybox form {
  padding: 3px 14px 14px;
  }
.gbox h2, .ybox h2, .rbox h2 {
    line-height: 1.2em;
  padding: 14px 14px .25em;
  }
.gbox h3, .ybox h3, .rbox h3 {
  color: #444;
  margin: 0;
  padding: 0 14px 8px;
  }
.gbox input, .rbox input, .ybox input {
  margin-top: .5em;
  }
.gbox p, .ybox p, .rbox p {
  padding: 0 14px;
  }
.gbox ul, .ybox ul, .rbox ul {
  margin: 0;
  padding: 0 14px 10px;
  list-style: none;
  }
.hdate {
  font-size: 1.3em;
  color: #555;
  margin: -.5em 0 .4em;
  }
.hide {
  display: none;
  }
.hilite-red {
  background-color: #d2232a;
  color: #fff;
  }
.imgleft {
  float: left;
  padding: 0 .75em .75em 0;
  }
.imgright {
  float: right;
  padding: 0 0 .75em .75em;
  }
.la {
  list-style-type: lower-alpha;
  }
.odd td {
  background: #eee;
  }
.optional {
  color: #008f4c;
  }
.photo {
  padding: 0;
  margin-right: 10px;
  float: left;
  text-align: center;
  width: 170px;
  height: 120px;
  }
.photo img {
  padding: 4px;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  }
.photo a:hover img {
  background: #008f4c;
  border: 1px solid #036135;
  }
.paddingleft {
  padding-left: 1em;
  }
.right {
  text-align: right;
  }
.rbox {
  background: url(/images/rbox_btm.gif) no-repeat bottom left;
  }
.rbox a:link, .rbox a:visited, .rbox a:active {
  color: #d2232a; 
  }
.rbox a:hover {
  color: #fff;
  background-color: #d2232a;
  }
.rbox h2 {
  background: url(/images/rbox_tp.gif) no-repeat top left;
  color: #d2232a;
  }
.right {
  text-align: right;
  }
div.row {
  clear: both;
  padding-top: .5em;
  }
div.row2 {
  clear: both;
  padding-top: .5em;
  text-align: left;
  width: 600px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 630px;
  }
html > body div.row2 {
  width: 600px;
  }
div.row span.label {
  float: left;
  width: 130px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 143px;
  }
html > body div.row span.label {
  width: 130px;
  }
html > body div.row span.label {
  width: 15em;
  }
.rssgreen, .rssred {
  margin-left: 14px;
  padding-left: 20px !important;
  }
.rssgreen {
  background: url(/images/rss_green.gif) no-repeat 0 4px;
  }
.rssred {
  background: url(/images/rss_red.gif) no-repeat 0 4px;
  }
.small {
  font-size: 1.2em;
  }
div.spacer {
  clear: both;
  }
.ybox {
  background: url(/images/ybox_btm.gif) no-repeat bottom left;
  }
.ybox a:link, .ybox a:visited, .ybox a:active {
  color: #dbb420; 
  }
.ybox a:hover {
  color: #fff;
  background-color: #dbb420;
  }
.ybox h2 {
  background: url(/images/ybox_tp.gif) no-repeat top left;
  color: #dbb420;
  }
.desc {
  font-size: .9em;
  }
.signed {
  margin-top: 1em;
  }
.swapinfo {
  font-size: 1.2em;
  }
.style1 {
  color: #f00
  }