/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/* http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */



:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/**************************************************************************/

/* 9 slice for outer "frame" */

#mwd_9slice {
position: relative;
width:1000px;
margin:auto;
margin-top:4px;
}
.mwd_9slice_line {
float: left;
width: 100%;
display: block;
position: relative;
}
.mwd_9slice_item {
position: relative;
float: left;
left: 100%;
}
#mwd_9slice img {
display:block;
}
#cline{
z-index:1;
}
#t, #b, #c {
margin-left:-932px;
width:870px;
}
#c div.mwd_9slice_innerContent {
position:relative;
margin-top:-153px;
margin-bottom:0px;
margin-left: -68px;
margin-right: -62px;
width:1000px;
}
#l_img, #r_img {
 position:absolute;
 height:100%;
 height:expression(this.parentNode.offsetHeight); /* IE 6, IE 7 */
}
#l_img {
 width:68px;
}
#r_img {
 width:62px;
}
#c_img{
 position:absolute;
 height:100%;
 height:expression(this.parentNode.offsetHeight); /* IE 6, IE 7 */
 width:100%;
 width:expression(this.parentNode.offsetWidth); /* IE 6, IE 7 */
}
#tl_img, #tr_img, #bl_img, #br_img {
 position:absolute;
}
#r_img, #tr_img, #br_img {
 right:0;
}
#l_img, #tl_img, #bl_img {
 left:0; /* IE 6 */
}
#tl_img {
 height:155px;
 width:68px;
}
#tr_img, #bl_img, #br_img {
 height:155px;
 width:62px;
}
#bl_img {
 height:68px;
 width:68px;
}
#br_img {
 height:68px;
 width:62px;
}
#b_img {
 width:100%;
 height:68px;
}
#t_img {
 width:100%;
 height:155px;
}


/* Internal Content (Faux Absolute) */


body {
 font-family: "times new roman",times,serif;
 background:white url('/media/grad.png') repeat-y scroll top center;
 font-size: 76%;/* 60%, 69%, and 76% give reliable reading sizes smaller than 1.0em. 86% and 93% do well, but are not exact across browsers */
}

#canvas {
position: relative;
width:1000px;
}
.line {
float: left;
width: 100%;
display: block;
position: relative;
}
.item {
position: relative;
float: left;
left: 100%;
}

#menu{
margin-left: -100%;
width: 100%;
height: 40px;
font-size: 14px;
font-family: Verdana, Arial, sans-serif;
}
#menu ul{
  text-align:justify;
  margin-left:68px;
  width:860px;
  background-color:#201e1f;
  height:24px;
  overflow:hidden;
  padding-top:6px;
  color:white;
  padding-left:5px;
  padding-right:5px;
}
.menus li{
  display:inline;
}
.menus a{
 color:#009B7B;
}
.menus a:hover {
 color:black;
}
#menu a.here {
 color:#009B7B;
 font-weight:bold;
 padding-left:3px;
 padding-right:3px;

}
#menu a {
  color:white;
  padding:4px;
}
#menu a:hover {
  color:#009B7B;
}
#menu{
}
.spacer {
  border:none !important;
  color:white;
}

#footer {
  margin-left: -100%;
  width: 100%;
  font-size: 12px;
  margin-top:20px;
  margin-bottom:-88px; /* This goes here because of issues when you have a faux box in a faux box. */
}
#footer p {
  width: 50%;
  float:left;
  text-align: right
}
#footer ul {
  float:left;
  margin-left: 100px
}
#footer ul li {
  margin-right: 20px
}

p.partner {
 text-align:center;
 background-color:#009B7B;
 color:white;
 padding:2px;
 width:204px;
}
img.partner {
 border:2px solid #009B7B;
 padding:2px;
}
#lineGenericitem1 {
 margin-left: -900px;
 width: 800px;
}

/* LEAF PAGES */
#logo {
  margin-left: -940px;
  width: 100px;
  margin-top:10px;
}
#middleHeight {
  min-height: 450px
}
#middleContent {
  margin-left: -800px;
  width: 730px;
  position: relative
}
h1 {
  font-size: 2em;
}
#middleContent p {
  font-size:1.2em;
  line-height:1.4em;
  margin-top:1.0em;
  text-align:justify;
}
ol {
  list-style:decimal inside;
}
ol li {
  font-size:1.2em;
  line-height:1.4em;
  margin-top:1.0em;
  text-align:justify;
  font-weight:bold;
}
ol li span {
  font-weight:normal;
}

dl#servicelist {
  font-size:1.2em;
  line-height:1.4em;
  margin-top:1.0em;
}
dl#servicelist dt {
  font-weight:bold;
  margin-top:1.0em;
}
dl#servicelist dd {
  margin-left:2em;
  text-align:justify;
}



