/* What?Design Structure Styles
 * Copyright 1996-2005
   	
 * Suggested order:
 	* display
 	* list-style
 	* position
 	* float
 	* clear
 	* width
 	* height
 	* margin
 	* padding
 	* border
 	* background
 	* color
 	* font
 	* text-decoration
 	* text-align
 	* vertical-align
 	* white-space
 	* other text
 	* content
 
 * TOC:
   Random HTML Styles
     Forms
   General Structure
   Navigation
   Quotations
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Headers
   Meta
   Specific to Products Pages
*/


/************************ 
 **** Global Classes ****
 ************************/
* { 
	margin:0;
	padding:0;
	}

body {
	font:0.65em verdana,arial,helvetica,sans-serif;
	text-align:center;
	background:#999 url(/images/bg_gradient.jpg) repeat-x;
	}

img {
	border: none;
	}
	
.center {
	text-align: center;
	}	

.title {
	font-weight: bold;
	}
	
.clear {
	clear:both;
	}
		
#container {
	position:relative;
	background:#fff url(/images/rounded_container.gif) no-repeat bottom;
	text-align:left;
	width:700px;
	margin:20px auto;
	padding:10px;
	border-left-color:#ccc;
	border-right-color:#ccc;
	border-bottom-color:#eee;
	}

a:link, a:visited {
	text-decoration: none;
	}
	
a:active, a:hover {
	text-decoration: underline;
	}
			
	
/*************************
 **** Header Elements ****
 *************************/
#header {
	background:#f50 url(/images/bg_home.jpg) repeat-x; 
	position:relative;
	}

#header ul {
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	list-style: none;
	overflow:hidden;
	background:#f50 url(/images/bg_nav.jpg) repeat-x;
        height:100%;	
}
	
#header li {
	display:inline;
	float:left;
	padding:2px 0;
	margin:0 -1px 0 0;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	}
	
	/* Hide from Mac IE5 \*/
	* html #header li {
		margin-bottom:0px;
		}	
	/* */

#header li a:link,#header li a:visited {
	color:#fff;
	padding:2px 2em;
	text-decoration:none;
	}
	
#header li a:active, #header li a:hover {
	background-color:#eee;
	padding:2px 2em;
	color:#f60;
	}

#header li.first {
	margin-left:0;
	border-left:0;
	}

#header li.last {
	float:right;
	margin-right:0;
	border-right:0;
	}

#logo {
	background:transparent url(/images/rounded_header_left.gif) no-repeat; 
	position:relative;
	padding:10px 0 0 0;
	width:300px;
	}
	
#logo img {
	position:relative;
	padding:0 0 5px 5px;
	}

#home #logo img {
	padding-bottom:35px;
	}

#clientlogin, #return {
	background:transparent url(/images/rounded_header_right.gif) no-repeat top right; 
	float:right;
	width:100px;
	padding:20px 20px 0 0;
	}

#clientlogin, #return {
	text-align:right;
	}
	
#clientlogin a:link, #clientlogin a:visited,
#return a:link, #return a:visited {
	color:#fff;
	}

#clientlogin a:active, #clientlogin a:hover,
#return a:active, #return a:hover {
	text-decoration:underline;
	}

#banner {
	position:relative;
	background:#000 url(/images/bn_station.jpg) no-repeat;
	width:700px;
	}

	#banner {
		height:50px;
		background-position:0 -55px;
		border-top:1px solid white;
		}

	#home #banner {
		height:150px;
		margin-bottom:3px;
		background-position:0;
		border:0;
		}
	
#bannerText {
    position:absolute;
    color:#fff;
    text-align:right;
    bottom:0;
    width:100%;
    margin:5px -8px;
    font-size:1em; /* IE6 */
	}	

/*************************
 **** Content General ****
 *************************/
	
			
#content {	
	position:relative;
	text-align:left;
    padding:0 0 1px 0; /* Mozilla PC */
	border:1px solid #ccc;
 	background-color:#fff;
	background:#fff url(/images/bg_gradient.jpg) repeat-x;
	height:100%; /* IE6 PC */
	overflow:hidden;
	}

