/* http://www.webtoolkit.info/css-clearfix.html */
/* cf = clearfix */
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}

.left {
  float:left;
}

body {
  font-size:101%;
  background:url('./../img/background.png');
}

html, body, div, p, ul, ol, span, a, table, td, form, img, li, button {
  margin: 0;
  padding: 0;
  font-family: Arial, "Trebuchet MS", Tahoma, Verdana, Sans-Serif;
}

a {color:#f00}

img {border:0}
form {margin:0}

h1 {
  font-family:"Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  font-size:30px;
  font-weight:normal;
  margin:0 0 20px 0;
}

h3 {
  display:block;
  font-size:1em;
  padding:5px 10px;
  margin:20px 0 10px 0;
  color:#333;
  background:#ccc;
  border:1px solid #999;
}

#bodyWrapper {
  font-size:0.8em;
  width:692px;
  margin:20px auto 20px auto;
}

#logo {display:block;padding:10px 10px;text-decoration:none;font-size:15px;font-weight:bold;float:left}
#logo strong {color:#666}

#main {background:#fff;border:1px solid #f00;border-bottom:0;padding:20px;}

#footer {padding:10px;color:#000;background:#ddd;border:1px solid #666;border-top:1px solid #f00;text-align:center}
#footer a {color:#000;font-weight:bold;}

/* forms */
h2.wizard {
  margin-bottom:0;
  padding:5px 10px;
  background:#f99;
}

h2.wizard.grey {
  background:#ccc;
  color:#000;
}

/* index / homepage */

#seenon {background:#fff;margin:0;width:650px;border:1px solid #f99;border-top:0}
#seenon td {vertical-align:top}
#seenon ul {padding:10px}
#seenon ul, #seenon li {list-style:none;list-style-image:none}
#seenon ul li {display:inline-block;margin:0;margin-right:15px;text-align:center;float:left}
#seenon ul li.last {margin:0}
#seenon ul li img {margin:auto;padding:3px;border:2px solid #ccc}
#seenon ul li:hover img {border:2px solid #f00}
#seenon ul li .caption {margin-top:5px;font-size:11px;color:#333}
#seenon ul li:hover .caption {margin-top:5px}

h2 {
  display:block;
  font-size:1.4em;
  padding:5px 10px;
  margin:20px 0 10px 0;
  color:#fff;
  background:#069;
  font-weight:normal;
}

#tryDemo {
  padding:15px;
  background:#fee;
  font-size:20px;
  }
  
#tryDemo a {
  text-align:center;
  font-weight:bold;
  color:#f66;
  display:block;
  width:180px;
  padding:60px 0;
  border:2px solid #ccc;
  margin:11px;
  float:left;
  background:#fff;
  text-decoration:none;
  }
  
#tryDemo a:hover {
  background:#fff;
  color:#000;
  border-color:#000;
  }
  
#delicious {margin:10px}

#markerPage2 {border:2px solid #ff0;background:#ffc;width:220px;padding:105px 10px;text-align:center;font-weight:bold}