/* 
	Style Sheet for Queen Anne Dispatch
	Author: Julia Um
	Date: 8/9/2009		
*/ 

*{margin:0; padding:0;}

/* Reset from Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
 v1.0 | 20080212 */
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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.clear{clear:both;}
h1{font-size: 1.5em; font-weight: lighter; color: #333; padding-bottom: 10px;}
h2{font-size: 1.5em; font-weight: lighter; color: #333;}
h1.unseen{display:none;}
strong{font-weight: bold; font-size: 1.1em;}
a{text-decoration:none; color:#222;}
a:hover{text-decoration:underline; color: #336699;}


body {
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color:#888;	
}

#container{width:900px; height: 840px; margin: 0 auto;}

/*header*/
#header{width: 100%; height: auto;}
#logo{width: 100%; margin: 10px 0 0 0;}

/*main nav*/
#nav{width: 100%; margin: 20px 0; font-family: georgia, serif; font-size: 16px; font-weight:medium;}
#nav ul{width: 900px; margin: 0 auto;}
#nav ul li{list-style-type:none; display:inline; margin: 0 40px;}
#nav ul li a{color: #000; text-decoration:none;}
#nav ul li a:hover{text-decoration:underline;}
#nav ul li a.current{color:#888;}

/*content*/
#content{width:900px; margin: 0 auto;}
#main{width:auto; height: 320px; background-color:#f5f6f6; padding: 30px 0 0 40px;}
#spotlight{float:left;}
#main div#copy{float:right; width: 390px; margin:9px 0 0 0; padding-right: 30px;}
#main div#copy_wide{float:left; padding-right: 35px;}

/*services*/
img#services_list{}
p.services{text-align:center; margin-top: 20px;}


/*divider*/
#services_line{background: #fff url(images/services_line.gif) 0 0 no-repeat; width:100%; height: 36px; margin: 5px 0;}

/*bottom modules*/
#contact{width: 280px; height: 175px; float:left; background: #f5f6f6;}
#ad{width: 280px; height: 175px; float:left; background: #f5f6f6 url(images/ad.gif) 0 0 no-repeat; margin:0 0 0 29px;}
#newsletter{width: 280px; height: 175px; float:left; background: #f5f6f6; margin: 0 0 0 29px;}

/*footer*/
#footer{width: 900px; margin: 30px 0 0 200px; font-family: georgia, serif; font-size: 10px; font-weight: medium; color: #000;}

/*shipping page */
#logo_black{width:182px; margin: 10px auto;}
#address{font-family: georgia, serif; font-size: 20px; color: #373737; width: 450px; text-align:center; margin: 40px auto 0;}
#main_shipping{width: 898px; height: 573px; background: #f5f6f6 url(images/shipping_BG.jpg) 0 0 no-repeat; font-family: georgia, serif;}
.logos{margin-top: 7px;}
#services{width: 400px; float:left; font-size: 14px; color:#373737; padding: 20px;}
#accept{width: 350px; float:right;  font-size: 14px; color:#373737; padding: 20px 20px 20px 20px;}
#services ul, #accept ul{list-style-type:none; text-indent:-9999px;}
#salesCopy{text-align: center; margin-top: 200px; color:#333333; font-size: 14px; line-height: 1.5em; letter-spacing:0.2em;}
p.gray{color: #999999;}
#cta_button{background:#3b3b3b; width: 450px; margin: 20px auto 20px; padding: 10px; text-align:center; font-family: georgial, serif; font-size: 14px; color: #fff;  border: 4px solid #fff; 
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
   	-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
   	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);}
#cta_button a{color:#ffffff;}
#cta_button a:hover{text-decoration:none; color:#dedede;}