/* RESET from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; font-size:62.5%; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/* Base Classes */
body { background-color:black; padding:10px 5px 10px 5px; }
.clear { clear:both; } 

/* Layout */
#container { width:750px; margin:0px auto; background-color:white; }
	#container #header { background-image:url(/templates/timeless/images/header.jpg); font-size:1.5em; }
		#container #header .contact { margin:10px 10px 18px 10px; float:right; padding:3px 1px 1px 1px; display:block; width:110px; text-align:center; border:1px solid #98006e; background-color:#000000; color:#98006e; text-decoration:none; font-size:16px; font-weight:bold;}
		
		#container #header #menu { float:right; clear:right;}
		#container #header #menu ul li { float:left; width:110px; }
		
		#container #header #menu a { color:#FFF; text-decoration:none; display:block; text-align:center; background: url(/templates/timeless/images/arrow.gif) bottom center no-repeat; padding-bottom:10px; margin-bottom:2px; }
		#container #header #menu ul li ol li { float:none; width:auto; }
		#container #header #menu ul li ol li a { display:block; text-align:left; padding:5px 5px 5px 8px; background:none;border:0px solid black; }/*need border for ie7*/
		#container #header #menu ul li ol li a:hover { background-color:#3d3180;  } 
		#container #header #menu ul li ol { display:none; font-family:Arial, Helvetica, sans-serif; font-size:.8em; position:absolute; background-color:#000; border-left:2px solid #3d3180; border-bottom:2px solid #3d3180; border-right:2px solid #3d3180; }
		
		#container #header .expanded { float:left; width:470px; background-color:#2A1B50; color:white; padding:6px 5px 5px 5px; text-align:center; }
		#container #header a.back { display:block; float:right; width:260px; background-color:#98006E; padding:6px 5px 5px 5px; color:white; text-decoration:none; text-align:center; }
		#container #header a.back:hover { background-color:#FF00C3; }
		#container #header a.back:hover span { text-decoration:underline; }
		#container #header a .screenshot { display:none;position:relative;}
		#container #header a .screenshot img { position:absolute; width:440px; right:-5px; top: 5px;}
		#container #header a:hover .screenshot { display:block;}
	#container #content { background:#FFF url(/templates/timeless_with_frame/images/repeat.jpg) repeat-y; }
	#container #content #content_spacer { padding:0px 10px 10px 150px; font-size:1.5em; background:url(/templates/timeless_with_frame/images/top-left.jpg) top left no-repeat; }
	
	#container #footer { background: #000 url(/templates/timeless/images/footer.jpg) top center; height:45px; display:block; }
	
/* Formatting Styles */
h1 { font-size:1.5em; font-weight:bold; padding:8px 0px 8px 0px; }
h2 { font-size:1.3em; font-weight:bold;  padding:8px 0px 8px 0px;}
h3 { font-size:1.1em; font-weight:bold; padding:8px 0px 8px 0px; }
em { font-style:italic; }
p { padding:5px 0px 5px 0px;  }

.products { margin:0px auto; width:666px; }
.products .product { text-align:center; float:left; width:200px; height:220px; margin:10px; }
.products .product img { display:block; border:1px solid black; }
.products .product p { margin:10px 5px 10px 5px; }
.products .multiple { color:#666; }

.info { text-align:center; margin-bottom:10px; }
.info h2 {padding:20px 0px 0px 0px;}
.info h3{padding-top:5px;}

#content .pages {margin:0px auto 0px auto;}
#content .pages a { text-decoration:none;	display:block; padding:5px 8px 3px 8px; font-weight:bold;	border:1px solid black;	text-align:center;	margin:2px;	color:black; }
#content .pages a.selected { background-color:black; color:white;}

#content .before_after {margin:auto;}
#content .before_after td {padding:5px;text-align:center;}

#notice td {font-size:1.2em;}

label { display:block; padding:5px 5px 5px 0px; }
 #full_name, #email, #comments, #friend_name, #friend_email { border:1px solid #3d3180; padding:3px; width:400px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; }
 #comments {height:100px;}
 .submit { padding:5px; margin-top:5px;  }
 
 .send_error { border: 1px solid red; background-color:#ffcccc; color:#660000; padding:5px } 
 .send_success { border: 1px solid green; background-color:#ccffcc; color:green; padding:5px; }