/* ------ 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:underline;
	}

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;
	}
/* 4a) GOLDWAVE - H1 on home page only
============================================================================ */

#goldwave {
	height:24px;
	width:35px;
	position:relative;
	margin:0 auto;
	padding:0;
	}

#goldwave  a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:24px;
	width:35px;
	}

#goldwave span {
	position:absolute;
	top:0;
	left:0;
	height:24px;
	width:35px;
	background:transparent url(../site_images/goldwavebar.png) 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/content2_bg.jpg) 100% 0 repeat-y;
	}

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

#content_secondary {
	float:right;
	display:inline;
	position:relative;
	overflow:hidden;
	width:150px;
	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:1.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:150px;
	margin-bottom:0;
	overflow:hidden;
	}

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

#nav_main li a {
	width:150px;
	display:block;
	padding-left:5px;
	line-height:30px;
	height:30px;
	background:#000 url(../site_images/nav_main_bg.jpg) 0 0 no-repeat;
	color:#CCC;
	font-size:1.15em;
	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;
	}
	
/* 12) OWN STYLES
============================================================================ */
.padinfo {
   xcolor: #510000;
   color: #990000;
   font-size:1.1em;
   background-color: #E2FAF4;
   padding-left: 5px;
   padding-right: 5px
}
.info {
   color: #990000;
   font-size:1.1em;
   background-color: #E2FAF4   
}
.infoc {
   color: #990000;
   font-size:1.1em;
   background-color: #E2FAF4;
   text-align: center 
}
.infobordered {
   color: #510000;
   font-size: 10pt;
   BORDER-RIGHT: #000000 1px solid;
   BORDER-TOP: #000000 1px solid;
   FONT-WEIGHT: normal;
   BORDER-LEFT: #000000 1px solid;
   BORDER-BOTTOM: #000000 1px solid;
   BACKGROUND-COLOR: #e2faf4;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px
}
.infobordered1 {
   color: #510000;
   font-size: 8pt;
   text-align: center;
   BORDER-RIGHT: #000000 1px solid;
   BORDER-TOP: #000000 1px solid;
   FONT-WEIGHT: normal;
   BORDER-LEFT: #000000 1px solid;
   BORDER-BOTTOM: #000000 1px solid;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px
}

.whiteinfo {
   color: #990000;
   font-size:1.1em
}
.tabinfo {
   color: #510000;
   font-size: 9pt;
   background-color: #e2faf4
}
.tabinfoc {
   color: #510000;
   font-size: 9pt;
   text-align: center;
   background-color: #e2faf4
}
.tabinfov {
   color: #510000;
   font-size: 9pt;
   vertical-align:text-top;
   background-color: #e2faf4
}
.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.subannounce {
   font-size: 10pt;
   border-right: #aaaaaa 1px solid;
   border-top: #aaaaaa 1px solid;
   font-weight: normal;
   border-left: #aaaaaa 1px solid;
   color: #ff3311;
   border-bottom: #aaaaaa 1px solid;
   background-color: #ffffff;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px
}

.notice2 {
   font-size: 10pt;
   font-weight: bold;
   color: #ff3311;
   background-color: #ffffff;
   text-align: center
}

.subtitle {
   padding-right: 0px;
   padding-left: 0px; font-size:1.2em;
   font-weight:bold;
   padding-bottom: 0px;
   margin: 5px 0px 0px;
   padding-top: 0px;
   color: #0099aa
}
.main2 {
   padding-right: 0px;
   padding-left: 0px;
   font-size: 17px;
   padding-bottom: 0px;
   margin: 5px 0px 0px;
   padding-top: 0px;
   color: #0099aa
}
.main2c {
   padding-right: 0px;
   padding-left: 0px;
   font-size: 17px;
   padding-bottom: 0px;
   margin: 5px 0px 0px;
   padding-top: 0px;
   text-align: center;
   color: #0099aa
}

.main3 {
   color: #990000;
   padding-right: 5px;
   padding-left: 5px;
   font-size:1.5em;
	 font-weight:bold;
   background-color: #E2FAF4;
   text-align: center
}
.main4 {
   PADDING-RIGHT: 5px;
   PADDING-LEFT: 5px;
   FONT-SIZE: 12px;
   COLOR: #510000;
   BACKGROUND-COLOR: #e2faf4;
   vertical-align: top
}
.main5 {
   color: #990000;
   font-size:1.5em;
}
.outtake1{
   font-size: 11pt;
   font-weight: bold;
   COLOR: #0099aa;
   BACKGROUND-COLOR: #FFFFFF; 
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px
}
.quote1{
   font-size: 10pt;
   COLOR: #514444;
   BACKGROUND-COLOR: #FFFFFF; 
   padding-top: 5px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px
}
.quote2 {
	margin-bottom:1em;
	}

