@charset "utf-8";
/* Markup by Matthew Rochow */
/* http://www.matthewrochow.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#fff;text-decoration:none}
a:hover {text-decoration:underline}
html {background:#191919 url(../images/bg.png) left top repeat}
body {background:url(../images/page-bg.png) center top repeat-y;color:#8d9298;font:75%/125% Arial, Sans-Serif;text-align:center}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin: 0 auto;padding:67px 0 0 10px;width:656px;text-align:center}

/* Header */
#logo {display:block;margin:0 95px}
ul#nav {list-style:none;margin:10px 0 9px 2px;overflow:hidden}
ul#nav li {float:left;margin: 0 3px 0 0}
ul#nav li a {background:url(../images/nav-bg.png) left top no-repeat;float:left;color:#fff;font-weight:700;height:30px;padding:18px 0 0;text-align:center;text-transform:uppercase;width:127px}
ul#nav li a:hover {text-decoration:none}

/*Faux*/
#faux {background:url(../images/faux-bg.png) center repeat-y;clear:both;width:653px}
#faux div {background:url(../images/faux-bg.png) left top no-repeat;width:653px}
#faux div div {background:url(../images/faux-bg.png) right bottom no-repeat;overflow:hidden;width:653px}
#faux div div #plus {background:none;float:left;margin: 0 0 0 3px;padding:28px 10px 18px;width:352px}
#faux div div #try {background:none;float:right;margin: 0 3px 0 0;padding:28px 10px 18px;width:242px}

/*Plus*/
#faux div div #plus ul {display:block;list-style:none}
#faux div div #plus ul li {padding:3px 0 5px;text-align:center}
#faux div div #plus ul li h2#more-friends {height:21px;margin:0 auto;overflow:hidden;position:relative;width:231px}
#faux div div #plus ul li h2#more-friends span {background:url(../images/more-friends.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#faux div div #plus ul li h2#more-requests {height:25px;margin:0 auto;overflow:hidden;position:relative;width:311px}
#faux div div #plus ul li h2#more-requests span {background:url(../images/more-requests.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#faux div div #plus ul li h2#dominate {height:23px;margin:0 auto;overflow:hidden;position:relative;width:305px}
#faux div div #plus ul li h2#dominate span {background:url(../images/dominate.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

/*Try*/
#faux div div #try h2#multi-add {height:14px;margin:0 auto;overflow:hidden;position:relative;width:224px}
#faux div div #try h2#multi-add  span {background:url(../images/multi-add.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#faux div div #try h3#add {display:block;height:19px;margin:8px auto;overflow:hidden;position:relative;width:212px}
#faux div div #try h3#add span {background:url(../images/add-apps.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#faux div div #try a#try-here {display:block;height:40px;margin:15px auto 0;overflow:hidden;position:relative;width:139px}
#faux div div #try a#try-here span {background:url(../images/try-it-here-.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

/* Content*/
#content {font-size:1.165em;padding:15px 0;text-align:center}
#content a.imagelink {display:inline;float:left;border:3px solid #a9adb0;margin:0 0 10px}
#content a.left {display:inline;margin:0 39px 10px 0}
#content p {clear:both;text-align:center}
#content a.imagelink:hover  {border-color:#11efe4}

/*----BODY PANEL----*/
#bodyTopPan{width:778px; height:234px; position:relative; margin:0 auto;}
#bodyTopPan p{padding:15px 53px 0;}
#bodyTopPan p span{font-weight:bold;}
#bodyTopPan p.more{width:73px; height:26px; position:absolute; bottom:0px; right:0px; padding:0px;}
#bodyTopPan p.more a{display:block; width:48px; height:20px; background: url(images/arrow1.gif) 100% 50% no-repeat #fff; color:#A98401; font-size:13px; font-weight:bold; text-decoration:none; margin:3px 0 0 12px;}
#bodyTopPan p.more a:hover{background: url(images/arrow2.gif) 100% 50% no-repeat #fff; color:#A98401; text-decoration:none;}



/* Sidebar */

/* Footer */
#footer {border-top:1px solid #ccc;color:#fff;padding: 10px 0}
#footer ul {clear:both;display:block;list-style:none;margin:2px auto;width:450px}
#footer ul li {display:inline;margin: 0 15px;text-align:center}
#footer ul.second {clear:both;display:block;list-style:none;margin:0 auto;width:580px}
#footer ul.second li {display:inline;margin: 0;text-align:center}
#footer p {clear:both;margin:20px auto 0;text-align:center}
#footer a {color:#fff;text-decoration:underline}