/*------------------------------------------
Style Sheet  mauivetclinic.com
author:      graphicdesignstudio.net
launched:    06.03.11 | updated: 00.00.00
-------------------------------------------*/
@font-face {font-family: 'Open Sans Condensed';
src: url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic&v1') format('embedded-opentype');
}

/*-----------------------Reset ------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*--common elements & type-----------------------------------*/
body {
margin: 0;
text-align: center;
font: 12px/1.5em Helvetica, "lucida grande","lucida sans unicode", sans-serif;
color: #333;
background: #ECEAD8 url(../images/bkg.jpg) center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
}
p { 
padding: 0 0 1em 0; 
}
#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
}
#container {
width: 100%;
position: relative;
text-align: left;
}
table { margin-bottom:1.5em; border-collapse: collapse; }
th { 
font-size: 32px;
font-weight:bold; 
color: #8e9478; /*a bit lighter green*/
padding-bottom: 15px;
letter-spacing: 0.1em;
}
tr,td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }

/*------------header--------------------------*/
#header {
background: rgba(236, 234, 216) ;
/* transparency added */
background: rgba(236, 234, 216, 0);
}
#header img.logo {
float: left;
margin: 10px 0px;
}

/*-----------top navigation-------------------*/
#topnav ul {
padding: 140px 138px 20px 0;
list-style-type: none;
}
#topnav li {
float: right;
padding: 0 1em;
line-height: 1em;
border-left: 1px solid #333;
}
#topnav ul a {
padding: 0 0.5em;
font-size: 14px;
display: block;
color: #333; 
letter-spacing: 1px;
text-decoration: none;
}
#topnav ul a:hover {
color: #369; /*blue*/
text-decoration: none;
}
#topnav .nopipe {
border-left-style: none;
}
#topnav ul a:visited {
padding: 0 0.5em;
font-size: 14px;
display: block;
color: #666;
letter-spacing: 1px;
}

/*-------------sub navigation--------------------*/
#subnav  {
width: 450px;
float: right;
}
#subnav ul {
line-height: 1em;
}
#subnav li {
padding-right: 2em;
display: inline;
}
#subnav  a {
color: #ECEAD8;/* darkred #8A2629;*/
text-decoration: none;
font-size: 11px;
letter-spacing: 1px;
}
#subnav a:hover {
color: #fff;
}
#subnav  .sbnvon {
color: #fff;
font-size: 11px;
letter-spacing: 1px;
}

/*---------------content---------------------*/
#content-hp {
position: relative;
height: 500px;
}
#content-hp .slogan {
position: absolute;
top: 120px;
left: 60px;
width: 310px;
color: #8A2629;
font-size: 20px;
line-height: 2.5em;
}
#content {
height: 500px; /*browser support*/
position: relative;
}
/*--main content----------------------------------------*/
#maincontent {
position: relative;
text-align: left;
background: #ECEAD8 url(../images/opening_hours.png) no-repeat left top;
}
#maincontent  img.ftr-img {
padding: 30px 30px 30px 40px;
float: left;
}
#maincontent h2 {
padding: 45px 0px 5px;
font-size: 21px;
line-height: 1.2em;
font-weight: normal;
color: #8A2629;
letter-spacing: 0.2em;
}
#maincontent .g240 {
padding: 40px;
}
#bodytext .g640 {
margin-top:-260px;
padding-left: 300px;
}
#maincontent .ftr-txt {
padding-right: 100px;
line-height: 2em;
letter-spacing: 1px;
}
#maincontent .ftr-txt-about {
padding-right: 90px;
line-height: 2em;
text-align: justify;
}
#maincontent .caption {
padding: 5px 60px 0;
font-size: 10px;
letter-spacing: 1px;
color: #707756; /*green*/
text-align: right;
}
#maincontent a {
color: #369;
text-decoration: none;
}
#maincontent a:hover {
text-decoration: underline;
}
#maincontent h5 {
padding-bottom: 10px;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #8e9478; /*a bit lighter green*/
text-align: center;
clear: left;
}

/*--layout columns ----------------------------*/
.g80,.g160,.g240,.320,.g400,.g480,.g560,.g640,.g720,.g800,.g840,.g960 {float:left; *display: inline; margin-left:10px;  } 

