#callout {background: #FFF; border: 2px solid #AAA; xxborder-width: 0 4px; float: left; left: -20px; margin: 0 auto; padding: 20px; position: relative; width: 892px; }

#create {clear: both; margin-left:auto; margin-right:auto; text-align: center; top: 0; width: 100%;}
#createSmall {text-align: center; top: 0;}
.create h2 {clear: both; font-size: 33px; }
.create form {padding-top: 30px;}
.create #username {background: url(../img/callout_input.png) no-repeat; border: 0; font-size: 46px; height: 71px; padding: 10px; width: 339px;}

#example {float: left; text-align: center; top: 0; width: 450px;}
#example h3 {font-size: 20px;}

#main {background: url(../img/main_bg_top.png) repeat-x top left;}

#pricingWrapper {background: #FFF url(../img/main_topbox_bg.png) repeat-x top left; float: left; margin-bottom: 30px; padding: 20px; width: 460px;padding-top:20px;height:290px;}
#pricingWrapper h3 {font-size: 20px; margin-bottom: 10px;}
#pricingWrapper h3 span {background: #399; color: #FFF; padding: 0 4px;}

#pricingShadow {background: #EEE; float: left;  position: relative; }
#pricing {background: #FFF; float: left;  position: relative;  width: 460px;}

#linkWrapper {background: #FFF url(../img/main_topbox_bg.png) repeat-x top left; float: left; margin-bottom: 30px; padding: 20px; margin-left:30px; width: 270px;height:290px; padding-top:20px;}
#linkWrapper h3 {font-size: 20px; margin-bottom: 10px;}
#linkWrapper h3 span {background: #399; color: #FFF; padding: 0 4px;}

#linkShadow {background: #EEE; float: left;  position: relative; }
#link {background: #FFF; float: left;  position:  width: 270px;}
#linkList {float: left; font-size: 17px; padding: 20px 0; width: 225px;margin-left:20px;}
#linkList li {margin-bottom:10px;}
#linkShadow h3{background:#FFF;margin-bottom:0px;}


#pricingPrice {float: left; padding: 20px; width: 240px;}
#pricingPrice strike {font-size: 18px;}
#pricingPrice #price {font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 10px; text-align: center;}
#pricingPrice #price span {display: block; font-size: 26px; }
#pricingPrice #now {color: green; font-size: 16px; font-weight: bold; text-align: center;}
#pricingList {float: left; font-size: 17px; padding: 0px 0; width: 430px;margin-left:30px;}

#leftCol{clear: both; float: left; margin-right: 30px; width: 500px;}
#rightCol {float: left; width: 310px;}

#main .box {background: #FFF; margin-bottom: 30px; padding: 20px;}

#works {height:140px;}
#works img {float: right; margin: 0 0 20px 20px;}

#love {height:140px; }
#works h3,
#love h3, #feedback h3 {font-size: 20px; margin-bottom: 10px;}
#works h3 span,
#love h3 span {background: #399; color: #FFF; padding: 0 4px;}
#works p,
#love p, #feedback p {margin-bottom: 10px;}

#social {}
#social h3 {font-size: 20px; margin-bottom: 10px;}
#social h3 span {background: #399; color: #FFF; padding: 0 4px;}
#social ul {margin-left: 30px;}

#previewRectangle, #previewSkyscraper {display:none;}
#feedback, #social{height:80px;}
#feedback h3 span {background: #399; color: #FFF; padding: 0 4px;}

#examplesites {background: #FFF; float: left; margin-bottom: 30px; padding: 20px; margin-left:0px; width:799px;height:185px; padding-top:20px;padding-bottom:0px}
#works{background: #FFF; float: left; margin-bottom: 30px; padding: 20px; margin-left:0px; width:799px;height:90px; padding-top:20px;padding-bottom:0px}
#examplesites h3 {font-size: 20px; margin-bottom: 10px;}
#examplesites h3 span {background: #399; color: #FFF; padding: 0 4px;}
#link .left{float:left;width:48%;}
#link .right{float:right;width:48%;text-align:right;}
.examplecontainer{width:820px;height:20px;font-weight:700;}
.examplecontainer a{margin-right:10px;margin-bottom:10px;}