@font-face { font-family: "Optima"; src: url('assets/Optima.ttc'); }

body {background-image: url(assets/images/bkgd.gif); background-repeat: no-repeat; background-position: top center; margin-top: 0; 
font-family: Optima, Geneva, sans-serif;
}

div#container { padding-right: 0px; padding-left: 0px; min-width: 800px; max-width: 800px; min-height: 800px; margin: 0 auto; background: #fff; border: solid  #61380B; overflow: hidden; }

ul#nav { border-width: 100%; background: #61380B;  text-align:center; padding: .5em; margin-left: 0; margin-right: 0; -webkit-box-shadow: 0px 5px 10px #000; -opera-box-shadow: 0px 5px 10px #000; -moz-box-shadow: 0px 5px 10px #000; }

ul#nav li { display: inline; margin-right: 5px; padding-left: 12px; }

ul#nav li a { text-decoration: none; color: #DF98AF; padding:.5em; font-size: 1em; text-transform: uppercase;  } 

ul#nav li a:hover { background: #DF98AF; color: #61380B; }

#content .cloud{
   margin-top: 2em;

   vertical-align: middle;
   line-height: 50px;
   text-align: center;
}

   #content .cloud a{
      padding: 0 4px;
   }

   #content .cloud .cloud1{ margin: 5em; padding: 5em; border: none;}
   #content .cloud .cloud2{ margin: 5em; padding: 5em; }
   #content .cloud .cloud3{  margin: 5em; padding: 5em; border: none;}
   #content..cloud .cloud4{ }
   #content .cloud .cloud5{  }
   #content .cloud .cloud6{  }
   #content .cloud .cloud7{ }
   #content .cloud .cloud8{  }


h1 { margin-left: 5em; margin-right: 5em; text-align: center; word-spacing: 0.1em; font-variant:small-caps;  color: #61380B;  }

h2 { margin-left: 2.5em; margin-right: 3em; text-align: left; color: #DF98AF;  }

h3 {margin-left: 3.5em; margin-bottom: -.5em; font-weight: bold; text-align: left; color: #DF98AF; text-transform: uppercase;  }

h4 { font-size: medium; color: #61380B;}

h5 { color: #DF98AF; font-size: medium; margin-left: 5em; margin-right: 5em; text-align: center; }

h6 { color: #DF98AF; font-size: medium; margin: 1em; margin-top: 23em; text-align: c; }

p { margin-left: 2em; margin-right: 2em; text-align:left; line-height: 125%; color: #61380B; }

p.intro:first-letter { font-size: 500%; font-weight: bold; color: #DF98AF; float: left; margin-right: 20px; }

p.caption { text-align: center; font-weight: 600; font-style: italic; }

ul { list-style-type:none; margin-left: 2em; color: #61380B; }

ul li { margin-top: 5px; line-height: 13px; }

dl { position: relative; }
dl dt { width: 100px; height: 100px; margin-left: 10px; margin-bottom: 5px; border: 1px solid #000}
dl dd { visibility: hidden; position: absolute; top: 0px; left: 150px; }
dl dt:hover + dd { visibility:visible; top:10px; left: 150px; }

form { padding: 0px; margin: 6em; margin-top: 40px; line-height: 150%; }
form fieldset { border: 0px solid #DF98AF; padding: 10px; }
form label {font-weight: bold; font-size: medium; color: #61380B; width: 8em; padding: 5px;   }
form h4, div#contact { display: inline; color: #61380B; margin-left: 5px ;}
form div { display: table-row; }
form div label, form div input { display: table-cell; margin-bottom: 1em;  }
form div#contact label, form div#contact input { display: inline; }
input[type="submit"] { background: #DF98AF; color: #61380B; font-weight: bold; padding: 5px; border: 1px solid #61380B; margin-left: 13em; margin-top: 10px; }
label[for="email"], label[for="phone"] { width: 4em; }

div#submenu { background: #61380B;  text-align:center; padding: 5px; margin-left: 0; margin-right: 0;  }
div#submenu p { color: #DF98AF; text-align:center; margin-left: 0; margin-right: 0; font-family: Optima, Geneva, sans-serif; font-weight: 100; font-size: 12px;  }

div#portfoliomenu img { margin-left: 2em; margin-right: 1em;  padding: 0px;   }
div#portfoliomenu p {margin-left: 2em; margin-right: 2em;}

div#printportfoliomenu img { margin-left: 2.5em; margin-right: .5em;  padding: 0px;   }
div#printportfoliomenu p {margin-left: 2em; margin-right: 2em;}

div#portfoliomenu h5 a:hover { color: #61380B; }
div#portfoliomenu img {border: 2px solid #DF98AF}
div#portfoliomenu img:hover {border: 2px solid #61380B; }

div#printportfoliomenu h5 a:hover { color: #61380B; }
div#printportfoliomenu img {border: 2px solid #DF98AF}
div#printportfoliomenu img:hover {border: 2px solid #61380B; }

/*div#contactinfo { text-align: center; color: #61380B; font-size: larger; font-weight: 600; margin-left: 5em; margin-right: 5em;}*/

a:link, a:visited, a:active  { color: #DF98AF; text-decoration: none;}
a:link:hover, a:active:hover  { color: #61380B; text-decoration: none;}

p.special { text-align: center; line-height: 175%;  margin-bottom: 3em; color: #DF98AF; font-size:small; font-family: Optima, Geneva, sans-serif;}

div#cols { -moz-column-count:2; -webkit-column-count:2; -opera-column-count:2;  }