/* 6 columns */
.g80  {width:70px;}
.g160  {width:150px;}
.g240  {width:230px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g840  {width:830px;}
.g960  {width:950px;}

/*-- backgrounds -------------------------------*/
.bkg-home {
background: url(../images/bkg-mauivetclinic.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-about {
background: url(../images/bkg-about.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-service {
background: url(../images/bkg-service.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-gallery {
background: url(../images/bkg-gallery.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-newpatients {
background: url(../images/bkg-newpatients.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-links {
background: url(../images/bkg-links.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.bkg-contact {
background: url(../images/bkg-contact.jpg) no-repeat center top;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}

/*-- right column -------------------------*/
.rht-col {
width: 400px;
margin-top: 56px;
float: right;
clear: right;
color: #ECEAD8; /*beige*/
}
img.pg-title {
padding-bottom: 15px;
}
.rht-col h2 {
font-size: 32px;
font-weight:bold; 
color: #CC9;
padding-bottom: 15px;
letter-spacing: 0.1em;
}
.rht-col h2.subhd {
font-size: 14px;
}
.rht-col p {
line-height: 2em;
padding: 0 90px 15px 0;
}
.rht-col .bultxt {
font-weight: bold;
color: #B6D1E4; /*blue*/
line-height: 1.6em;
padding: 0 40px 15px 0;
letter-spacing: 0.1em;
}
.rht-col .bultxt-2 {
line-height: 1.6em;
padding: 0 40px 5px 0;
}
.rht-col a {
color: #B6D1E4; /*blue*/
text-decoration: none;
}
.rht-col a:hover {
color: #B6D1E4; /*blue*/
text-decoration: underline;
}
.rht-col a:visited {
color: #FC6; /*yellow*/
font-weight: bold;
padding: 0 0 0 15px;
letter-spacing: 0.1em;
}
.rht-col .external {
background: url(../images/awayArrow.png) no-repeat right center;
padding-right: 15px;
}

/*------toggle for right column---------------*/
.list ul{ }
li.trigger {
padding: 0 0 6px 0;
margin: 0;
text-align: left;
list-style: none;
}
li.trigger a {
font-weight: bold;
line-height: 1.6em;
letter-spacing: 0.1em;
}
.toggle_container {
margin: 0 0 5px 0;
padding: 0;
line-height: 1.6em;
overflow: hidden;
clear: both;
}
.toggle_container .block {
padding: 0;
}
.block ul {
margin: 0;
padding: 0;
}
.block li {
padding: 2px;
}

/*---gallery pages-----------------------------*/
#gallery {
position: relative;
}
#gallerynav {
position: absolute;
top: 15px;
right: 30px;
}
#gallerynav li {
display: inline;
}
#gallerynav a {
color: #8A2629;
text-decoration: none;
margin-left: 20px;
padding: 2px 3px 1px;
line-height: 1em;
border: 1px solid #D5DBB9;
}
#gallerynav a:hover {
color: #F30;
border: 1px solid #FF3300;
}
#gallerynav .gallerynavon {
color: #F30;
text-decoration: none;
margin-left: 20px;
padding: 2px 3px 1px;
line-height: 1em;
border: 1px solid #F30;
}
#gallery img.fc-logo {
position: absolute;
top: 90px;
right: 60px;
}
#gallery img.bp-logo {
position: absolute;
top: 90px;
right: 75px;
}
#gallery img.oh-logo {
position: absolute;
top: 90px;
right: 90px;
}
#gallery img.bhn-logo {
position: absolute;
left: 120px;
top: 90px;
}
#gallery img.jp-logo {
position: absolute;
top: 90px;
right: 90px;
}

/*--contact page---------------------------------*/
#contact {
height: 500px;
}
.contact-lft {
width: 350px;
margin: 30px 0 30px 60px;
float: left;
text-align: right;
}
.contact-lft h2 {
padding-top: 105px;
padding-bottom: 60px;
font-size: 36px;
font-weight: normal;
color: #8A2629;
}
.contact-lft .email a {
padding-top: 15px;
color: #707756; /*green*/
text-decoration: none;
letter-spacing: 1px;
}
.contact-lft .email a:hover {
color: #3377BB;
text-decoration: underline;
}
.contact-rht {
width: 400px;
margin: 30px 60px 30px 0;
float: right;
}

/*---form---*/
.inquiry {
width: 400px;
}
form  {
width: 380px;
padding: 15px 0 15px;
border: 8px solid #FFF;
}
.inptfld {
width: 340px;
border: 1px solid #FFF;
}
form p {
padding: 0 0 5px 20px;
line-height: 1.8em;
}
label {
font-size: 10px;
letter-spacing: 3px;
}
.send {
margin: 30px 0 0 20px;
font-size: 10px;
}
.req {
color: #CE4836;
}
.req-ftr {
padding: 0px 15px 0px 0px;
font-size: 10px;
color: #CE4836;
letter-spacing: 0.5em;
text-align: right;
}
.missing {
color: #28E;
}
.sent  {
padding-left: 20px;
color: #8A2629;
font-size: 14px;
line-height: 1.5em;
}
input#name, input#email, input#phone, input#source, textarea#inquiry {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
}

/*---disclaimer page-------------------------*/
.copy-rht {
width: 640px;
margin: 60px 60px 0 0;
float: right;
}
.copy-rht h2 {
color: #8A2629;
padding-bottom: 5px;
}
.copy-rht p {
padding-bottom: 10px;
}
.copy-rht a {
color: #8A2629;
text-decoration: none;
}
.copy-rht a:hover {
text-decoration: underline;
}
.copy-left {
width: 200px;
margin-top: 60px;
float: left;
}
.copy-left img.circleC {
float: right;
}

/*--this is the real maincontent ----------------------*/
#signoff p {
padding: 5px;
font-size: 10px;
color: #666;
text-align: center;
}
#signoff p a {
color: #666;
text-decoration: underline;
}
#signoff p a:hover {
color: #369;
text-decoration: none;
}
.blu37B {
color: #8A2629;
}
.clrfx {
clear: both;
height: 0px;
}