/* INDEX */
#logo_i {
  margin-left: -960px;
  width: 200px
}
#middleHeight_i {
  min-height: 450px
}
#middleContent_i {
  margin-left: -700px;
  width: 400px;
  position: relative
}
#middleContent_i h2 {
  text-align: center;
  text-decoration: underline;
  font-size: 30px
}
#middleContent_i ul {
  width: 105px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: bold;
}
#middleContent_i ul li {
  list-style: square inside;
}
#clientInfo {
  margin-left: -260px;
  width: 230px;
  position:relative;
  padding-left: 30px;
  border-left: 3px solid #009B7B !important;
}
#clientInfo ul {
  font-size: 30px;
  line-height: 60px;
  position:relative;
}
#clientInfo ul li{
  position:relative;
  z-index:6;
}
.clientinfo {
  display:none;
  position: absolute;
  left: -250px;
  top: 0;
  width: 200px;
  font-size: 16px;
  line-height: 18px;
  background-color: white;
  padding: 1em;
  border: 2px solid gray;
  z-index: 7
}
.clientinfo2 {
  display:none;
  position: absolute;
  left: -250px;
  bottom: 0;
  width: 200px;
  font-size: 16px;
  line-height: 18px;
  background-color: white;
  padding: 1em;
  border: 2px solid gray;
  z-index: 7
}
#slideshow {
  margin-top:20px;
}




/* PORTFOLIO */

#mediaDiv {
  width: 430px;
  float:left;
  height: 355px;
  overflow: auto;
}
#mediaDiv img {
  max-width: 400px;
  max-height: 267px;
}
#cutline {
  margin-top:0 !important;
}
#thumbnails {
  height: 66px;
  width: 390px;
  border: 1px solid gray;
  position: absolute;
  white-space:nowrap;
  padding: 4px;
  bottom: 0;
  left:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-base-color: #009B7B;
}
#detailsDiv{
  width: 290px;
  float:left;
  height: 355px;
  overflow: auto;
  border: 1px solid gray;
  padding: 4px;
}
#detailsDiv h2 {
  margin-bottom: 5px;
  padding-right: 5px;
  font-size: 1.8em;
}
#detailsDiv p {
  margin-bottom: 20px;
  padding-right: 5px;
  font-size: 1.2em;
  text-align:justify;
  line-height:1.4em;
}

#areaThumbs {
  height: 95px;
  margin-left: -940px;
  width: 896px;
  border: 1px solid gray;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space:nowrap;
  margin-bottom: 5px;
  margin-top: 20px;
  padding-left:4px;
  scrollbar-base-color: #009B7B;
}
#retailThumbs img,
#thumbnails img{
  display: inline !important;
}

#retailThumbs {
  padding-top: 20px
}
#retailThumbs h3{
  display:inline;
  margin-top: -20px;
  position:absolute;
}

#picDetailsDiv {
 border-top:2px solid black;
 margin-top:1em;
 padding-top:1em;
}

#detailsDiv ul {
  list-style: disc inside none;
}
#detailsDiv ol {
  list-style: decimal inside none;
}
#preload {
  display:none;
}

#detailsDiv a {
  color:#009B7B;
  text-decoration:underline;
}
#detailsDiv a:hover {
  color:red;
}
a.available{
display:block;
float:left;
}
a.pdf {
display:block;
float:right;
}
div.picBody{
clear:both;
}

/* Contact */
#contact fieldset {
 border:2px solid gray;
}
#contact address {
 white-space:pre;
 font-size:1.2em;
  margin-top:1.0em;
}
.coloredRow {
  background-color: rgb(230,235,230)
}
#contact td {
  vertical-align: top;
  width:88px;
}
#contact td label, #contact td input {
 display:block;
}
#contact td input {
 float:left;
}
#contact td label {
 margin-left:2em;
 font-size:.9em;
}

#mailContactInfo {
  padding: 1em
}
#mailNameDiv label {
  display:block;
  width:50px;
  margin-right:5px;
  text-align:right;
  float:left;
  margin-bottom:1em;
}
#mailNameDiv input{
  width:265px;
}
#mailNameDiv {
  margin-top:1.4em;
}
#mailNameDiv, #mailAddressDiv {
  float:left
}
#mailAddress {
  width:345px;
}


#mailNameDiv {
  margin-right: 20px;
  width:335px;
}
#mailComment {
  width:680px;
}
#mailCode {
  width:96px;
  border:2px solid gray;
}

#mailCommentDiv {
  clear:both;
  margin-left:20px;
  margin-bottom:1em;
}
#mailSubmit {
  display:inline;
  margin-left:20px;
  margin-bottom:1em;
}
span.presub {
  clear:both;
  padding-left:20px;
}
#mailAntiSPamDiv {
  float:left
}
#mailAntiSPamDiv img {
  display:inline;
}
#mailFormOptions {
  font-family: arial;
  font-size: 12px
}
#mailCode {
display:block;
margin-left:255px;
}
#mailAntiSPamDiv label {
  display:block;
  width:250px;
  margin-right:5px;
  padding-top:10px;
  text-align:right;
  float:left;
  margin-bottom:1em;

}

#mailFormOptions input {
}

.titles {
   font-weight:bold;
   border-style: none;
   font-size: 12px
}

div.fullAddress {
  float:right;
  margin-right:150px;
  border:2px solid #009B7B;
  padding:5px;
}
div.fullAddress address {
  margin-top:0 !important;
}
address.phone {
  text-align:right
}
label.f5_required, legend {
 font-weight: bold;
 color: #009B7B
}

.f5_br {
 clear:both;
}
.formerrors {
 background-color: #FF1111;
 color:white;
 font-weight:bold;
 padding:1em;
}

/* SITEMAP */
#sitemap {
margin-top:1em;
}
#sitemap ul {
  font-size:15px;
  line-height:1.4em;
  list-style:square inside;
}
#sitemap ul ul{
 margin-left:2em;
  list-style:disc inside;
}
#sitemap a {
 color: #009B7B;
}
#sitemap a:hover {
 color: black;
}