/* CSS Document */
html, body {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  height: 100%;
  width: 100%;
  background: url(../images/body_back.gif) #5c5c5c;
  color: #FFFFFF;
  font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a:link, a:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #0000FF;
  text-decoration: underline;
}

a:active {
  color: #a34c01;
  text-decoration:underline;
}


h1, h2, h3, h4 {
  margin: 0px;
}

img {
  border: none;
}

.warn {
  color: #FF0000;
  font-weight: bold;
}

#head {
  height:  149px;
  margin: 0 auto;
  width: 800px;
  background: url(../images/hdr_back.jpg) #252525 repeat-x;  
}

#logo {
  width:  367px;
  height:  149px;
  float: left;
  padding-left: 25px;
}

#swirl {
  width:  248px;
  height: 149px;
  float: right;
}

#content {
  width:  800px;
  height: 585px;
  margin: 0 auto;
}

#lcol {
  float: left;
  width:  62px;
  height:  585px;
}

#grey_bar {
  float: left;
  width:  73px;
  height:  585px;
}

#nav_bar {
  width:  62px;
  height:  570px;
  background: url(../images/nav_back.jpg) left repeat-y;
  text-align: left;
}

#nav_bar a:link.about img, #nav_bar a:visited.about img {
  border-right: 7px solid #097693;
}

#nav_bar a:link.services img, #nav_bar a:visited.services img{
  border-right: 7px solid #546813;
}

#nav_bar a:link.portfolio img , #nav_bar a:visited.portfolio img{
  border-right: 7px solid #7b1509;
}

#nav_bar a:link.contact img, #nav_bar a:visited.contact img {
  border-right: 7px solid #5e2a8f;
}

#nav_bar a:hover.about img, #nav_bar a:hover.services img, #nav_bar a:hover.portfolio img,  #nav_bar a:hover.contact img {
  border-right: 7px solid #FFFFFF;
}

#rcol {
  float: right;
  width:  738px;
  height:  585px;
  background: url(../images/cont_back.jpg) repeat-x  bottom #a34c01;
}

#slippers {
  float: left;
  height:  142px;
  width:  157px;  
}
 
#slip_back {
  float: right;
  height:  127px;
  width:  571px;
  background: url(../images/slip_back.gif) repeat-x #a34c01;
  text-align: left;
  padding-left:  10px;  
  padding-top: 15px;
}

#slip_back h2 {
  font-weight: normal;
}

#lcont, #rlcont {
  clear: both;
  float: left;
  height:  423px;
  width:  348px;
  text-align: left;
  padding: 10px;
}

#rlcont li {
  padding: 5px;
}

.except {
  color: #252525;
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
}

.offer {
  float: right;
  margin-right: 45px;
  color: #252525;
  font-size:  11px;
  font-weight: bold;
}

#palms {
  float: right;
  height:  423px;
  width:  335px;
  padding: 10px;
  text-align: left;
  background: url(../images/hawaii_10.gif) no-repeat right;
}

#palms ul {
  list-style: none;
}

/* blue */
#brcol {
  float: right;
 /* width:  766px;*/
   width:  738px;
  height:  585px;
  background: url(../images/b_cont_back.jpg) repeat-x #1898ae bottom;
}

#bslippers {
  float: left;
  height:  142px;
  width:  157px;  
}
 
#bslip_back {
  float: right;
  height:  127px;
  width:  571px;
  background: url(../images/b_slip_back.gif) repeat-x #1898ae;
  text-align: left;
  padding-left:  10px;  
  padding-top: 15px;
}

#bslip_back h2 {
  font-weight: normal;
}

#bpalms {
  float: right;
  height:  423px;
  width:  345px;
  padding: 10px;
  text-align: left;
  background: url(../images/b_hawaii_10.gif) no-repeat right;
}

#bpalms ul {
  /*list-style: none;*/
}

/* green */
#grcol {
  float: right;
  width:  738px;
  height:  585px;
  background: url(../images/g_cont_back.jpg) repeat-x #627916 bottom;
}

#gslippers {
  float: left;
  height:  142px;
  width:  157px;  
}
 
#gslip_back {
  float: right;
  height:  127px;
  width:  571px;
  background: url(../images/g_slip_back.gif) repeat-x #627916;
  text-align: left;
  padding-left:  10px;  
  padding-top: 15px;
}

#gslip_back h2 {
  font-weight: normal;
}

#gpalms {
  float: right;
  height:  423px;
  width:  335px;
  padding: 10px;
  text-align: left;
  background: url(../images/g_hawaii_10.gif) no-repeat right;
}

#gpalms ul {
  list-style: none;
}

/* red */
#rrcol {
  float: right;
  width:  738px;
  height:  585px;
  background: url(../images/r_cont_back.jpg) repeat-x #93190a bottom;
}

#rslippers {
  float: left;
  height:  142px;
  width:  157px;  
}
 
#rslip_back {
  float: right;
  height:  127px;
  width:  571px;
  background: url(../images/r_slip_back.gif) repeat-x #93190a;
  text-align: left;
  padding-left:  10px;  
  padding-top: 15px;
}

#rslip_back h2 {
  font-weight: normal;
}

#rpalms {
  float: right;
  height:  423px;
  width:  335px;
  padding: 10px;
  text-align: left;
  background: url(../images/r_hawaii_10.gif) no-repeat right;
}

#rpalms ul {
  list-style: none;
}

#rpalms li {
  padding: 5px;
}

/* purple */
#prcol {
  float: right;
   width:  738px;
  height:  585px;
  background: url(../images/p_cont_back.jpg) repeat-x #7232a4 bottom;
}

#pslippers {
  float: left;
  height:  142px;
  width:  157px;  
}
 
#pslip_back {
  float: right;
  height:  127px;
  width:  571px;
  background: url(../images/p_slip_back.gif) repeat-x #7232a4;
  text-align: left;
  padding-left:  10px;  
  padding-top: 15px; 
}

#pslip_back h2 {
  font-weight: normal;
}

#plcont {
  clear: both;
  height:  423px;
  width:  693px;
  margin-left: 5px;
  background: url(../images/p_hawaii_10.gif) no-repeat right;
  text-align: left;
  padding: 10px;
  overflow: auto;
}

#ppalms ul {
  list-style: none;
}

#foot {
  clear: both;
  width:  100%;
  height:  66px;
  text-align: center;
  font-size: 12px;
}

.port {
  list-style: none;
  font-size: 12px;
}

.port_thumb {
  padding-top: 5px;
  clear: both;
  font-size: 12px;
}

.port_img {
  border: 1px solid #FFFFFF;
}