/* falling blossoms public website v3 presentation css - fonts, colours, margins, etc. */
/* Note that the layout stylee must override (i.e. come after) these styles */

HTML, BODY {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  padding-top: 0;
  margin-top: 0;
  font-size: 105%;
}

HTML {
  background-color: #ffffff;
}

a {
  font-weight: 400;
  font-family: sans-serif;
  font-size: 100%;
}

a:link {
  color: #cc3399;
}

a:hover {
  color: #404040;
}

a:visited {
  color: #cc3399;
}

a:link, a:visited, a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

H1, H2, H3, H4 {
  font-family: "Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #cc3399;
  /* letter-spacing: -0.02em; */
  margin: 10px 0 5px 26px;
  line-height: 105%;
}

#guarantee H2, #inner_sidebar DIV H2, #inner_sidebar DIV H3 {
  margin: 5px 0 10px 0;
}

H1 {
  font-size: 110%;
}

H2 {
  font-size: 95%;
}

H3 {
  font-size: 85%;
}

H4 {
  font-size: 75%;
}

P, LI, #inner_main > LI {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  color: #000000;
  font-size: 85%;
}

#inner_main > P, LI, #inner_main > LI {
  line-height: 130%;
}

#sidebar H2 {
  font-size: 75%;
  font-weight: 600;
  margin-bottom: 10px;
  color: #404040;
}

#sidebar H3 {
  font-size: 80%;
  font-weight: 400;
  color: #404040;
}

#inner_sidebar P {
  font-size: 65%;
  line-height: 140%;
  color: #404040;
}

div #inner_header div {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-size: 80%;
  text-align: right;
}

#strap {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #cc3399;
  font-weight: 400;
  font-size: 100%;
  text-align: right;
  padding-right: 20px;
}
#strap a {
  font-weight: 400;
}

#hnav {
  text-align: right;
  padding-right: 20px;
}

#inner_hnav {
  /* padding-right: 2%; */
}

#footer {
  border: 0px solid #b0b0b0;
  text-align: center;
}

#vnav, #sidebar, #inner_main {
  text-align: left;
}

/* #inner_main, #inner_sidebar, #guarantee, div#vmenu { */
#inner_sidebar {
  /* border: 1px solid #b0b0b0; */
  border-width: 1px 2.5px 2.5px 1px;
  border-color: #e0e0e0 #b0b0b0 #b0b0b0 #e0e0e0;
  border-style: solid ridge ridge solid;
}

#vnav {
  margin: 0px 10px 10px 10px;
}

#vmenu {
  padding: 18px 0 20px 0;
  margin: 0 0 10px 0;
  text-align: right;
}

#vmenu_name {
  font-family: "Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  font-size: 90%;
  font-weight: 800;
  color: #404040;
}

#guarantee {
  font-size: 90%;
}

#LinkedIn {
  font-size: 90%;
}

#inner_main {
  margin: 0px 0px 10px 10px;
  padding: 0px 30px 10px 10px;
}

#inner_sidebar {
  margin: 10px 0px 10px 10px;
  padding: 10px;
}

#inner_sidebar IMG {
  margin-right: -20px;
  z-index: -10;
}

.co_name {
  font-family: "Lucida Sans Unicode","Tahoma","Helvetica",sans-serif;
  font-size: 95%;
  color: #cc3399;
  font-weight: 800;
}

.read_more {
  text-align: right;
}

#guarantee, #LinkedIn {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #000000;
  font-size: 80%;
  line-height: 105%;
  text-align: right;
}

#guarantee P, #LinkedIn P {
  font-size: 85%;
  line-height: 125%;
}

#copyright {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #cc3399;
  text-align: center;
  font-size: 70%;
  line-height: 140%;
  margin-top: 10px;
}

#header IMG {
  border: 0;
}

#header IMG#logo {
  width: 150px;
  float: left;
  padding-left: 85px;
  padding-right: 20px;
}

#header IMG#logo2 {
  width: 100px;
  float: left;
}

IMG#gty {
  border: 0;
  width: 100%;
}

a span.hnav_item, a span.bnav_item, a span.vnav_item {
  color: #cc3399;
}

a:hover span.hnav_item, a:hover span.bnav_item, a:hover span.vnav_item {
  color: #404040;
}

/*
#inner_hnav_box {
  border-bottom: solid 2px #cc3399;
}
*/

.hnav_item {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  font-size: 115%;
  font-weight: 800;
  color: #606060;
  text-align: center;
}

.hnavsep {
  color: #666666;
  font-weight: 400;
}

.vnav_item {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #404040;
  font-size: 75%;
  font-weight: 400;
}

DIV #editorial {
  text-align: right;
  font-size: 90%;
}

DIV #editorial_wrapper {
  text-align: right;
}

