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

/*##############################################################
  Eric Meyer's Latest version of 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}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

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

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; background:#fff url(../images/body_bg.png) left top repeat-x}
a {outline:none; color:#044e77}
	a:hover {text-decoration:none}
p {line-height:1.5em}
em {font-style:italic}

h1 {float:left; margin-top:15px; font-size:1.25em; text-transform:uppercase; font-weight:bold; color:#fff}
h2 {
	margin: 15px 0;
	font-size: 1.75em;
	color: #000000
}
h3 {margin-bottom:15px; font-size:1.5em; font-weight:bold; color:#044e77}

/*#######################
  Layout Styles 
#######################*/
 
#homepage {background:#fff url(../images/shophome_body_bg.png) left top repeat-x}

#wrapper {width:970px; overflow:hidden; margin:0 auto}
	#header {padding:0 15px; width:940px; height:46px; background:#044e77 url(../images/header_bg.png) left top no-repeat}
	#homepage #header {float:left; display:inline; padding:0 15px 15px 15px; height:313px; color:#fff}
		#header img {float:left; display:inline; margin-right:15px; width:45px; height:45px}
	
			#navigation {float:right; display:inline; margin-top:15px; width:500px}
				#navigation li {float:right; display:inline; margin-right:25px; text-transform:uppercase}
					#navigation li a {color:#fff; text-decoration:none}
						#navigation li a:hover {text-decoration:underline}

			#hero {clear:both; padding-right:580px; width:360px}							
				#hero h2 {padding-top:20px; font-size:2.25em; color:#fff}
				#hero p {
	font-size: 1.15em;
	color: #000000;
}
							
		#content {clear:both; float:left; display:inline; padding:0 15px 15px 15px; width:940px}
			#content p, #content ul, #content dl, #content ol {margin:15px 0}
				#content ul li {margin:15px}
					
		#footer_wrapper {clear:both; width:100%; background:url(../images/footer_bg.png) left top repeat-x}				
			#footer {padding:20px 15px; width:940px; margin:0 auto; font-size:.9em; color:#fff}
				#footer a {color:#fff}