#home #content {	
	border:0;
 	background:#fff url(/images/bg_3columns.gif) repeat-y;
	}
	
#content a:link, #content a:visited {	
	color:#000;
	background-color:transparent;
	border-bottom:1px dotted #f60;
	}

	#content a:active, #content a:hover {
		border-bottom:1px solid #f60;
		color:#fff;
		background-color:#f60;
		text-decoration:none;
		}

#contentBottom {
	clear:both; /* IE6 PC */
	background:#fff url(/images/bg_3columns_btm.gif) no-repeat;
	height:5px;
	border:0px solid red;
	}

.subnav {
	margin:20px 20px 20px 520px;
	border:1px solid #999;
	background:#e0e0e0;
	padding:10px;
	}

	#info {
		margin:20px 500px 20px 20px;
		background:transparent;
		border:0px solid #ccc;
		padding:0;
		}
		
		* html #info {
			height:300px; /*IE bug fix*/
			}

	#info img {
		border:1px solid #ccc;
		}

.subnav ul {
	background-color:transparent;
	list-style-type: none;
	font-weight:bold;
	margin-left:0;
	padding-left:1em;
	text-indent:-1em;
	}
	
.subnav h1, #info h1 {
	font-weight:bold;
	font-size: 1em;
	padding-bottom:0.2em;
	}	
		
	#info h1 {
		padding-top:1em;
		color:#f60;
		background-color:transparent;
		}
		
	#info h2 {
		font-size:1em;
		font-weight:normal;
		}
		
#content .subnav a:link, #content .subnav a:visited,
#info a:link, #info a:visited {	 /* gallery */
	color:#f60;
	background-color:transparent;
	border:0;
	}

#content .subnav a:active, #content .subnav a:hover {
	color:#fff;
	padding:1px;
	background-color:#f60;
	text-decoration:none;
	}

	#info .screenshot_button {
		position:relative;
		display:inline;
		font-family:helvetica,arial,sans-serif;		
		font-size:0.9em;
		}

		/* IE6 PC fix, hide from IE5 Mac \*/
		* html	#info .screenshot_button {
			top:2px;
			margin-right:5px;
			}
		/* */		
	
	#info .screenshot_button a:link, #info .screenshot_button a:visited {
		border:1px solid #f60;
		background-color:#fff;	
		padding:2px 5px 1px 5px;
		}
		
	#info .screenshot_button a:active, #info .screenshot_button a:hover {	
		background-color:#f60;
		color:#fff;
		}

	.launch_button {
		margin-top:1px;
		font-family:helvetica,arial,sans-serif;	
		}
		
	.launch_button a:link .launch_button_right, .launch_button a:visited .launch_button_right {
		border:1px solid #f60;
		background-color:#fff;
		color:#f60;
		padding:2px 4px 1px 6px;
		font-size:0.9em;
		}

	.launch_button a:active .launch_button_right, .launch_button a:hover .launch_button_right {
		background-color:#f60;
		color:#fff;
		border:1px solid #f60;
		}

	.launch_button a:link .launch_button_left, .launch_button a:visited .launch_button_left {
		border:1px solid #f60;
		border-bottom-width:0;
		background-color:#f60;
		color:#fff;
		padding:1px 2px 2px 2px;
		}

	#content .launch_button a:active, #content .launch_button a:hover {
		border-bottom:0;
		} 

#main {
	float:left;
	width:450px;
	padding:20px 50px 20px 20px;
	}	

	#gallery #main {
		position:relative;
		float:right;
		width:425px;
		} 
		
	#gallery #content #main a {
		border:0;	
		}
		
#main h1 {
	font-size:1.3em;
	padding-bottom:1em;
	color:#f60;
	}

#main h2 {
	font-size:1em;
	}

#main h3 {
	font-size:1em;
	}

#main p {
	padding-bottom:1em;
	}

