/*
 - CSS/XHTML: Jase | star29.com
 - July 2008
*/

@import "/assets/css/navigation.css";
@import "/assets/css/forms.css";
@import "/assets/css/content.css";
@import "/assets/css/utility.css";

/* ________________________________________ Initial Layout Controls */
html {
	background-color: #e5e7e9;
	background-image:url(/assets/gui/bg-tile-page.png);
	background-repeat:repeat;
	background-position:50% 0%;
	}
body {
	background-image:url(/assets/gui/bg-tile-shell.png);
	background-repeat:repeat-x;
	background-position:50% 0%;
	color:#393a3e;
	}

#shell_top {
	}

#shell {
	}

#shell_sub {
	clear:both;
	}

.wrapper {
	position:relative;
	text-align:left;
	margin:0 auto;
	width:950px;
	}

#shell_top .wrapper {
	background-color:#191919;
	background-image:url(/assets/gui/bg-header.png);
	height:135px;
	}

#shell .wrapper {
	clear:both;
	/* border-top:1px solid #fff; */
	border-bottom:1px solid #ededed;
	min-height:300px;
	height:auto !important;
	height:300px;
	background-color:#fff;
	background-image:url(/assets/gui/bg-tile-page.png);
	background-repeat:repeat;
	background-position:50% 0%;
	}
	
#shell .column-left,
#shell .column-right {
	min-height:600px;
	height:auto !important;
	height:600px;
	}
#shell .wrapper.alt {
	clear:both;
	background-color:#fff;
	background-image:url(/assets/gui/bg-tile-page-alt.png);
	background-repeat:repeat;
	background-position:50% 0%;
	}

#shell_sub .wrapper {
	background-color:#090909;
	border-top:1px solid #fff;
	min-height:250px;
	height:auto !important;
	height:250px;
	}

#logo {
	position:absolute;
	top: 35px;
	left:20px;
	}

#logo a {
	display:block;
	width:400px;
	height:50px;
	}

#logo a span {display:none;}

#tagline {
	position:absolute;
	top:109px;
	left:20px;
	color:#fff;
	font-family:Georgia, serif;
	font-size:14px;
	}


/* ________________________________________ Initial Column Controls */
.column-left {
	position:relative;
	float:left;
	}

.column-right {
	position:relative;
	float:right;
	}

.wrapper .main,
.wrapper-alt .main {
	width:676px;
	}

.wrapper .siderail,
.wrapper-alt .siderail {
	width:274px;
	background-image:url(/assets/gui/bg-siderail.png);	
	background-repeat:repeat-x;
	background-position:50% 0%;
	}

#shell .main {
	background-image:url(/assets/gui/bg-main.png);	
	background-repeat:repeat-x;
	background-position:50% 0%;
	}

#home .wrapper.alt .siderail {
	background-image:url(/assets/gui/bg-siderail-alt.png);
	}

#home .wrapper.alt .main {
	background-image:url(/assets/gui/bg-main.png);
	}

#shell_sub .column-left,
#shell_sub .column-right {
	background-image:url(/assets/gui/bg-tile-footer.png);
	background-repeat:repeat-x;
	background-position:0 3em;
	min-height:250px;
	height:auto !important;
	height:250px;
	}

#shell_sub .column-right {
	background-image:url(/assets/gui/bg-tile-footer2.png);
	}

/* ________________________________________ Flank Effect Controls */
#flank_left {
	position:absolute;
	background-image:url(/assets/gui/flank-left.png);
	width:296px;
	height:500px;
	left:-296px;
	top:0px;
	}
#flank_right {
	position:absolute;
	background-image:url(/assets/gui/flank-right.png);
	width:6px;
	height:500px;
	left:950px;
	top:0px;
	}

/* ________________________________________ Ad Controls */
#banner {
	position:absolute;
	width:468px;
	height:60px;
	overflow:hidden;
	top:20px;
	left:462px;
	}

div.ad {margin-bottom:16px;}

/* ________________________________________ Column Controls */
.column1 {
	margin:0 20px;
	}
.column2 {
	width:50%;
	float:left;
	}
.column3 {
	width:33.3%;
	float:left;
	}
.column4 {
	width:25%;
	float:left;
	}
.column5 {
	width:20%;
	float:left;
	}
.column23 {
	width:66.7%;
	float:left;
	}
.column23 .column3 {width:50%;}
.column-inner {	padding:0px 20px 0px 0px;}
.column2 .last {
	margin-right:0;
	}
.column1 .column2 {
	width:435px;
	margin:0 20px 0 0;
	}