DIV #editorial_header {
  text-align: right;
  font-weight: 800;
  margin: .5ex 0 1ex 0;
}

DIV #editorial_tickler {
  text-align: right;
  font-size: 75%;
}

DIV #editorial H1 {
  font-family: "Trebuchet MS","Helvetica",sans-serif;
  color: #404040;
}

DIV #editorial H2 {
  font-family: "Trebuchet MS","Helvetica",sans-serif;
  color: #cc3399;
  margin: 0 0 0 0;
}

DIV #editorial P .read_more {
  font-size: 60%;
}

DIV #please_comment, DIV #exec_linkex {
  text-align: right;
  font-size: 70%;
  font-weight: 400;
  color: #606060;
  margin: 4ex 0 0 0;
}

a span.bnav_item {
  color: #cc3399;
}

.bnav_item {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #606060;
  text-align: center;
  font-size: 70%;
  font-weight: 500;
}

.bnavsep {
  color: #aaaaaa;
  font-weight: 400;
}

#contact_form * {
  font-family: "Lucida Sans Unicode","Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #606060;
}

#contact_form TD {
  font-size: 80%;
}

#contact_form TEXTAREA {
  font-size: 100%;
}

div #inner_main {
  background-image: url('../images/backgrad1.png');
  background-repeat: repeat-x;
}

img.email {
  vertical-align: -18%;
  border: 0px solid #ffffff;
  height: 2ex;
}

span.hilite {
  color: #606060;
  font-size: 125%;
}

span.hilite2 {
  color: #606060;
  font-size: 110%;
}

span.key {
  color: #000000;
  font-size: 130%;
}

#inner_header {
  #margin-bottom: -40px; /* for IE coz it's w*nk */
}

#inner_header {
  margin-bottom: -20px;
}

/* special lists */

.iconlist {
  list-style: none;
  margin: 10px 0 0 18px;
  padding: 0;
}

.iconlistIEFix {
  #margin-bottom: -40px; /* for IE coz it's w*nk */
}

#footer {
  #margin-top: -30px; /* for IE coz it's w*nk */
}

.bulletlist {
  list-style: disc;
  list-style-type: disc;
  list-style-position: inside;
  margin: 15px 0 0 18px;
  padding: 5px;
}

LI {
  padding: 3px 0 3px 20px;
  margin: .2em 0;
  font-size: 75%;
}

LI.links {
  padding: 3px 0 3px 10px;
  margin: .2em 0;
  font-size: 100%;
}

#inner_main DIV, #inner_main P {
  margin: 0 0 1ex 2em;
  font-size: 75%;
}

#inner_main DIV.quote, #inner_main DIV.topquote {
  margin: 10px 2em 15px 6em;
  font-family: "Arial","Helvetica",sans-serif;
  font-weight: 500; 
  font-size: 85%;
  color: #cc3399;
  text-align: left;
}

#inner_main DIV.topquote {
  text-align: center;
  font-style: italic;
}

#inner_main DIV.quote SPAN.attribution, #inner_main DIV.topquote SPAN.attribution {
  font-family: "Arial","Helvetica",sans-serif;
  color: #cc3399;
  text-align: right;
  display: block;
  font-size: 85%;
  font-weight: 400;
  margin-top: .8ex;
}

#inner_main DIV.quote SPAN.attribution, #inner_main DIV.topquote SPAN.attribution {
  font-style: italic;
}

#inner_main DIV H3 {
  font-size: 100%
}

#inner_main DIV P {
  font-size: 100%
}

a.term {
  font-family: "Trebuchet MS","Arial","Tahoma","Helvetica",sans-serif;
  color: #000000;
  font-weight: 800;
  font-size: 105%;
}

#editorial_tickler a {
  font-family: "Arial","Helvetica",sans-serif;
  color: #000000;
  font-weight: 400;
  font-size: 100%;
}

SPAN.term {
  font-weight: 800;
}

DIV .enjoinder, DIV .linkex {
  color: #cc3399;
}

IMG #namelogo {
  margin: 20px 0 0 40px;
}

.listoflinks {
  padding: 0px 0 10px 20px;
}

.listoflinks A {
  color: #404040;
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
}

#rightshift {
  color: #808080;
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-size: 50%;
  margin: 50px 10px 10px 10px;
}

.byline {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-weight: 800;
  text-align: right;
 }
 
#inner_main H4 {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-weight: 400;
}

#inner_main H4 a {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-weight: 400;
  text-decoration: underline;
}

#inner_main H4 a:hover {
   color: #000000;
}

DIV #mug {
	padding-top: 5px;
}

#mug img {
  height: 120px;
}

#mug .caption {
  font-family: "Lucida Sans Unicode","Arial","Tahoma","Helvetica",sans-serif;
  font-size: 80%;
}
