@charset "UTF-8";
/* CSS Stylesheet for Cosmos Creative by Solid Uncoated, 2009 */

* {
	margin:0px; padding:0px; border:0px; }

html {
	font-size:100.1%;
	height:100%;}

body {
	text-align:center;
	background:url(../img/pattern_ogle_grey.gif) repeat;}

div {
	position:relative;}

a {
	color:#CC0000;
	outline:none;}

a:hover {
	cursor:pointer;}

ul {
	list-style:none;}



#Container {
	width:792px;
	margin:10px auto 10px auto;
	border:solid 1px #CCCCCC;
	text-align:left;
	background:url(../img/bg-top.gif) top left no-repeat #FFFFFF;}


#SiteBox {
	padding:18px 18px 0px 18px; }


#Masthead {
	height:70px;
	left:0px;
	position:relative;
	top:0px;
	width:200px; }


#TopLogo {
	margin:-5px auto auto 10px;}



#Nav {
	height:100px;
	position:absolute;
	right:19px;
	top:19px;
	width:126px; }

		#Nav ul {
			position:relative;
			width:126px;
			height:100px;}
		
				#Nav li {
					text-align:right;
					font-family:Arial, sans-serif;
					font-size:10px;
					text-transform:uppercase;
					line-height:20px;
					height:20px;
					width:126px;
					border-bottom:dashed 1px #CCCCCC;}
				
						#Nav a {
							display:block;
							height:20px;
							margin-right:4px;
							font-weight:bold;
							text-decoration:none;
							line-height:20px;
							color:#999999;
							background:url(../img/icon-star.gif) right no-repeat;
							padding-right:20px;}
						
								#Nav a:hover {
									color:#000000;}



#Content {
	height:500px;
	background:url(../img/bg-splatter.gif) bottom right no-repeat;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:10px;
	color:#000000;
	margin-top:30px;
	position:relative; }

.block {
	padding:0px 210px 10px 50px;}


#HomeLogo {
	margin:60px auto 5px auto;}

#Tagline {
	text-align:center;}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.05em;
	color:#CC0000;
	text-transform:uppercase;
	padding-bottom:0.5em;}

h2 {
	font-family:Arial, sans-serif;
	font-size:1.2em;
	letter-spacing:0.025em;
	line-height:1.5em;
	text-transform:capitalize;
	padding-top:0.5em;}

p {
	font-size:1.05em;
	line-height:1.45em;
	margin-bottom:0.65em;}


#MainImage {
	width:300px;
	height:300px;
	border:solid 1px #333333;
	margin-bottom:10px;}


#Thumbs {
	position:absolute;
	top:27px; left:370px;
	width:200px;
	padding-top:20px;}

		#Thumbs li {
			float:left;
			width:42px; height:42px;
			margin:0px 5px 5px 0px;}
		
		#Thumbs a {
			display:block;
			width:40px; height:40px;
			border:solid 1px #333333;
			opacity:0.5;}
		
				#Thumbs a.current {
					border:solid 1px #CC0000;
					opacity:1;
					cursor:default;}
				
				#Thumbs a:hover {
					border:solid 1px #CC0000;
					opacity:1;}


#Footer {
	height:50px;
	background:url(../img/bg-footer.gif) top no-repeat #FFFFFF;
	font-family:Arial, sans-serif;
	font-size:9px;
	color:#666666;
	letter-spacing:0.025em;}

		#Footer p {
			float:left;
			margin:9px auto auto 20px;
			padding-left:20px;
			background:url(../img/icon-star.gif) top left no-repeat;
			line-height:1.1em;}
		
				#Footer p a {
					color:#666666; 
					text-decoration:none;}
				
						#Footer p a:hover {
							text-decoration:underline;}


#MailingListLink {
	float:right;
	margin:9px 20px auto auto;
	padding-right:15px;
	background:url(../img/icon-env.gif) top right no-repeat;}

		#MailingListLink a {
			text-decoration:none;}
		
				#MailingListLink a:hover {
					color:#990000;
					text-decoration:underline;}



.column {
	float:left;
	width:48%; }

fieldset {
	display:block;}

label {
	display:block;
	padding:0.75em 0px 1px 0px;}

.field {
	border:solid 1px #CCCCCC;
	padding:1px 3px;
	font-family:sans-serif;
	font-size:1.1em;
	line-height:1.35em;
	color:#CC0000;
	background:#FFFFFF;
	width:80%; }

option {
	padding-right:5px;}

.button {
	margin-top:0.75em;
	border:solid 1px #990000;
	background:url(../img/shiny-red-button.gif) left repeat-x #FF0000;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;}

.photo {
	background:#FFFFFF;
	border:solid 1px #999999;
	margin:0.25em 0px 1em 0px;
	padding:3px; }

.bold {
	font-weight:bold;
	color:#333333;}

.caps {
	text-transform:uppercase;
	letter-spacing:0.05em;}

.invisible {
	visibility:hidden;}