/*RESET*/

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;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*TEMPLATE*/

	/*BODY*/
	body { background:#e3e3e3 url(../images/bg_page_bg1.jpg) no-repeat bottom right;}
	#page { }
	.divider { height:42px;background:url(../images/link_divider.png) no-repeat;display:inline-block;width:1px;float:left;}
	.divider span { display:none;}
	.float-left { float:left;padding:3px;border:1px solid #ccc;}
	
	/*HEADER*/
	#header { width:100%;position:relative;height:68px;background:url(../images/bg_header.png) repeat-x;}
	#logo { width:34%;float:left;}
	#logo h1 a { display:block;height:48px;width:232px;background:url(../images/logo.png) no-repeat;margin:10px;}
	#logo h1 a span { display:none;}
	#logo h1 small { display:none;}
	#contact { float:left;width:33%;padding-top:20px;}
	#contact p { margin:10px;line-height:20px;float:left;}
	#contact p { font-family:Myriad Pro;text-transform:uppercase;}
	#search { float:left;width:33%;text-align:right;}
	#search form { margin:10px;padding-top:18px;text-transform:lowercase;}
	#search input { background:url(../images/bg_search.png) repeat-x;-moz-border-radius:5px;border:1px solid #ccc;padding:3px 5px;}
	
	/*NAV*/
	#nav { overflow:auto;background:#efefef;clear:both;margin:0 10px 10px 10px;-moz-border-radius:10px;border:1px solid #ccc;position:relative;}
	#nav ul li ul { display:none;position:absolute;width:200px;margin-top:0px;border:2px solid #999;margin-left:10px;}
	#nav ul li { float:left;background:#efefef;font-size:18px;margin-left:10px;}
	#nav ul li.current { font-weight:bold;text-decoration:underline;}
	#nav ul li a { color:#333;text-decoration:none;display:block;padding:10px 5px;}
	#nav ul li ul li { float:none !important;background:#fff;}
	#subnav { display:block;clear:both;background:#fff;overflow:auto;padding:0px;-moz-border-radius:10px;}
	#subnav li { background:#fff !important;font-size:14px !important;text-decoration:none !important;}
	#subnav li a { padding:10px 5px 10px 5px !important;}
	#subnav .current { font-weight:bold;}
	#cart { position:absolute;top:13px;right:15px;}
	.sub-cat { margin-bottom:20px;}
	.sub-cat li.current { font-weight:bold;}
	.sub-cat li { line-height:18px;}
	.sub-cat li li { margin-left:10px !important;}
	.sub-cat li li li { margin-left:10px;}
	
	/*MAIN*/
	#content-wrapper { float:left;width:100%;}
	#content { margin:0px 10px 0 10px;background:#fff;-moz-border-radius:10px;border:1px solid #ccc;}
	#the-content { margin:20px 25px;}
	
	/*FOOTER*/
	#footer { clear:both;padding:20px;position:relative;line-height:24px;color:#999;}
	#footer a { color:#999;}
	#footer p, #footer ul { float:left;width:96%;}
	#footer ul li { display:inline-block;float:left;margin-right:10px;}
	#footer .copyright { text-align:right;}
	
	/*FONTS*/
	body { font-family:Arial;font-size:14px;}
	#content h1 { font-size:32px;font-weight:normal;font-style:italic;color:#333;line-height:38px;font-family:Myriad Pro;padding-bottom:10px;border-bottom:2px solid #ccc;margin-bottom:20px;text-align:center;}
	.sub h1 { text-align:left !important;position:relative;}
	.sub h1 small { font-size:14px;position:absolute;right:0px;top:3px;}
	#content.sub h1 { text-align:left !important;}
	#content h2 { font-size:24px;font-weight:normal;color:#333;line-height:30px;margin-bottom:20px;font-family:Myriad Pro;}
	#content h3 { font-size:18px;margin-bottom:15px;}
	#content p { margin-bottom:10px;line-height:24px;}
	
	/*FORMS*/
	.form label { display:block;}
	.form .btn { background-color:#efefef;border:1px solid green;-moz-border-radius:10px;line-height:24px;padding:4px;font-size:14px;}
	
	/*BUTTONS*/
	.button { float:left;display:inline-block;margin-right:20px;}
	.button a { display:block;background:url(../images/bg_btn_blue.png) repeat-x;-moz-border-radius:5px;border:1px solid #000;color:#fff;padding:5px 20px;text-decoration:none;}
	.button a:hover { background:#fff !important;color:#0000ff;}
	.action-button { background:url(../images/bg_btn_blue.png) repeat-x;-moz-border-radius:5px;border:1px solid #000;color:#fff;text-decoration:none;font-weight:normal;margin:0 5px;padding:0 5px;}
	
	/*UTILITY*/
	.float-left { float:left;margin-right:10px;}
	.float-right { float:right;margin-left:10px;}
	.img-float { padding:2px;border:1px solid #ccc;position:relative;}
	.img-float .caption { display:block;position:absolute;left:2px;margin-top:-23px;background:#fff;-moz-border-radius-topright:10px;padding:5px 10px 5px 5px;font-style:italic;}
	
/*HOME PAGE*/
	.intro { float:left;width:100%;}
	.video { float:left;width:40%;}
	.intro h2, .intro ul { margin-left:20px;} 
	.video { text-align:center;}
	.recent { clear:both;padding-top:30px;position:relative;overflow:auto;}
	.hottest-store, .recent-blog, .recent-jobs { width:50%;float:left;}
	.recent h2 { background:#d1d1d1;border:1px solid #ccc;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;margin:0 10px 0px 10px !important;padding:5px 15px 0px 15px;}
	.hottest-store div, .recent-blog div, .recent-jobs div { border:1px solid #ccc;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;padding:10px;margin:0 10px 10px 10px;border-top:none !important;overflow:auto;}
	.recent-blog div { margin-bottom:10px;}
	.hottest-store div, .hottest-store h2 { margin-right:00px !important;}
	.recent-blog div, .recent-blog h2, .recent-jobs h2, .recent-jobs div { margin-left:20px !important;}
		/*POST & JOB FORMATTING*/
		.post h4, .job h4 { margin-bottom:15px;}
	
	
/*SUB PAGES*/
	/*GRID*/
	.two-item .page-item { float:left;width:50%;}
	.page-item h3, .page-item p { margin:10px 20px 10px 10px;}
	/*GENERAL*/
	.entry { overflow-y:auto;overflow-x:hidden;}
	.info { float:left;width:50%;}
	.media { float:left;margin-bottom:1px;width:50%;}
	.media iframe { float:right;}
	.media small { display:block;clear:both;text-align:right;line-height:36px;}
	/*MEDIA*/
	
	/*COMPANY*/
	
		/*leadership team*/
		.leaders h2 { clear:both;}
		.leaders .fpo { width:200px;height:150px;margin:0 20px 20px 0;}
		
	/*STORE*/
		.store-util { float:left;width:30%;}
		.store-content { float:left;width:70%;position:relative;}
			/*Store Listings*/
			.store-content .hottest-store, .store-content .store-listings { width:100%}
			.store-content .testimonials li { -moz-border-radius:10px;background:#efefef;border:1px solid #ccc;padding:10px 10px 5px 10px;margin:0 0 10px 0;}
			.store-items { margin:10px 10px 0 10px;}
			.store-items li { position:relative;margin-bottom:30px;float:left;width:50%;}
			.store-items li h3 { font-size:18px;margin-bottom:5px !important;padding-left:0px;margin-right:10px;}
			.store-items li h3 a { color:#333;text-decoration:none;}
			.store-items li p { margin-bottom:10px;padding-left:0px;margin-right:10px;}
			.store-items li .date { display:block;position:absolute;text-align:center;background:#efefef;-moz-border-radius:10px;border:1px solid #ccc;width:60px;padding:10px 5px;top:0px;left:0px;}
			
			.store-listings table { width:100%;}
			.store-listings table thead td { border-bottom:3px solid #ccc;font-size:14px;padding-bottom:5px;font-weight:bold;}
			.store-listings table tbody td { padding-top:5px;border-bottom:1px solid #ccc;padding-bottom:10px;}
			.store-listings .img { width:100px;height:100px;background:#ccc;border:1px solid #333;display:block;}
			.store-listings .button { float:right;}
			.store-listings .item-image { width:110px;}
			.store-listings .item-name { width:60px;padding:0 10px;}
			.store-listings .item-description {}
			.store-listings .item-cart { width:155px;}
			.store-listings .item-cart .text { width:60px;font-style:italic;-moz-border-radius:5px;border:1px solid #ccc;height:18px;padding-top:5px;text-align:center;}
			
			/*Headings*/
			.store-heading { position:relative;}
			
			/*Utility Filters*/
			.tbl-after { display:block;position:relative;padding-top:10px;height:30px;}
			.tbl-after .util-filters { top:10px;}
			.util-filters { position:absolute;right:0px;top:0px;font-size:14px;height:25px;}
			.util-filters a { display:block;float:left;padding:5px 10px;background:#efefef;border:1px solid #ccc;margin-left:10px;text-decoration:none;}
			.util-filters a.current { background:#fff;border:1px solid #333;color:#999;}
			.util-filters a:hover { background:#fff;}
			.util-filters .results-filter { margin-left:10px;padding-top:5px;}
			.util-filters .results-filter select { margin-left:5px;}
			
		.store-descrip { overflow:auto;margin-bottom:20px;}
		#hacker-safe, #auth-net { background:#efefef;border:1px solid #ccc;-moz-border-radius:10px;color:#333;padding:15px;width:200px;margin:0 0 10px 0;}
		#hacker-safe h3, #auth-net h3 { text-align:center;}
		#hacker-safe h4 { line-height:18px;text-align:center;}