/* CSS Document for the "Celestial Sunrise" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Reset.css (includes Baseline)
##############################################################*/ 

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*##############################################################
  Element Styles
##############################################################*/

h1 {margin:0 auto; padding-top:42px; padding-left:65px; font-family:Helvetica, Arial, Verdana, sans-serif;text-align:center; font-size:72px; width:700px; color:#000; background:url(../images/example_logo.png) 71px 43px no-repeat}
h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:"Trebuchet MS", Arial, sans-serif; color:#262626}
h2 {height:51px; margin-top:10px; padding-top:9px; text-align:center; font-weight:bold; font-family:"Trebuchet MS", Arial, sans-serif; clear:both; font-size:40pt}
h3 {font-size:22px; font-weight:normal}
p, ol, dl, {margin:17px 0}
p {text-align:justify}
ul {margin-left:25px}
a {color:#a63c3c; text-decoration:underline; outline:none}
	a:hover {text-decoration:none}

.clear {clear:both}

/*##############################################################
  Layout Styles
##############################################################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#333; background:#313a46 url(../images/background.jpg) 50% top no-repeat}

#header {margin:12px auto 0; width:957px; height:154px; background:url(../images/hdr_bck.png) 0 0 no-repeat}

#wrapper {width:957px; margin:0 auto; padding:15px 0; background:url(../images/wrapper_bg.png) right 16px no-repeat}

	#navigation {float:left; width:168px; margin:0 auto; padding:0; list-style-type:none; background:url(../images/nav_bck.png) 50% top no-repeat}
		#navigation li {float:right; margin-right:8px; width:150px; height:50px; font-size:18px; color:#333}
			#navigation li a {display:block; height:38px; padding-top:23px; text-align:center; color:#333; text-decoration:none}
				#navigation li a:hover {color:#999999; text-decoration:none}
					
	#content {float:right; width:726px; padding:0 22px 193px 0}

		#intro {float:left; width:726px; margin:0}
		
		#content .last_column {margin-right:0}
			
		.three_columns {float:left; display:inline; margin-right:30px; width:222px}
			#content .last_colum {margin-right:0}

		#image {clear:both; float:right; margin-top:24px}
			#image img {border:2px solid #262626}
			
		#footer {clear:both; padding-top:100px; font-size:.85em}