#news h3 a:link, #news h3 a:visited, 
#featured a:link, #featured a:visited,
#spotlight a:link, #spotlight a:visited {
	padding:0 1px;
	background-color:transparent;
	color: #f60;
	}

	#spotlight a:link, #spotlight a:visited {
		padding:0;
		}
	
	#news h3 a:hover, #news h3 a:focus,
	#spotlight a:hover, #spotlight a:focus, 
	#featured a:hover, #featured a:focus {
		background-color:#f60;
		color:#fff;
		}

	#featured a:link, #featured a:visited {
		border:0;
		padding:0;
		}
	
	#spotlight a:hover img, #spotlight a:focus img, 
	#featured a:hover img, #featured a:focus img {
		border-color:#f60;
		background-color:#f60;
		}
	
#news {
	float:left;
	background:transparent url(/images/bg_columns.gif) repeat-x;
	width:235px;
	}

#news p, #featured p {
	padding:0 10px;
	margin-bottom:1em;
	}
	
#news h2, #spotlight h2, #featured h2 {
	font-size:1.2em;
	font-weight:normal;
	line-height:3em;
	text-align:center;
	padding-bottom:-1em;
	color:#fff;
	}
	
	#news h2, #spotlight h2 {
		margin-bottom:1em;
		}
		
	#featured h2 {
		margin-bottom:0;
		}
	
#news h3 {
	padding:0 10px;
	font-size:1em;
	font-weight:bold;
	}

#spotlight {
	float:left;
	background:transparent url(/images/bg_columns.gif) repeat-x;
	width:243px;
	margin-left:4px;
	}	

#spotlight p {
	padding:0 10px 0 0;
	margin:0 0 1em 71px;
	}

#spotlight h3 {
	font-size:1em;
	font-weight:bold;
	margin:0 10px 0 0;
	}	
	
#spotlight img {
	float:left;
	width:48px;
	margin:0 5px 10px 10px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
	}	

#spotlight .item {
	overflow:hidden; 	
	}
	
	/* IE6 PC fix, hide from IE5 Mac \*/
	* html #spotlight .item {
		clear:both;
	}
	/* */
	
#featured {
	float:right;
	background:transparent url(/images/bg_columns.gif) repeat-x;
	width:214px;
	}	

#featured img {
	border:1px solid #ccc;
	padding:3px;
	background-color:#fff;
	}	

#featured .thumb {
	margin:1em 0 1em 48px;
	}

/*****************
 **** gallery ****
 *****************/

#ss2, #ss3, #ss4, #ss5 {
	visibility:hidden;
	position:absolute;
	top:20px;
	}

/*******************
 **** portfolio ****
 *******************/

.thumbnail {
	float:left;
        position:relative;
	margin:0 20px 30px 0;
	text-align:center;
	width:120px;
	height:100px;
	}
	
		
	#content .thumbnail a:link, #content .thumbnail a:visited {
		border:0 solid green;
		}
			
.thumbnail img {
	border:1px solid #999;
	padding:3px;
	background-color:#fff;
	}
	
.thumbnail a:hover img {
	border-bottom:1px solid #f60;
	background-color:#f60;
	}

.nologo {
	position:absolute;
	top:40px;
        left:0px;
        width:126px;
        z-index:10;
	}

#portfolio #main h2 {
	clear:both;
	padding:3em 0 1em;
	}
	
#portfolio #main ul {
	display:block;
	list-style: none;
	padding-bottom:1em;
	}
	
#portfolio #main li {
	display:inline;
	float:left;
	padding:0 5px;
	border-right:1px solid #999;
	}
	
	#portfolio #main li.first {
		padding-left:0;
		}

	#portfolio #main li.last {
		border:0;
		}

/****************
 **** footer ****
 ****************/
#footer {
	background:#f50 url(/images/bg_footer.jpg) repeat-x;
	padding:0.5em 10px;
	margin-top:3px;
	}

#footer {
	color:#fff;
	}

.validate {
	font-family:geneva,arial,helvetica,sans-serif;
	font-variant:small-caps;
	}
	
.validate a:link, .validate a:visited {
	color:#fff;
	background-color:transparent;
	border:1px solid #fff;
	padding:0px 3px;
	}

.validate a:hover, .validate a:focus {
	color:#f60;
	background-color:#e0e0e0;
	text-decoration:none;
	}

.snippet {
	font-size:0.1em;
	color:#fff;
	height:0px;
	overflow:hidden;
	}