/*** Created for Woot Wholesale by Unit Interactive on 11/03/09 ***/

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,
header, nav, section {
    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;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* make the browsers treat these like the blocks they are */
header, nav, section, article, hgroup	{display: block;}




/*** Grid ***/
.container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow: hidden;
}

.cont-1,.cont-2,.cont-3,.cont-4,
.cont-5,.cont-6,.cont-7,.cont-8,
.cont-9,.cont-10,.cont-11,.cont-12 {
	position: relative;
	display: inline;
	float: left;
	overflow: hidden;
}
	.cont-1	{width: 80px;}
	.cont-2	{width: 160px;}
	.cont-3	{width: 240px;}
	.cont-4 {width: 320px;}
	.cont-5	{width: 400px;}
	.cont-6	{width: 480px;}
	.cont-7	{width: 560px;}
	.cont-8 {width: 640px;}
	.cont-9	{width: 720px;}
	.cont-10{width: 800px;}
	.cont-11{width: 860px;}

.col-1,.col-2,.col-3,.col-4,
.col-5,.col-6,.col-7,.col-8,
.col-9,.col-10,.col-11,.col-12 {
	position: relative;
	display: inline;
	float: left;
	margin: 20px 10px 0 10px;
}
	.col-1	{width: 60px;}
	.col-2	{width: 140px;}
	.col-3	{width: 220px;}
	.col-4 	{width: 300px;}
	.col-5	{width: 380px;}
	.col-6	{width: 460px;}
	.col-7	{width: 540px;}
	.col-8 	{width: 620px;}
	.col-9	{width: 700px;}
	.col-10	{width: 780px;}
	.col-11	{width: 860px;}
	.col-12	{width: 940px;}

.alpha	{margin-left: 0;}
.omega	{margin-right: 0;}

.prefix-1	{padding-left: 80px;}
.prefix-2	{padding-left: 160px;}
.prefix-3	{padding-left: 240px;}
.prefix-4	{padding-left: 320px;}
.prefix-5	{padding-left: 400px;}
.prefix-6	{padding-left: 480px;}
.prefix-7	{padding-left: 560px;}
.prefix-8	{padding-left: 640px;}
.prefix-9	{padding-left: 720px;}
.prefix-10	{padding-left: 800px;}
.prefix-11	{padding-left: 880px;}

.suffix-1	{padding-left: 80px;}
.suffix-2	{padding-left: 160px;}
.suffix-3	{padding-left: 240px;}
.suffix-4	{padding-left: 320px;}
.suffix-5	{padding-left: 400px;}
.suffix-6	{padding-left: 480px;}
.suffix-7	{padding-left: 560px;}
.suffix-8	{padding-left: 640px;}
.suffix-9	{padding-left: 720px;}
.suffix-10	{padding-left: 800px;}
.suffix-11	{padding-left: 880px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0 !important;
	float: none !important;
}




/*** Float Clearing Styles ***/ 
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */




/*** Universals ***/
body {
	background: #f3f3f3;
	font-family:"Trebuchet MS", Trebuchet, Calibri, Tahoma, Arial, sans-serif;
	color: #2b2b2b;
}

#rhythm {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2000px;
	background: url(../images/rhythm.png);
}

