/* ---------------	BASIC STYLING --------------- */

body {
	padding: 0;
	margin: 0;
	background:#f6f6f6;
	font-size:12px;
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	color: #313131;
	}

h1 {
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	font-size: 28px; 
	margin: 0; 
	padding: 0; 
	color:#b50000;
	font-weight:normal;
	}

h2 {
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	font-size: 27px; 
	margin: 0 0 3px 0;
	padding: 0; 
	color: #2f4364;
	font-weight:normal;
	}

h3 {
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	font-size: 20px; 
	margin: 0 0 3px 0;
	padding: 0; 
	color: #2f4364;
	font-weight:normal;
	}

h4 {
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	font-size: 18px; 
	margin: 0 0 3px 0;
	padding: 0; 
	color: #2f4364;
	font-weight:normal;
	}

h5 {
	font-family: 'Droid Sans', Helvetica, arial, sans-serif;
	font-size: 14px; 
	margin: 0;
	padding: 0; 
	color: #2f4364;
	font-weight:normal;
	}
		
p {
	font-size: 12px; 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #313131;
	line-height: 1.5em;
	}

a {
	font-size: 1.0em; 
	margin: 0; 
	padding: 0; 
	color: #b50000;
	text-decoration: none;
	outline:none;
	}

a:hover {
	text-decoration:underline;
	}

ul {
	padding:0;
	margin:0 0 10px 20px;
}

ul li {
	font-size:12px;
	list-style-position:outside;
	line-height:1.4em;
}


/* --------------- CONTENT PLACEHOLDER --------------- */

.content-wrapper {
	width:954px;
	margin: 0 auto;
}

.col {
	float:left;
}

.size1of3 {
	width:31%;
	padding-right:20px;
}

.size1of2 {
	width:50%;	
}

/* --------------- Standard list with check icons --------------- */

ul.list {
	padding:0;
	margin:0;	
}

ul.list li {
	list-style:none;
	list-style-position:outside;
	margin-bottom:5px;
}

ul.list li span {
	display:block;
	width:13px;
	height:16px;
	float:left;
	margin:0 11px 0 0;
	background:url(../images/icon-check.png) no-repeat;
}


/* --------------- HEADER --------------- */

#header {
	background:#f6f6f6;
}

#header .content-wrapper {
	position:relative;
	border-bottom:1px solid #d8d8d8;
	height:109px;
}

#header a.logo {
	margin:0;
	width:192px;
	height:100px;
	text-indent:-9999px;
	background:url(../images/logo-trybes.gif) no-repeat;
	display:block;
}

#header .login {
	position:absolute;
	right:0;
	top:10px;
	width:265px;
}

#header .login p {
	float:left;
	margin:0;
	line-height:23px;
	width:180px;
	text-align:right;
}

#header .login a.button {
	float:right;
	background:url(../images/login-button.gif) no-repeat;
	height:23px;
	line-height:23px;
	width:73px;
	display:block;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-left:10px;
	text-decoration:none;
}

#header .login a.button:hover {
	background-position:0 -23px;
	text-decoration:none;
}

#header .login a.selected {
	background:url(../images/login-button-selected.gif) no-repeat;
}

#header .login a.selected:hover {
	background-position:0 0;
}

#header .login a.logout {
	
}

#header .login .login-form {
	position:relative;
	right:0;
	margin-top:23px;
	_margin-top:-20px;
}

#header .login .login-form form {
	background:url(../images/login-form-bg.png) no-repeat;
	width:241px;
	height:63px;
	padding:12px;
}

#header .login .login-form form input {
	float:left;
	background:url(../images/login-form-input.gif) no-repeat;
	width:140px;
	height:22px;
	line-height:22px;
	border:none;
	margin:0 6px 4px 0;
	padding:0 5px;
	color:#9e9e9e;
}

#header .login .login-form form input.checkbox {
	width:auto;
	height:auto;
	padding:0;
	margin:0 2px 0 0;
	background:none;
	float:left;
}

#header .login .login-form form input.submit {
	padding:0;
	width:85px;
	height:22px;
	line-height:22px;
	background:url(../images/login-form-submit.gif) no-repeat;
	color:#fff;
	cursor:pointer;
	margin:0;
}

#header .login .login-form form label {
	float:left;
	line-height:15px;
	font-size:11px;
}

