/* ------ NOTES ---------------------------------------------------------------

Site: showcuesystems.com
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing (http://www.propellerglobal.com).
Version: 15/06/09

--------- CONTENTS ------------------------------------------------------------

1: BODY
	a) Container
	b) Base Link Styles

2: MAIN CONTAINER

3: NAV UTILITY

4: LOGO

5: MAIN CONTENT CONTAINERS

6: NAV-FEATURE

7: NAV-MAIN

8: SECONDARY CONTENT CONTAINERS

9: NEWSLETTER SUBSCRIBE FORM

10: FOOTER

11: INLINE IMAGE STYLES

--------------------------------------------------------------------------------

/* ADDITIONAL STYLESHEETS - @IMPORT
============================================================================ */

@import "reset.css";
@import "typography.css";

/* 1) BODY
============================================================================ */

body {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-align: center;
	color:#FEFEFE;
	font-size:small;
	background-color:#000;
	}

/* 1b) BASE LINK STYLES
============================================================================ */

a:link, a:visited, a:focus {
	color:#666;
	text-decoration:none;
	}

a:hover, a:active {
	color:#999;
	text-decoration:underline;
	}

/* 2) MAIN CONTAINER
============================================================================ */

#container {
	background: #EBEBEB url(../site_images/main_bg.jpg) 0 0 repeat-x;
	overflow:hidden;
	color:#333;
	}

/* 3) NAV UTILITY
============================================================================ */

#nav_top {
	overflow:hidden;
	}

#nav_utility {
	width:960px;
	height:38px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

#nav_utility li {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	line-height:38px;
	}

#nav_utility a {
	margin-bottom:0;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-weight:bold;
	}

#nav_utility li.go_content a, #nav_utility li.go_nav a {
	position:absolute;
	top:0;
	left:-9999px;
	}

#nav_utility li.go_nav a {
	left:-9900px;
	}

#nav_utility li.login a, #nav_utility li.forum-top a {
	padding-right:0.5em;
	margin-right:0.5em;
	border-right:1px solid #FEFEFE;
	}

#nav_utility a:link, #nav_utility a:visited, #nav_utility a:focus {	
	text-decoration:none;
	color:#FEFEFE;
	}

#nav_utility a:hover, #nav_utility a:active {
	text-decoration:none;
	color:#000;
	}

/* 4) LOGO - H1 on home page only
============================================================================ */

#logo {
	height:176px;
	width:960px;
	position:relative;
	margin:0 auto;
	padding:0;
	}

#logo a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:172px;
	width:960px;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	height:172px;
	width:960px;
	background:transparent url(../site_images/logo.jpg) 0 0 no-repeat;
	}

/* 5) MAIN CONTENT CONTAINERS
============================================================================ */

#content {
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	text-align:left;
	background:#FFF url(../site_images/content_bg.jpg) 100% 0 repeat-y;
	}

#content_main {
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
	width:690px;
	margin-left:10px;
	padding-top:15px;
	}

#content_secondary {
	float:right;
	display:inline;
	position:relative;
	overflow:hidden;
	width:250px;
	background-color:#545454;
	}

/* 6) NAV - FEATURE
============================================================================ */

#nav_feature {
	overflow:hidden;
	width:700px;
	margin:0 0 15px -10px;
	padding:0;
	}

#nav_feature li {
	float:left;
	display:inline;
	width:340px;
	height:80px;
	margin:0 0 10px 10px;
	padding:0;
	list-style:none;
	}

#nav_feature li a {
	display:block;
	width:253px;
	height:65px;
	padding:10px 80px 5px 7px;
	letter-spacing:0.025em;
	color:#333;
	font-size:1.1em;
	}

#nav_feature li a strong {
	text-transform:uppercase;
	display:block;
	font-size:1em;
	}

.download a {background:#32CCCA url(../site_images/nav_feat.jpg) 0 0 no-repeat;}
.requirements a {background:#32CCCA url(../site_images/nav_feat.jpg) 0 -80px no-repeat;}
.buynow a {background:#32CCCA url(../site_images/nav_feat.jpg) 0 -160px no-repeat;}
.forum a {background:#32CCCA url(../site_images/nav_feat.jpg) 0 -240px no-repeat;}

.download a:hover {background-position:-340px 0px;}
.requirements a:hover {background-position:-340px -80px;}
.buynow a:hover {background-position:-340px -160px;}
.forum a:hover {background-position:-340px -240px;}

#nav_feature a:link, #nav_feature a:visited, #nav_feature a:focus, 
#nav_feature a:hover, #nav_feature a:active {
	text-decoration:none;
	}

/* 7) NAV MAIN
============================================================================ */

#nav_main {margin-bottom:0}

#nav_main ul {
	width:250px;
	margin-bottom:0;
	overflow:hidden;
	}

#nav_main li {
	width:250px;
	padding: 0;
	height:38px;
	margin:0;
	list-style:none;
	}

#nav_main li a {
	width:230px;
	display:block;
	padding-left:20px;
	line-height:38px;
	height:38px;
	background:#000 url(../site_images/nav_main_bg.jpg) 0 0 no-repeat;
	color:#CCC;
	font-size:1.4em;
	font-weight:normal;
	}

#nav_main ul li:first-child a {border-top:none;}

#nav_main ul li.current a {
	color:#FFF;
	background-color:transparent!important;
	}

#nav_main a:link, #nav_main a:visited {text-decoration:none;}

#nav_main a:hover, #nav_main a:active, #nav_main a:focus {
	background-position:-250px;
	color:#333;
	}

/* 8) SECONDARY CONTENT CONTAINERS
============================================================================ */

#content_secondary .gutter {
	padding:10px;
	color:#CCC;
	}

#content_secondary .gutter a {
	color:#CCC;
	}

#show_feature {
	padding:10px 10px 1px;
	margin-bottom:0.5em;
	background-color:#000;
	border-top:2px solid #0099AA;
	height:1%;
	}

/* 9) NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter_subscribe {
	font-size:1.1em;
	color:#FEFEFE;
	overflow:hidden;
	}

#newsletter_subscribe input#email {
	width:218px;
	padding:3px;
	margin-bottom:5px;
	}

#newsletter_subscribe input.submit {
	float:right;
	}

/* 10) FOOTER
============================================================================ */

#footer {
	border-top:5px solid #A8A8A8;
	color:#CCC;
	}

#copyright {
	width:960px;
	padding:190px 0 20px;
	margin:0 auto;
	background: #000 url(../site_images/footer_bg.jpg) 50% 0 no-repeat;
	}

/* 11) INLINE IMAGE STYLES
============================================================================ */

.left {
	clear:left;
	float:left;
	display:inline;
	margin:0 10px 8px 0;
	}

.right {
	clear:right;
	float:right;
	display:inline;
	margin:0 0 8px 10px;
	}

.border {
	background-color:#FFF;
	border:1px solid #545454;
	}

.borderLg {
	background-color:#FFF;
	border:3px solid #545454;
	}