p a	{color: #009cd3; text-decoration: none; border-bottom: 1px dotted #009cd3;}
p a:hover,
p a:focus	{border-bottom: 1px solid #009cd3;}

a.button		{height: 33px; float: left; background: url(../images/button-bg-sprite.png) no-repeat right top; font-size: 13px; color: #fff; text-decoration: none; cursor: pointer;}
a.button span	{float: left; height: 26px; padding: 7px 25px 0 25px; background: url(../images/button-bg-sprite.png) no-repeat 0 -43px;}

form ul				{margin: 0 !important;}
form label			{display: block; margin-bottom: 5px; font-size: 13px; line-height: 10px;}
form li				{margin: 19px 0 0 0 !important; list-style-type: none !important;}
form li.text input	{display: block; width: 294px; height: 20px; padding: 2px; border: 1px solid #c8c8c8; font-size: 14px;}
form textarea		{display: block; width: 294px; height: 80px; padding: 2px; border: 1px solid #c8c8c8; font-size: 14px; font-family: inherit;}
form li.button		{display: block; height: 38px; margin-top: 14px; float: left; background: url(../images/button-bg-sprite.png) no-repeat right 5px; font-size: 13px;}
form li.button input{display: block; height: 38px; margin: 0; padding: 0 25px 0 25px; border: 0; background: url(../images/button-bg-sprite.png) no-repeat 0 -38px; color: #fff; font-family: inherit; cursor: pointer;}
form li.error label	{color: #cf2f1f;}
form li.error input	{border: 1px solid #cf2f1f;}
form h2				{margin-bottom: -9px; font-size: 10px; color: #f29c01; text-transform: uppercase;}



/*** Header ***/
#page-head {
	height: 90px;
	background: url(../images/head-bg-tile.png) repeat-x 0 0;
}
	#page-head h1 	{height: 49px;}
	#page-head h1 a	{display: block; height: 49px; background: url(../images/logo-head.png) no-repeat 0 0; text-indent: -9999px;}
	
	#page-head nav			{position: relative;}
	#page-head nav ul		{position: absolute; top: 10px; right: 0;}
	#page-head nav li		{height: 30px; margin: 0 0 0 20px; float: left; overflow: hidden;}
	#page-head nav li a		{float: left; font-size: 14px; line-height: 14px; color: #fff; text-decoration: none; font-weight: bold;}
	#page-head nav li a span{float: left; height: 30px; padding: 8px 20px 0 20px; }
	
	#page-head nav li a:hover,
	#page-head nav li a:focus		{background: url(../images/nav-sprite.png) no-repeat right top;}
	#page-head nav li a:hover span,
	#page-head nav li a:focus span	{background: url(../images/nav-sprite.png) no-repeat 0 -60px;}
	
	#page-head nav li.current a		{background: url(../images/nav-sprite.png) no-repeat right -30px; color: #494949;}
	#page-head nav li.current a	span{background: url(../images/nav-sprite.png) no-repeat 0 -90px;}




/*** Home Page Bump ***/
#bump {
	padding: 0 0 19px 0;
	border-top: 1px solid #f8ce7e;
	border-bottom: 1px solid #ac7133;
	background: #ed7901 url(../images/bump-bg-tile.png) repeat-x 0 0;
}
	#bump.solo			{padding-bottom: 14px;}
	#bump h1			{height: 35px; margin-top: 29px; font-size: 34px; line-height: 26px; color: #fff;}
	
	#bump article		{margin-top: 25px; margin-bottom: 10px; padding: 0 0 10px 0; background: #f5b349; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	#bump article h1	{height: auto; margin: 17px 20px 0 20px; font-size: 22px; line-height: 1em; text-transform: uppercase; font-weight: normal;}
	#bump article p		{margin: 10px 20px 1px 20px; font-size: 13px; line-height: 20px;}
	
	#bump aside ul			{margin: 15px 0 0 0; float: left;}
	#bump aside li			{position: relative; margin: 10px 7px 7px 10px; width: 223px; float: left; background: url(../images/bump-box-bg-sprite.png) no-repeat left bottom;}
	#bump aside li img		{position: absolute; top: 10px; left: 10px;}
	#bump aside li p		{width: 140px; padding: 2px 13px 11px 70px; float: left; background: url(../images/bump-box-bg-sprite.png) no-repeat -223px 0; font-size: 12px; line-height: 15px; color: #777;}
	#bump aside li.alt p	{background: url(../images/bump-box-bg-sprite.png) no-repeat -446px 0;}
	#bump aside li p strong	{display: block; margin: 5px 0 4px 0; font-size: 13px; color: #2b2b2b;}
	#bump aside li p a		{float: right;}
	
	
	
	
/*** Content ***/
#content {
	border-top: 1px solid #fff;
	background: #fff url(../images/content-bg-tile.png) repeat-x 0 0;
}
	#content h1				{background: url(../images/hr-tile.png) repeat-x left bottom; font-size: 18px; line-height: 30px;}
	#content p				{margin: 10px 0 0 0; font-size: 13px; line-height: 20px;}
	#content dt				{margin: 10px 0 0 0; font-size: 16px; line-height: 20px; font-weight: bold;}
	#content dd				{margin-top: -10px; margin-left: 20px;}
	#content ul				{margin: 10px 0 0 20px; font-size: 13px; line-height: 20px;}
	#content ul li			{list-style: disc outside;}
	#content article		{margin-top: -2px; margin-bottom: 30px;}
	#content article section{margin-top: 30px;}
	
	#content .form-info		{margin-bottom: -20px;}
	#content .form-info p	{padding: 8px 8px 9px 8px; border: 1px solid #f29e01; background: #fbe5bf;}
	#content .success p		{border: 1px solid #2db800; background: #d3fbbf;}
	#content .failure p		{border: 1px solid #cf2f1f; background: #ffb9b2;}
	#content form 			{margin-bottom: 22px;}
	
	#content aside			{margin-top: -10px; margin-bottom: 28px; background: url(../images/content-aside-bg-sprite.png) repeat-y right top;}
	#content aside.first	{margin-top: 30px;}
	#content aside h1		{margin: 0 0 9px 0; padding: 17px 20px 0 20px !important; font-size: 16px; line-height: 12px;}
	#content aside p,
	#content aside ul		{margin: 0; padding: 10px 20px 0 20px; font-size: 12px; line-height: 20px;}
	#content aside ul li	{margin-left: 10px; list-style: disc outside;}
	#content aside ul ul	{padding: 0 10px 0 5px;}
	#content aside.first .top	{background: url(../images/content-aside-bg-sprite.png) no-repeat 0 0;}
	#content aside .top		{padding-top: 9px; background: url(../images/content-aside-bg-sprite.png) no-repeat -220px 0;}
	#content aside .bottom	{padding-bottom: 23px; background: url(../images/content-aside-bg-sprite.png) no-repeat -440px bottom;}
	
	#content aside ul a			{color: #009cd3; text-decoration: none; border-bottom: 1px dotted #009cd3;}
	#content aside ul a:hover,
	#content aside ul a:focus	{border-bottom: 1px solid #009cd3;}

	
#home-articles {
	margin-top: 30px;
	margin-bottom: 27px;
	background: url(../images/home-articles-tile.png) repeat-y 230px 20px;
}
	#home-articles hgroup		{padding: 0 20px 0 0;}
	#home-articles article h1	{background: none; font-size: 10px; line-height: 12px; color: #f29c01; text-transform: uppercase; font-weight: normal;}
	#home-articles article h2	{margin: 2px 0 0 0; font-size: 18px; line-height: 20px;}
	#home-articles article p	{margin: 15px 0 0 0; padding: 0 20px 0 0; font-size: 13px; line-height: 20px;}
	#home-articles article.last hgroup,
	#home-articles article.last p	{padding: 0;}
	#home-articles article a.button	{margin: 22px 0 0 0;}
	
	
	
	
/*** Footer ***/
#footer {
	border-top: 1px solid #ebebeb;
}
	#footer h1	{margin-top: 30px; font-size: 34px; line-height: 28px;}
	
	#footer form				{margin-top: 0;}
	#footer form li.button		{background: url(../images/button-bg-sprite.png) no-repeat right -81px;}
	#footer form li.button input{background: url(../images/button-bg-sprite.png) no-repeat 0 -124px;}
	
#testimonials {
	margin-top: 10px;
}
	#testimonials article			{position: relative; padding: 0 0 32px 0; background: url(../images/testimonial-bg.png) no-repeat 0 0;}
	#testimonials article hgroup	{position: absolute; left: 0; bottom: 0; width: 140px; height: 32px; padding-left: 160px; background: url(../images/testimonial-bg.png) no-repeat left bottom;}
	#testimonials article h2		{margin: 10px 0 0 0; font-size: 10px; text-transform: none; color: #2b2b2b;}
	#testimonials article h3		{font-size: 10px; color: #9f9f9f; font-weight: normal;}
	#testimonials article p			{margin: 3px 10px 5px 10px; font-size: 13px; line-height: 20px; color: #777;}
	
#copyright {
	margin-top: 28px;
	padding: 18px 0 30px 0;
	background: url(../images/hr-tile.png) repeat-x 0 0;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}