#header .login .login-form form a {
	color:#787878;
	font-size:11px;
	float:left;
	margin-top:2px;
	clear:both;
	white-space:nowrap;
}

#header .login table.loggedin {
	background: url(../images/login-form-bg.png) no-repeat;
    height: 63px;
    padding: 4px;
    width: 265px;
    font-size: 10px;
}

#header .login table.loggedin td {
	border-bottom:1px solid #f2f2f2;
	padding:0;
}

#header .login table.loggedin td a {
	color:#313131;
	display:block;
	padding:2px;
}

#header .login table.loggedin td a span {
	float:right;
}

#header .login table.loggedin td a:hover {
	text-decoration:none;
	background:#e9e9e9;	
}

#header .login table.loggedin tr.last td {
	border-bottom:none;
}



/* --------------- INTRO --------------- */

#introduction {
	background:#f6f6f6;
}

#introduction .content-wrapper {
	position:relative;
}

#introduction h1 {
	margin-top:20px;
	width:660px;
	letter-spacing:-1px;
}

#introduction h3 {
	width:660px;
	margin:0 0 20px 19px;
}

#introduction p {
	width:580px;
	font-size:14px;
}

#introduction p span {
	font-weight:bold;
	color:#b50000;
}

#introduction span.arrow {
	background:url(../images/intro-arrow.png) no-repeat;
	width:137px;
	height:46px;
	position:absolute;
	top:4px;
	/top:24px;
	left:520px;
}


#introduction a.register {
	background:url(../images/register-button.png) no-repeat;
	width:291px;
	height:109px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:20px;
	/top:44px;
}

#introduction a.register:hover {
	background-position:0 -109px;
}


table#details tr td {
	padding-bottom:20px;
}

table#product {
	border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

table#product tr td.feature {
    border-left: 1px solid #AAAAAA;
    color: #203F63;
    font-weight: bold;
    height: 26px;
    text-align: center;
}

table#product tr td.differ {
    background-color: #E5E5E5;
}

table#product tr td.title {
    background-color: #203F63;
    border-bottom: 1px solid #AAAAAA;
    color: #FFFFFF;
    height: 18px;
}

table#product tr td a {
	display:block;
}

table#product tr td a:hover {
	color:#2F4364;
	text-decoration:none;
}

table#product tr td a img {
	margin-right:5px;
}

#intro h1 {
	color:#2F4364;
}


/* --------------- CATEGORIES --------------- */

#categories {
	background:#eaeaea;
	margin:30px 0;
}

#categories .content-wrapper {
	padding:10px 0;
	overflow:hidden;_zoom:1;
	height:154px;
	position:relative;
}

#categories .block {
	position:absolute;
	top:10px;
}
#categories .student 	{ left:0; }
#categories .sporters 	{ left:330px; }
#categories .clubs	 	{ left:660px; }

#categories .block .foldout-01 {
	float:left;
	width:620px;
	position:relative;
}

#categories .block .foldout-01 h2 {
	margin:5px 0 5px 0;
}

#categories .block .foldout-01 p {
	width:580px;
}

#categories .block .foldout-01 a.close {
	display:block;
	width:33px;
	height:32px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/icon-close.gif) no-repeat;
	text-indent:-9999px;
}

#categories .block .foldout-01 a.close:hover {
	background-position:0 -32px;
}

#categories .block .foldout-02 {
	clear:both;
	overflow:hidden;_zoom:1;
	margin:15px 0;
}

#categories .block .foldout-02 h5 {
	font-weight:500;
	font-size:19px;
	margin:15px 0 10px;
	padding:0 0 5px 0;
	border-bottom:1px solid #d2d2d2;
}

#categories .block .foldout-02 ul.list {
	float:left;
	margin:10px 0 0 20px;
	_margin:10px 0 0 10px;
	width:410px;
}

#categories .block .foldout-02 ul.list li span {
	height:20px;	
}

#categories .block .foldout-02 ul.list li {
	margin-bottom:10px;
}

#categories .block .foldout-02 a.screenshot {
	float:right;	
	width:250px;
	height:287px;
	display:block;
	background:#666;
	border:1px solid #999;
	text-indent:-9999px;
}

#categories .block .foldout-02 a.screenshot:hover {
	border:1px solid #666;
}

#categories .block .foldout-02 a.img-01, #categories .block .foldout-02 a.img-02 {
	margin-left:10px;
}

