@media screen {

	/**
	 * Screen Club Deck
	 * Author Matthew Holmes <www.ivt.com.au>
	 * Created 8 Nov 2007
	 */
	 
	 body {
	 	margin: 0;
	 	padding: 0;
	 	color: #333;
	 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
	 	}


		/* links */
		a {
			color: #f60;
			}
		a:active {
			color: #000;
			}
		a:hover {
			text-decoration: none;
			}
		a img {
			border: 0;
			}
			
			
		/* headings */
		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			}
			
			
		/* hidden elements */
		#header h2 {
			display: none;
			}
			
			
		
		/* =structure
		-----------------------------------*/
		#container {
			width: 900px;
			margin: 0 auto;
			padding: 0 10px;
			background: #eceded;
			}
			
			
			/* clearfix solution */
			.clearfix:after {
				clear: both;
				display: block;
				height: 0;
				content: ".";
				visibility: hidden;
				}
			
			
			/* -- header -- */
			#header {
				position: relative;
				height: 190px;
				background: url(../webimages/bg-header.png) no-repeat;
				}
				
				/* logo */
				#header h1 img {
					width: 0;
					}
					
				/* navigation */
				#header ul {
					position: absolute;
					top: 35px;
					left: 15px;
					list-style: none;
					margin: 0;
					padding: 0;
					}
				#header li {
					display: inline;
					}
				#header li a {
					padding: 0 5px;
					color: #002059;
					font-size: 1.2em;
					font-weight: bold;
					text-decoration: none;
					text-transform: lowercase;
					}
					
				/* random image */
				#random {
					float: right;
					padding: 10px 35px 0 0;
					}
					
				/* login */
				#loginarea {
					position: absolute;
					top: 10px;
					left: 20px;
					}
					
					
			/* -- content -- */
			#content {
				height: 1%;
				}
			#content-main {
				float: left;
				width: 540px;
				}
			#content-sub {
				float: right;
				width: 346px;
				padding: 10px 5px 0 0;
				}
			#content-inner {
				padding: 0 15px 15px 0;
				font-size: 1.1em;
				line-height: 1.6;
				}
				
				/* register */
				#register {
					margin: 0 0 12px;
					}
				#register h3 {
					padding: 3px 10px;
					color: #fff;
					font-size: 1.2em;
					text-transform: lowercase;
					}
				#register h3, #register h3 .sb-inner {
					background: #f60;
					}
				#register p {
					margin: 0;
					}
				#register img {
					float: right;
					}
				#register .content {
					padding: 10px;
					line-height: 1.5;
					}
				#register .content, #register .content .sb-inner {
					background: #fff;
					}

					
				/* login */
				#login  {
					position: relative;
					margin: 0 0 10px;
					z-index: 99;
					}
				#login h3 {
					padding: 3px 10px;
					color: #fff;
					font-size: 1.2em;
					text-transform: lowercase;
					}
				#login h3, #login h3 .sb-inner {
					background: #f60;
					}
				#login .content {
					padding: 10px;
					}
				#login .content, #login .content .sb-inner {
					background: #fff;
					}
				#login form,
				#login form fieldset {
					margin: 0;
					padding: 0;
					border: 0;
					}
				#login form ol {
					position: relative;
					margin: 0;
					padding: 0;
					list-style: none;
					}
				#login form li {
					clear: both;
					margin: 0 0 .75em;
					padding: 0;
					}
				#login form label {
					float: left;
					width: 55px;
					margin: 5px 5px;
					text-align: right;
					}
				#login form label:after {
					content: ":";
					}
				#login form input {
					width: 160px;
					margin: 0;
					border: 1px solid #999;
					}
				/** html input#username {
					position: absolute;
					top: 0;
					left: 4px;
					}
				* html input#password {
					position: absolute;
					bottom: 4px;
					left: 4px;
					}*/
				#login form button {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 83px;
					height: 42px;
					border: 0;
					text-indent: -999em;
					background: url(../webimages/btn-login.gif) no-repeat;
					cursor: pointer;
					}
				
					
				/* buttons */
				ul#buttons {
					list-style: none;
					margin: 0 0 12px;
					padding: 0;
					}
				#buttons li {
					float: left;
					margin: 0 4px 0 0;
					}
				#buttons li#info {
					margin: 0;
					}
				
					
					
			
			/* -- extra -- */
			#extra {
				height: 1%;
				margin: 0 5px;
				}
			#extra h3 {
				padding: 3px 10px;
				color: #fff;
				font-size: 1.2em;
				text-transform: lowercase;
				}
			#extra h3, #extra h3 .sb-inner {
				background: #f60;
				}
			#extra .content {
				padding: 10px;
				text-align: center;
				}
			#extra .content, #extra .content .sb-inner {
				background: #fff;
				}
			#extra ol {
				list-style: none;
				margin: 0;
				padding: 0 0 0 10px;
				}
			#extra li {
				float: left;
				}
			#extra li a {
				float: left;
				display: block;
				padding: 0;
				width: 210px;
				height: 70px;
				text-indent: -999em;
				}
			#extra li#photo a {
				background: url(../webimages/btn-photo.gif) no-repeat;
				}
			#extra li#registeronline a {
				background: url(../webimages/btn-register-online.gif) no-repeat;
				}
			#extra li#order a {
				background: url(../webimages/btn-view-order.gif) no-repeat;
				}
			#extra li#ship a {
				background: url(../webimages/btn-ship.gif) no-repeat;
				}
				
		
		
			/* -- footer -- */
			#footer {
				height: 1%;
				padding: 15px 0;
				text-align: center;
				line-height: 1.6;
				font-size: 1.1em;
				}
			#footer ul,
			#footer p {
				list-style: none;
				margin: 0;
				padding: 0;
				}
			#footer li {
				display: inline;
				margin: 0 1px 0 0;
				background: url(../webimages/bg-divider.gif) bottom right no-repeat;
				}
			#footer li.end {
				margin: 0;
				background: none;
				}
			#footer li a {
				padding: 0 10px;
				}
		

	}