.faqq {
   color: #510000;
   font-size: 12pt;
   BORDER-RIGHT: #000000 1px solid;
   BORDER-TOP: #000000 1px solid;
   FONT-WEIGHT: normal;
   BORDER-LEFT: #000000 1px solid;
   BORDER-BOTTOM: #000000 1px solid;
   BACKGROUND-COLOR: #e2faf4;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px
}
.faqa {
   color: #510000;
   font-size: 10pt;
   BORDER-RIGHT: #000000 1px solid;
   FONT-WEIGHT: normal;
   BORDER-LEFT: #000000 1px solid;
   BORDER-BOTTOM: #000000 1px solid;
   BACKGROUND-COLOR: #e2faf4;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px
}
.faqul {
   font-size: 10pt;
   margin-top: 5px;
}
.linksul {
   font-size: 10pt;
   margin-top: 5px;
}
.announce {
   font-size: 11pt;
   BORDER-RIGHT: #aaaaaa 1px solid;
   BORDER-TOP: #aaaaaa 1px solid;
   FONT-WEIGHT: bold;
   BORDER-LEFT: #aaaaaa 1px solid;
   COLOR: #ff3311;
   BORDER-BOTTOM: #aaaaaa 1px solid;
   BACKGROUND-COLOR: #ffffff;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   text-align: center
}
.buyinfo {
   color: #333333;
   font-size: 9pt;
   font-weight: normal;
   BACKGROUND-COLOR: #bfffff;
   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 10px;
   padding-right: 10px
}

.buyitem {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #f0f0f0;
   padding-left: 10px;
   padding-right: 10px
}
.buyitemt {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   vertical-align: top;
   BACKGROUND-COLOR: #f0f0f0;
   padding-left: 10px;
   padding-right: 10px
}
.buyitemdisp2 {
   color: #555555;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #eeeeee;
   BORDER-RIGHT: #aaaaaa 0px solid;
   BORDER-TOP: #aaaaaa 0px solid;
   BORDER-LEFT: #aaaaaa 0px solid;
   BORDER-BOTTOM: #aaaaaa 0px solid;
}
.buyitemcol1 {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #f0f0f0;
   BORDER-TOP: #aaaaaa 1px solid;
   BORDER-LEFT: #aaaaaa 1px solid;
   BORDER-RIGHT: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle
}
.buyitemcol2 {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #f0f0f0;
   BORDER-TOP: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle
}
.buyitemcol3 {
   color: #af4421;
   font-size: 9pt;
   font-weight: normal;
   BACKGROUND-COLOR: #f0f0f0;
   BORDER-TOP: #aaaaaa 1px solid;
   BORDER-RIGHT: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px
}
.buyitemcol2last {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #f0f0f0;
   BORDER-TOP: #aaaaaa 1px solid;
   BORDER-BOTTOM: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px:
}
.buyitemcol3last {
   font-family: Verdana, Arial, Helvetica;
   color: #af4421;
   font-size: 8pt;
   font-weight: normal;
   BACKGROUND-COLOR: #f0f0f0;
   BORDER-TOP: #aaaaaa 1px solid;
   BORDER-RIGHT: #aaaaaa 1px solid;
   BORDER-BOTTOM: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px
}
.buyitemcol1last {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   background-color: #f0f0f0;
   text-align: center
}
.buyitemok {
   color: #188C18;
   font-size: 11pt;
   font-weight: normal;
   BACKGROUND-COLOR: #ffffff;
   BORDER-TOP: #aaaaaa 1px solid;
   BORDER-LEFT: #aaaaaa 1px solid;
   BORDER-RIGHT: #aaaaaa 1px solid;
   padding-left: 10px;
   padding-right: 10px
}
.error {
   font-size: 10pt;
   font-weight: bold;
   color: #ff3311;
   background-color: #ffffff;
   text-align: center
}

.genitemleft {
  color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   background-color: #f0f0f0;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
   vertical-align: middle
}
.genitemleftsm {
   color: #af4421;
   font-size: 8pt;
   font-weight: normal;
   BACKGROUND-COLOR: #f0f0f0;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left
}

.genitemright {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   BACKGROUND-COLOR: #f0f0f0;
   padding-left: 10px;
   padding-right: 10px;
   text-align: right;
   vertical-align: middle
}

.genitemleftnobg {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left
}

.genitemrightnobg {
   color: #af4421;
   font-size: 9pt;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   text-align: right
}
.mem2 {
   PADDING-RIGHT: 5px;
   PADDING-LEFT: 5px;
   FONT-SIZE: 14px;
   FONT-WEIGHT: bold;
   COLOR: #0099aa
}
.mem3 {
  color: #510000;
   font-size: 9pt;
   background-color: #e2faf4;
   padding-left: 5px;
   padding-right: 5px;
   vertical-align: middle
}
.sub1 {
   padding-right: 5px;
   padding-left: 5px;
   font-size: 11pt;
   font-weight: bold;
   color: #0099aa;
   text-align: center;
   background-color: #ffffff
}
.sub2 {
   padding-right: 5px;
   padding-left: 5px;
   font-size: 10pt;
   font-weight: normal;
   color: #333333;
   background-color: #ffffff
}
.arc1 {
   padding-right: 5px;
   padding-left: 5px;
   font-size: 12px;
   font-weight: bold;
   color: #0099aa;
   background-color: #e2faf4;
   text-align: center
}
.arc2 {
   color: #510000;
   font-size: 9pt;
   background-color: #e2faf4;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left
}
.mystri {
  text-decoration: line-through;
}