body{background:#746b63;color:#000;font-family:helvetica, sans-serif;font-size:11px}

/* framework */
#container{width:100%}
#wrapper{margin:0 auto;position:relative;width:980px}
#header{background:url("../images/header.jpg") no-repeat;height:201px;width:980px}
#content{background:url("../images/tileshadow.jpg") repeat-y;margin-left:1px;position:relative; min-height: 200px; _height: 200px;}
#content .padd{margin-left:50px;padding-top:50px}
#content #intro{float:left;width:464px;z-index:99;}
#content #loginBox,#content #registerBox{margin-left:497px;width:337px}

/* overview list */
#overview h2{background:url("../images/youcanusetiki.jpg") no-repeat;height:23px;margin:0;padding:0;width:225px}
#overview h2 span,#tour h3 span,#loginBox h3 span{display:block;text-indent:-9999px}
ul.highlights{color:#999;font-family:arial, sans-serif;font-size:18px;list-style:none;margin-left:36px;margin-top:30px;padding:0}
ul.highlights li{line-height:27px;margin-bottom:18px;padding-left:48px}
li.create{background:url("../images/ico-create.gif") no-repeat}
li.design{background:url("../images/ico-design.gif") no-repeat}
li.customize{background:url("../images/ico-customize.gif") no-repeat}
li.organize{background:url("../images/ico-organize.gif") no-repeat}
li.share{background:url("../images/ico-share.gif") no-repeat}

/* tour list */
#tour{background:url("../images/recentevents.gif") no-repeat;height:135px;margin-top:40px;padding-left:15px;padding-top:15px;width:392px}
#tour h3{background:url("../images/takeatour.jpg") no-repeat;height:16px;width:208px}
#tour ul.tourList{list-style:none;margin:16px 0 0;padding:0}
#tour ul.tourList li{display:block;float:left;height:100px;position:relative;text-align:center;width:120px}
#tour ul.tourList li img{background-color:#fff;border:1px solid #ccc;display:block;margin:0 auto;padding:3px}
#tour ul.tourList li a{color:#000;display:block}

/* login box  */
.formRow{padding-bottom:10px}
#loginBox{background:url("../images/loginbox.jpg") no-repeat;height:135px;margin-top:28px;padding-left:15px;padding-top:15px;position:relative;width:377px}
#loginBox h3{background:url("../images/memberlogin.jpg") no-repeat;height:20px;margin-bottom:10px;width:103px}
#loginBox label{color:#666;display:block;float:left;font-family:arial, sans-serif;font-size:12px;font-weight:700;margin-bottom:2px;padding-top:5px;width:80px}
#loginBox input.loginSubmit{background-color:#666;border:none;color:#fff;font-family:arial, sans-serif;font-size:12px;font-weight:700;height:22px;left:270px;position:absolute;top:77px;width:60px}
#loginBox a{color:#ca552a;font-family:arial, sans-serif;font-size:12px;font-weight:700;left:200px;position:absolute;top:112px;width:150px;}
#loginBox .rememberMe{color:#666;left:20px;position:absolute;top:110px}
ul.footerLinks{clear:both;font-size:10px;height:50px;list-style:none;margin:0;padding:20px 0 50px 20px}

/* registration box  */
#registerBox{background:url("../images/registrationbox.jpg") no-repeat;height:249px;margin-top:10px;padding-left:15px;padding-top:15px;position:relative;width:377px}
#registerBox h3{background:url("../images/becomeamember.jpg") no-repeat;height:40px;margin-bottom:0;padding-bottom:0;width:163px}
#registerBox h3 span{display:block;text-indent:-9999px}
#registerBox label{color:#666;display:block;float:left;font-family:arial, sans-serif;font-size:12px;font-weight:700;padding-top:5px;width:80px}
#registerBox input.signupSubmit{background-color:#666;border:none;color:#fff;font-family:arial, sans-serif;font-size:12px;font-weight:700;height:22px;left:270px;position:absolute;top:154px;width:60px}
form.registrationForm p{font-size:10px;margin-left:30px;margin-right:30px;text-indent:0!important}
form.registrationForm a{color:#000;font-weight:700;text-decoration:underline}

/* footer links  */
ul.footerLinks li{border-right:1px solid #666;display:block;float:left;line-height:12px;margin-right:5px;padding-right:5px}
ul.footerLinks li.last{border:none}
ul.footerLinks a{color:#666;text-decoration:none}

/*...................................................................................
HACKS
................................................................................... */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-table}

#header h1,#header blockquote,#registerBox p{text-indent:-9999px}
#loginBox input.loginField,#registerBox input.loginField{border:1px solid #999;font-size:16px;margin-bottom:2px;width:164px}
form.loginForm,form.registrationForm{font-size:12px}