* {margin:0;padding:0;} 
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; font-family:verdana;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -90px; /* negative value of footer height */ height: 150px;	clear:both;} 
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
p {color: #595959; font-size:12px; line-height:21px;}
a {outline: none;}
p a {outline: none; color: #8ec63e; text-decoration:none; border-bottom-style:dotted; border-bottom-width:1px;}
a:hover {color: #ace45b;}
body {background: url('/images/bg.jpg'); font: 14px helvetica, arial, verdana, sans-serif; line-height: 1.5;}
#wrap {background: url('/images/bluebg.jpg') repeat-x 0 45px; }
#header {height: 247px; background: url('/images/bottle.jpg') no-repeat right top; padding-top: 118px;}
.contain {width: 970px; margin: 0 auto;}
#header h1 a {display: block; width: 293px; height: 43px; text-indent: -9000px; background: url('/images/logo.gif') no-repeat;}
#header p {width: 565px; padding-top: 18px; font-size:14px; line-height:24px;}

.item {position: relative; margin-bottom: 44px; clear: both; height: 345px;}
.item h2 {padding-left: 90px; padding-top: 10px; height: 30px; background: url('/images/divider.jpg') no-repeat; border: 1px solid #c4ebf6; margin-bottom: 15px;}
.desc {width: 420px; float: left; padding: 0 15px;}
.screenshot img {padding: 10px; background: #fff; border: 1px solid #e3e8e9;}
.screenshot {float: right; width: 518px; text-align: right;}

img.icon {position: absolute; top: -8px; left: -8px;}

#cred img.icon {top: -17px; left: 6px;}
#where img.icon {top: -12px; left: 1px;}
#footer {background: #3a3a3a; border-top: 1px solid #000; clear: both;}

#navbar {font-size:11px; height: 45px; left:0; top:0; width:100%; z-index:1000; background: #000}
#navbar h1 a {float: left; text-indent: -9000px; width: 138px; height: 21px; display: block; background: url('/images/bar_logo.jpg') no-repeat;}

#navbar .contain {padding-top: 10px;}

ul#nav {float: right; margin-top: -8px;}
ul#nav li {list-style: none;}
ul#nav a {display: block; width: 109px; height: 43px; text-indent: -9000px; background: url('/images/sites.png') no-repeat;}
ul#nav a:hover {background-position: 0 -43px;}

#sites_menu {display: none;}
#sites_bg {display: none;}

.item p {padding-top: 10px;}

/* @group sites */
a#open_sites a:hover {border: none; text-decoration: none; }
#sites_bg {position: absolute; width: 100%; height: 100%; background-image: url('/images/sites/overlay_bg.png'); display: none; z-index: 80; }
#sites_menu {width: 100%; position: absolute; top: 100px; height: 220px; background: black; z-index: 90; display: none; }
#sites_menu a {outline: none; }
#sites_menu #sites_inner {position: relative; left: 50%; width: 920px; margin-left: -465px; 90px }
#sites_menu li {display: inline; float: left; }
#sites_inner li a {text-indent: -9000px; }
#sites_menu li a {display: block; background-repeat: no-repeat; width: 228px; height: 183px; }
#sites_menu li a:hover {background-position: 0 -183px; }
.cc {background-image: url('/images/sites/carrot.jpg'); }
.cb {background-image: url('/images/sites/blog.jpg'); }
.cl {background-image: url('/images/sites/labs.jpg'); }
.ci {background-image: url('/images/sites/carrotis.jpg'); }
#sites_menu a {text-decoration: none; border: none; font-weight: bold; font-size: 1.2em; }
#sites_menu a:hover {text-decoration: underline; }
a#close_link {display: block; float: right; background: url('/images/closebox.png') no-repeat; width: 30px; height: 27px; text-indent: -9000px; margin-top: -13px; }
/* @end */
/* @group Thickbox */


/*#where.item {background: url('/images/biggie.jpg') no-repeat 125px 180px;}*/
#footer {text-align: center; }
#footer p {padding-top: 10px; color:#777;}
#footer a {color: #fff;}
#footer a:hover {color: #ccc;}

p span {color: #ccc;}