#categories .students .foldout-02 a.img-01 {
	background:url(../images/students-screenshot01.jpg) no-repeat;
}

#categories .students .foldout-02 a.img-02 {
	background:url(../images/students-screenshot02.jpg) no-repeat;
}

#categories .sporters .foldout-02 a.img-01 {
	background:url(../images/sporters-screenshot01.jpg) no-repeat;
}

#categories .sporters .foldout-02 a.img-02 {
	background:url(../images/sporters-screenshot02.jpg) no-repeat;
}

#categories .clubs .foldout-02 a.img-01 {
	background:url(../images/clubs-screenshot01.jpg) no-repeat;
}

#categories .clubs .foldout-02 a.img-02 {
	background:url(../images/clubs-screenshot01.jpg) no-repeat;
}

#categories a.bigbutton {
	display:block;
	height:149px;
	width:281px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	padding:5px 0 0 10px;
	float:left;
}

#categories a.bigbutton:hover {
	background-position:0 -154px;
	text-decoration:none;
}

#categories a.student {
	background:url(../images/button-students.png) no-repeat;
	margin-right:19px;
	_margin-right:9px;
	padding-right:19px;
	border-right:1px solid #d5d5d5;
}

#categories a.sporter {
	background:url(../images/button-sporters.png) no-repeat;
	margin-right:19px;
	_margin-right:9px;
	padding-right:19px;
	border-right:1px solid #d5d5d5;
}

#categories a.club {
	background:url(../images/button-clubs.png) no-repeat;
}

#categories a.last-button {
	margin-right:19px;
	_margin-right:9px;
	padding-right:19px;
	border-right:1px solid #d5d5d5;	
}




/* --------------- DESCRIPTION --------------- */

#description {
	background:#f6f6f6;
}

#description .content-wrapper {
	overflow:hidden;_zoom:1;
}

#description a {
	text-decoration:underline;
}

#description a:hover {
	text-decoration:none;
}


#description h2 {
	border-bottom:1px solid #cecece;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

#description h4 {
	color:#2f4364;
	margin:0 0 10px 0;
	letter-spacing:-1px;
}

#description h4 span {
	color:#b50000;
	font-weight:bold;
	width:30px;
	float:left;
	display:block;
}




/* --------------- DOORMAT --------------- */

#doormat {
	background:#686868;
	margin-top:30px;
	color:#eee;
}

#doormat .content-wrapper {
	overflow:hidden;_zoom:1;
	padding:20px 0;
}

#doormat .size1of3 {
	padding-right:10px;
}

#doormat p {
	color:#dfdfdf;
}

#doormat h2 {
	margin:0 0 15px 0;
	color:#fff;
}

#doormat h4 {
	text-transform:uppercase;	
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

#doormat h5 {
	clear:both;
	padding:20px 0 5px 0;
	color:#fff;
	font-weight:500;
}

#doormat a {
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #b9b9b9;
	color:#fff;
}

#doormat a:hover {
	text-decoration:none;
	border-bottom:1px dotted #b50000;
}

#doormat ul {
	margin:0;
	padding:0;
}

#doormat ul li {
	list-style:none;
	list-style-position:outside;
}

#doormat ul.links li a {
	color:#dfdfdf;
	text-decoration:none;
	display:block;
	padding:2px 0;
	font-weight:normal;
	border-bottom:none;
}

#doormat ul.links li a:hover {
	text-decoration:none;
	background:#797979;
	padding:2px 5px;
}

#doormat ul.list li {
	color:#dfdfdf;	
}


/* --------------- FOOTER --------------- */

#footer {
	background:#959595;	
}

#footer .content-wrapper {
	overflow:hidden;_zoom:1;
	height:30px;
}

#footer ul {
	margin:5px 0 0 0;
	padding:0;
}

#footer ul li {
	list-style:none;
	list-style-position:outside;
	float:left;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #000;
}

#footer ul li.last {
	border-right:none;
}

#footer ul li a {
	color:#313131;
	text-decoration:underline;
}

#footer ul li a:hover {
	text-decoration:none;
	color:#000;
}

.ad-outside {
    width: 125px;
    overflow: hidden;
    position: absolute;
    top: 10px;
}
.ad-left {
    left: -130px;
}
.ad-right {
    right: -135px;
}

.ad-inside {
    width: 526px;
}

.ad-bottom {
}