/*	--------------------------------------------------
	=Global Reset
	-------------------------------------------------- */
	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*	--------------------------------------------------
	=Links
	-------------------------------------------------- */
	a, a:visited { color: #0293d4; text-decoration: underline; outline: 0; font-style: inherit; font-weight: inherit; line-height: inherit; }
	a:hover { color: #0275a9; }

	a.muted, a.muted:visited { color: #777; }
	a.muted:hover { color: #555; }
	
	h1 a, h1 a:visited { color: #333; text-decoration: none; font-weight: bold; }
	h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
	h4 a:hover, h5 a:hover { text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }

	h2 a, h2 a:visited,
	h3 a, h3 a:visited { text-decoration: none; }
	
	/* Learn more links */
	p.learn-more a,
	p.learn-more a:visited { background: url(../images/global/button-learn-more.gif) no-repeat 0 0; display: block; width: 120px; height: 30px; text-indent: -999em; overflow: hidden; position: relative; }
	p.learn-more a:hover { background-position: 0 -30px; }
	p.learn-more a:active { top: 1px; }
	
/*	--------------------------------------------------
	=Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; }
	h1 { font-size: 36px; line-height: 1; }
	h2 { font-size: 30px; line-height: 1.2; margin: 0; letter-spacing: -1px; }
	h3 { font-size: 21px; line-height: 24px; margin: 6px 0 0; letter-spacing: -1px; }
	h4 { font-size: 18px; line-height: 24px; margin: 3px 0 0; }
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 13px; line-height: 18px; }

	p 		{ font-size: 13px; line-height: 18px; margin: 0 0 18px; color: #444; }
	p img 	{ margin: 0; }
	p.lead,	/* { font-size: 18px; line-height: 24px; margin: 0 0 27px; color: #777; } */
	p.large { font-size: 14px; line-height: 20px; margin: 0 0 18px; color: #777; }
	
	em 		{ font-style: italic; font-weight: inherit; line-height: inherit; color: #555; }
	strong 	{ font-style: inherit; font-weight: bold; line-height: inherit; }
	
	blockquote, blockquote p { font: 14px/20px "Georgia", Times New Roman, Times, serif; font-style: italic; color: #777; }
	blockquote { background: url(../images/global/quote-mark.png) no-repeat 0 0; padding-left: 30px; }
	blockquote p { margin: 0 0 18px; }
	blockquote img { float: left; margin: -5px 15px 0 0; }
	blockquote cite { font: 12px/18px "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; }
	
	p small { font-size: 91.666667%; line-height: 1.616161; }
	h1 small { font-size: 66.666667%; color: #777; }
	
	h1.muted, h2.muted, h3.muted, h4.muted, h5.muted { font-weight: normal; }
	h3 em { font-weight: normal; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 26px 0 27px; height: 0; }
	hr.spacious { margin: 26px 0 27px; }
	body.ie6 hr { margin: 8px 0 9px; }
	
	address { color: #333; font-size: 13px; line-height: 18px; margin: 0 0 18px; }
	
	code, pre { font: 1em/1.5 "Monaco", "Courier New", "Courier", monospace; color: #e33100; }
	
	pre {  }

/*	--------------------------------------------------
	Media
	-------------------------------------------------- */
	img {  }
	img.left { margin: 0 20px 18px 0; }

/*	--------------------------------------------------
	=Lists
	-------------------------------------------------- */

	dt 			{ font-size: 13px; line-height: 18px; font-weight: bold; color: #333; }
	dd 			{ margin: 0 0 18px; font-size: 13px; line-height: 18px; }

	ol, ul 		{ margin: 0 0 18px 36px; }
	ol 			{ list-style: decimal; }
	ul 			{ list-style: square; }
	ol.clean,
	ul.clean	{ margin: 0 0 18px; padding: 0; list-style: none; }
	li 			{ font-size: 13px; line-height: 18px; }
	li ol,
	li ul 		{ margin: 0 2em; }
	li li 		{ font-size: 1em; }
	
	.clearsaleing { margin: 0 30px 18px; padding: 0; list-style: none; }
	.clearsaleing li { background: url(../images/global/sale-bullet.gif) no-repeat 0 3px; padding: 3px 0 3px 24px; }

/*	--------------------------------------------------
	=Tables
	-------------------------------------------------- */
	table { width: 100%; margin: 0 0 1.8em; }
	thead, ul li.thead { background: #333; text-shadow: 0 1px 1px #222; }
	td, th, ul li.thead span { font-size: 1.2em; line-height: 1.5; padding: 4px 5px; }
	th, ul li.thead span { font-weight: bold; color: #fff; }
	th.select { -webkit-border-top-left-radius: .6em; }
	th.status { -webkit-border-top-right-radius: .6em; }
	tr.alt td { background: #f5f5f5; }
	table a, table a:visited { text-decoration: none; }
	table a:hover { text-decoration: underline; }
	table td.date { width: 100px; }
	table a.muted, table a.muted:visited { color: #ccc; margin-left: 5px; }
	table tbody tr:hover a.muted, table tbody tr:hover a.muted:visited, table a.muted:hover { color: #777; }

/*	--------------------------------------------------
	=Forms
	-------------------------------------------------- */

	form { margin: 0 0 18px; padding: 0; }
	form fieldset { margin: 0 0 9px; }
	label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: ; }
	form input.text-input, form textarea { display: block; background: #fff; margin: 0; padding: 3px 4px; width: 206px; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; border: 1px solid #ccc; border-top-color: #999; border-left-color: #999; color: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #fff; }
	form input.text-input:focus, form textarea:focus { outline: none; border-color: #999; background: #f5f5f5; }
	form input.medium, form textarea.medium { width: 324px; } /* 340px */
	form input.large, form textarea.large { width: 566px; } /* 580px */
	form input.fluid, form textarea.fluid { width: 680px; }
	form input.title { font-size: 14px; }
	form hr { border-bottom: 1px solid #fff; margin: 17px 0; }
	
	/* Sets of checkboxes and radio buttons */
	ul.options { margin: 0 0 18px; padding: 0; list-style: none; }
	ul.options li {  }
	ul.options li label { font-weight: normal; }
	ul.options li input.radio,
	ul.options li input.checkbox {  }
		
/*	--------------------------------------------------
	=Buttons
	
	Buttons are a great way to add some benefit to a 
	design by enticing users to click them over links.
	In our case, we have a simple, easy to remember 
	syntax for creating these buttons:
	
		<button class="small button on-white">
		<button class="medium button on-gray">
		<button class="large button on-dark-gray">

	Easy to remember, easy to use, easy to scale, and
	a wonderfully time-tested approach to using CSS 
	classes to build something.	
	-------------------------------------------------- */
	
	
/*	--------------------------------------------------
	=Structure
	-------------------------------------------------- */
	html { overflow-x: hidden; }
	body { background: #fff url(../images/global/body.jpg) no-repeat top center; font: normal 62.5%/1 "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; text-shadow: 0 0 1px rgba(0,0,0,0.01); color: #333; width: 100%; display: table; }
	body.ff2 { opacity: .999; } /* Enable antialiased text for Firefox 2 users */

	/*	Container ------------------------------------- */
	#wrapper { width: 100%; overflow: hidden; }
	#container { position: relative; width: 980px; margin: 0 auto; padding: 0; z-index: 3; overflow: hidden; }
	
	/*	Backgrounds ---------- */
	div.band { background: #03274d; position: absolute; top: 29px; left: 0; width: 100%; height: 45px; z-index: 2; }
	div.container-bg { background: url(../images/sections/container.jpg) no-repeat 0 0; width: 760px; height: 756px; position: absolute; top: 135px; left: 50%; z-index: -1; margin-left: -270px; display: table; }
	
	/*	Homepace BGs ----- */
	body#frontPage { background-image: url(../images/home/frontpage-bg-tightened.jpg); }
	body#frontPage div.container-bg { background-image: url(../images/home/container-tightened.jpg); top: 306px; width: 980px; margin-left: -490px; }
	
	/*	Header ---------------------------------------- */
	#header { position: relative; margin: 0 0 18px 10px; }
	#header a,
	#header a:visited { color: #fff; font-weight: bold; }
	
	#header h3 { margin: 0; padding: 0; }
	#header h3 a,
	#header h3 a:visited { display: block; background: url(../images/global/clearsaleing-logo.png) no-repeat 0 0; width: 240px; height: 135px; margin: 0; text-align: center; text-indent: -999em; }
	
	#header p { position: absolute; top: 5px; left: 256px; color: #c3e1ef; }
	
	#header ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 38px; left: 245px; width: 720px; margin-left: -1px; }
	#header li { display: inline; }
	#header li a,
	#header li a:visited { display: inline; float: left; margin-left: 1px; padding: 4px 11px 5px; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px rgba(0,0,0,.5); }
	#header li a:hover { opacity: .5; }
	#header li.active a,
	#header li.active a:visited { background: rgba(0,0,0,0.5); border-top: 1px solid rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); -webkit-border-radius: 13px; -moz-border-radius: 13px; }
	#header li.active a:hover { opacity: 1; }
	
	/*	Footer ---------------------------------------- */
	#footer { margin: 36px 20px 0; padding: 17px 0 18px; border-top: 1px solid #ddd; }
	#footer div { float: right; width: 480px; text-align: right; }
	#footer p { margin: 0; text-align: right; }
	#footer ul { margin: 0; padding: 0; list-style: none; text-align: right; }
	#footer li { display: inline; padding: 0 10px 0 0; }
	#footer li.last { padding-right: 0; }
	#footer address {  }

	/*	Main Page Contents ---------------------------------------- */
	div#content { position: relative; margin: 0 20px; }
	div#content div#contentMain { background-color: #fff; background-repeat: no-repeat; background-position: top right; width: 640px; min-height: 576px; margin: 0; padding: 36px 40px 36px 0; float: left; z-index: 80; position: relative; display: inline; }
	div#content div#contentSec { width: 260px; float: left; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); z-index: 100; position: relative; display: inline; }
	
	/*	Home Page Contents ---------------------------------------- */
	div#contentFull { background: none; margin: 18px 20px 0; padding: 27px 30px 0; min-height: 540px; }
	div#contentFull div#contentMain { background-color: #fff; width: 580px; }
	div#contentFull div#contentSec { width: 270px; margin-left: 30px; }
	
	/*	Secondary Pages ---------------------------------------- */
	body.secondary-page div.container-bg { background-image: url(../images/secondary/container.jpg); width: 980px; top: 135px; margin-left: -490px; }
	body.secondary-page div#content div#contentMain { margin: 0; width: auto; padding: 36px 30px; min-height: 0; }
	body.secondary-page div.column-row { width: 900px; }

	/*	Sidebar Lists ---------------------------------------- */	
	div#contentSec ul { margin: 0 0 18px; padding: 0; list-style: none; }
	div#contentSec li { color: #777; }
	div#contentSec li a,
	div#contentSec li a:visited { text-decoration: none; }

	/*	Sidebar Nav ---------------------------------------- */
	div#contentSec ul.side-nav { margin: 0; padding: 18px 0; background: url(../images/sidebar/sidebar-nav-bg.jpg) no-repeat 0 0; }
	ul.side-nav li {  }
	ul.side-nav li a,
	ul.side-nav li a:visited { display: block; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; height: 36px; line-height: 36px; padding: 0 20px; width: 210px; white-space: nowrap; }
	ul.side-nav li a:hover { opacity: .5; }
	ul.side-nav li.current_page_item a,
	ul.side-nav li.current_page_item a:visited { background: url(../images/sidebar/side-nav-active.png) no-repeat 0 0; border: 0; width: 200px; height: 42px; line-height: 36px; margin: 0 0 -6px -10px; padding-left: 30px; }
	ul.side-nav li.current_page_item a:hover { opacity: 1; }
	ul.side-nav li span { display: none; }
	
	/*	Sidebar Content Block ---------- */
	ul.side-nav li.aside { width: 180px; padding: 0 20px 9px; }
	ul.side-nav li.aside p { margin: 0; color: #c9d0d7; }
	div#contentSec ul.side-nav li.aside p a, 
	div#contentSec ul.side-nav li.aside p a:visited { font-size: 13px; line-height: 18px; color: #fff; font-weight: bold; padding: 0; text-decoration: underline; }
	
	/*	Sidebar sections for the blog (text on white) ---------- */
	div.section { width: 220px; margin: 0 0 18px; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
	
	/*	Contact Us in Sidebar ---------- */
	div#contactUs { background: url(../images/sidebar/get-started-bg.png) no-repeat 0 0; margin: 0 0 18px; width: 220px; }
	div#contactUs div.wrap { padding: 18px 20px 0; }
	div#contactUs h3, 
	div#contentSec div#contactUs h3 { font-size: 18px; font-weight: bold; margin: 0; padding: 0; color: #febe12; }
	div#contactUs ul { margin: 0; padding: 0 0 18px; list-style: none; }
	div#contactUs li { color: #fff; }
	div#contactUs li.phone { font-weight: bold; background: url(../images/sidebar/contact-phone.gif) no-repeat left center; padding-left: 22px; line-height: 24px; }
	div#contentSec div#contactUs li a,
	div#contentSec div#contactUs li a:visited { color: #9acfec; background-repeat: no-repeat; background-position: left center; padding-left: 22px; line-height: 24px; text-decoration: underline; }
	div#contactUs li.email a { background-image: url(../images/sidebar/contact-envelope.gif); }
	div#contactUs li.demo a { background-image: url(../images/sidebar/contact-display.gif); }
	

/*	--------------------------------------------------
	Page Headers, Secondary Headers, Section Headers
	-------------------------------------------------- */

	/*	Page Headers for Our Key Pages ---------- */
	div.page-header { margin: 0 0 18px; }
	div.page-header h1 { margin: 0 0 9px; font-size: 36px; line-height: 36px; letter-spacing: -2px; color: #222; }
	div.page-header p { margin: 0; font-size: 14px; line-height: 20px; color: #555; }
	
	/*	Secondary, smaller version of the page headers ----- */
	div.page-header.secondary {  }
	div.page-header.secondary h1 { margin: 0; font-size: 36px; letter-spacing: -1px; }
	
	/*	Section Headers for sub pages of every section ----- */
	div.section-header {  }
	div.section-header h3 { margin: -9px 0 36px; padding: 0 0 8px; border-bottom: 1px solid #ddd; font-weight: normal; }
	div.section-header h3 a, 
	div.section-header h3 a:visited { color: #555; }
	div.section-header h3 a:hover { color: #333; }


/*	--------------------------------------------------
	=Grid
	-------------------------------------------------- */	
	.column-row { margin: 0 0 18px -20px; }
	.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }

	.one 					{ width: 40px; }
	.two 					{ width: 100px; }
	.three 					{ width: 160px; }
	.four 					{ width: 220px; }
	.five 					{ width: 280px; }
	.six 					{ width: 340px; }
	.seven 					{ width: 400px; }
	.eight 					{ width: 460px; }
	.nine 					{ width: 520px; }
	.ten 					{ width: 580px; }
	.eleven 				{ width: 640px; }
	.twelve 				{ width: 700px; }
	.thirteen 				{ width: 760px; }
	.fourteen 				{ width: 820px; }
	.fifteen 				{ width: 880px; }
	.sixteen 				{ width: 940px; }
	.one-half 				{ width: 420px; padding-right: 10px; }
	.one-third 				{ width: 280px; }
	.two-thirds 			{ width: 580px; }
	.eleven .column-row 	{ width: 660px; }
	.twelve .column-row 	{ width: 760px; }
	
	.offset-by-one-half 	{ margin-left: 50px; }
	.offset-by-one 			{ margin-left: 80px; }
	.offset-by-two 			{ margin-left: 140px; }
	.offset-by-three 		{ margin-left: 200px; }
	.offset-by-four 		{ margin-left: 260px; }
	.offset-by-five 		{ margin-left: 320px; }
	.offset-by-six 			{ margin-left: 380px; }
	.offset-by-seven 		{ margin-left: 440px; }
	.offset-by-eight 		{ margin-left: 500px; }
	.offset-by-nine 		{ margin-left: 560px; }
	.offset-by-ten 			{ margin-left: 620px; }
	.offset-by-eleven 		{ margin-left: 680px; }
	.offset-by-twelve 		{ margin-left: 740px; }
	.offset-by-thirteen 	{ margin-left: 800px; }
	.offset-by-fourteen 	{ margin-left: 880px; }
		
	.last { margin: 0; }
	
	/* Clear the columns automagically, thanks @kneath */
	.column-row:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .column-row, * html #content { height: 1%; }
	.column-row, #content { display: inline-block; }
	.column-row, #content { display: block; }

/*	IE6 Problems ---------- */
	body.ie .column-row 			{ width: 960px; }
	
	body.ie div#contentMain div.column-row { width: 660px; }
	body#contactPage.ie div#contentMain div.column-row { width: 900px; }
	
	/*	Special ClearSaleing Grid ---------- */
	div.two-col { width: 670px; margin-left: -30px; }
	div.two-col div.column { width: 305px; margin-left: 30px; }
	div.two-col div.narrow { padding: 18px 15px 9px; width: 210px; background: #ebf7fc; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	div.two-col div.wide { width: 365px; }
		
/*	----------------------------------------
	Alerts & Errors
	---------------------------------------- */
	/* Plain, Simple Alert */
	p.alert, p.warning, p.error, p.success, p.info { background-image: url(/images/alert-overlay.png); background-repeat: repeat-x; margin: 0 0 18px; padding: 9px 15px; -webkit-border-radius: .6em; -moz-border-radius: .6em; -webkit-box-shadow: 0 2px 3px #ccc; }
	p.alert a, p.warning a, p.error a, p.success a, p.info a { color: #fff; font-weight: bold; text-decoration: underline; }
	p.alert small { color: #777; }

	/* Warnings */
	p.warning { background-color: #ffb515; color: #fff; }
	p.warning small { color: #d17200; }

	/* Errors */
	p.error { background-color: #df4729; color: #fff; }
	p.error strong { color: #fff; }
	p.error small { color: #930; }

	/* Success */
	p.success { background-color: #a5c941; color: #fff; }
	p.success strong { color: #fff; }
	p.success small { color: #360; }
	
	p.info { background-color: #73cacf; color: #fff; }
	p.info small { color: #007d9a; }

	body.ie6 p.alert, 
	body.ie6 p.warning, 
	body.ie6 p.error, 
	body.ie6 p.success, 
	body.ie6 p.info { background-image: none !important; position: relative; }

/*	--------------------------------------------------
	=Figures & Images
	-------------------------------------------------- */
	div.figure 						{ background: #eee; margin: 0 0 18px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
	div.figure img, 
	div.post div.figure img 		{ display: block; margin: 0; border: 1px solid #ccc; }
	div.figure cite 				{ display: block; padding: 8px 10px; font-size: 13px; line-height: 18px; color: #555; }
	div.figure cite strong 			{ color: #333; }
	
	div.simple.figure 				{ background: #fff; }
	div.simple.figure img 			{ border: 0; }
	div.simple.figure cite 			{ padding: 8px 0; color: #777; }
	div.simple.figure cite strong 	{ color: #555; }

	div.clean.figure img			{ border: 0; margin: 1px; }
	
	div.floated.figure, 
	div.right.figure				{ float: right; margin: 0 0 18px 20px; }
	div.left.figure 				{ float: left; margin: 0 20px 18px 0; }
	
	div.medium.figure 				{ width: 322px; } /* 340px */
	div.small.figure 				{ width: 202px; } /* 220px */


/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */
	.left	{ float: left; }
	.right	{ float: right; }
	.clear	{ clear: both; }
	.muted	{ color: #777; }
   
	ul.pagination { margin: 0; padding: 0; list-style: none; height: 42px; }
	ul.pagination li { display: inline; line-height: 1; }
	ul.pagination li a, ul.pagination li a:visited { float: left; display: block; padding: 8px 10px; text-decoration: none; font-weight: bold; border: 1px solid #ddd; }
	ul.pagination li.next a, ul.pagination li.next a:visited { float: right; }

	/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */

	.right { float: right; }
	.important { color: #e33100; }
	.centered { text-align: center; }
	div.spacer { clear: both; }