/*
Theme Name: 	Fidusa 2010
Theme URI:		http://www.fidusabikes.com
Version: 		1.2.1
Description: 	An horizontal/vertical grid based design using golden ratio proportions. Last update 21.04.10 
Author: 		Future Media - web design studio - Rhodes, Greece
Author URI: 	http://www.futuremedia.gr/work
*/
/*

##
## FONTS ARE DEFINED IN mac.css/win.css
##
*/

@font-face {font-family: GraublauWeb;src:url(fonts/GraublauWeb.otf) format(truetype);}

/*
----------------------------------------------------------------- 
  
	RESET
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, 
img, q, 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body 				{line-height:1.5;}
table 				{border-collapse:separate;border-spacing:0;}
caption, th, td 	{text-align:left;font-weight:normal;}
:focus 				{outline:0;}
ol, ul 				{list-style:none;}

/* --------------------------------------------------------------

	GENERAL ELEMENTS

-------------------------------------------------------------- */

body 				{/*The font-size percentage is of 16px. (0.875 * 16px = 14px) */
					font-size:87.5%;color:#444;background:#f0f0f0 url(images/body-back.png) repeat-x;line-height:1.5em;}
a           		{color:#0072bc;text-decoration:none;}				
a:focus, 
a:hover     		{color:#3baafe;}
a img				{border:none;}
p           		{margin:0 0 1.5em;line-height:1.5em;}
h1,h2,h3,h4,h5,h6 	{font-size:1em;line-height:1.5em;font-weight:normal;color:#111;margin-bottom:1.5em}			
hr 					{background:#fafafa;color:#fafafa;clear:both;float:none;width:100%;height:0.5em;margin:0 0 1.00em;border:none;}
.clear 				{clear:both;}

/* -------------------------------------------------------------- 
   
   MAIN LAYOUT CONTAINERS
   
-------------------------------------------------------------- */

#header				{width:100%;height:126px;}
#main,				
#panel,
#footer				{width:948px;position:relative;margin:0 auto;overflow:hidden;}
#main				{background:#f0f0f0 url(images/fi4-head.png) no-repeat left top;}
#panel				{height:336px;background:url(images/panel.png) no-repeat left top;text-shadow:rgb(182, 234, 255) 0px 1px 0px;}
#footer				{min-height:166px;background:url(images/fi4-footer-2.png) no-repeat center top;}
.top        		{margin-top:0;padding-top:0;position:relative;}
#main .top			{position:relative;width:900px;margin:0 auto;min-height:106px;overflow:hidden;background:transparent url(images/fi4-top.png) no-repeat center top;}
#main .content		{width:898px;margin:0 auto;position:relative;overflow:hidden;background:#fafafa;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
#header .content	{width:900px;margin:0 auto;padding:0;}
#footer .content	{padding:28px;text-align:center;}
#imgholder			{width:900px;height:294px;margin:0 auto;overflow:hidden;}

.container900		{width:900px;margin:0 auto;}
.container852 		{width:852px;margin:0 auto;}
.container804 		{width:804px;margin:0 auto;}
.showgrid			{position:absolute;width:100%;height:200%;z-index:500;background:url(images/grid.png);}

.box				{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

/* -------------------------------------------------------------- 

	GENERAL TYPOGRAPHY SETTINGS

-------------------------------------------------------------- */

/* Font settings
-------------------------------------------------------------- */

body 				{font-family:Calibri, Arial, Helvetica, sans-serif;}
pre,code,tt 		{font:1em "Andale Mono", "Courier New", "Lucida Console", monospace;line-height:1.5;}
.serif				{font-family:Cambria, Georgia, "Times New Roman", Times, serif;}
.sans				{font-family:"Helvetica Neue", Arial, sans-serif;}
.special			{font-family:GraublauWeb, Arial, sans-serif}
.monospace			{font-family:"Andale Mono", "Courier New", "Lucida Console", monospace;}
.small      		{font-size:.9em;margin-bottom:21px;line-height:21px;}
.large      		{font-size:1.14286em;line-height:1.3125;margin-bottom:1.3125em;}
.wh_shadow			{text-shadow:rgb(255, 255, 255) 0px 1px 0px;}
.bl_shadow			{text-shadow:rgb(90, 90, 90) 0px 1px 0px;}

/* Headings
-------------------------------------------------------------- */

h1 					{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 					{font-size:2em;margin-bottom:0.75em;}
h3 					{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 					{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 					{font-size:1em; font-weight: bold;margin-bottom:1.5em;}
h6 					{font-size:1em;font-weight:bold;}

/* Text elements
-------------------------------------------------------------- */

p img.left  		{float:left;margin:1.5em 1.5em 1.5em 0; padding: 0;}
p img.right 		{float:right;margin:1.5em 0 1.5em 1.5em;}

blockquote  		{margin:1.5em;color:#666;font-style:italic;font-size:1em;line-height:1.5em;}
strong      		{font-weight:bold;}
em,dfn     			{font-family:Georgia, "Times New Roman", Times, serif;color:#852c26;}
dfn         		{font-weight:bold;}
sup, sub    		{line-height:0;}

abbr, 
acronym     		{border-bottom:1px dotted #666;}
address     		{margin:0 0 1.5em;font-style:italic;}
del         		{color:#666;}
pre 				{margin:1.5em 0;white-space:pre;}
pre,code,tt 		{font-size:1em;line-height:1.5;}

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

li ul, 
li ol       		{margin:0 1.5em;}
ul, ol      		{margin:0 1.5em 1.5em 1.5em;}
ul          		{list-style-type:disc;}
ol          		{list-style-type:decimal;}
dl          		{margin:0 0 1.5em 0;}
dl dt       		{font-weight:bold;}
dd          		{margin-left:1.5em;}

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

fieldset    		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      		{font-weight: bold; font-size:1.2em; }
input.text, input.title, textarea, 
select				{margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, 
select:focus		{border:1px solid #666;}
input.text, 
input.title   		{width:300px;padding:5px; }
input.title   		{font-size:1.5em; }

/* Tables
-------------------------------------------------------------- */

table				{width:100%;}
th					{font-weight:bold;}
thead th			{background:#c3d9ff;}
th,td,caption		{padding:4px 10px 4px 5px;}
tr.even td			{background:#e5ecf9;}
tfoot				{font-style:italic;}
caption				{background:#eee;}

/* Misc classes
-------------------------------------------------------------- */

.hide       		{display: none; }

.quiet      		{color: #666; }
.loud       		{color: #000; }
.highlight  		{background:#ff0; }
.added      		{background:#060; color: #fff; }
.removed    		{background:#900; color: #fff; }

.first      		{margin-left:0; padding-left:0; }
.last       		{margin-right:0; padding-right:0; }
.bottom     		{margin-bottom:0; padding-bottom:0; }

.columns-2			{-webkit-column-count:2;-webkit-column-gap:24px;/*-webkit-column-rule:1px solid rgb(255, 255, 255*/
					-moz-column-count:2;-moz-column-gap:24px;/*-moz-column-rule:1px solid rgb(255, 255, 255);*/}
.columns-2 h2		{-webkit-column-span:all;-moz-column-span:all;}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    		{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error      		{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice     		{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success    		{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a    		{color:#8a1f11;}
.notice a   		{color:#514721;}
.success a  		{color:#264409;}

/* -------------------------------------------------------------- 

	SPECIAL CLASSES & FORMATING
	
-------------------------------------------------------------- */

#header h1 a			{display:block;width:216px;height:60px;float:left;text-indent:-9999px;}
#footer p				{margin:18px 0 0 0;}
#footer h5 a			{display:block;position:absolute;bottom:20px;right:20px;width:170px;height:40px;float:left;text-indent:-9999px;}
#footer h5 a:hover		{border:1px solid #ddd;}
.fidusa					{padding:6px;background:#eee;-moz-border-radius:2px;-webkit-border-radius:3px;text-shadow:rgb(255, 255, 255) 0px 1px 0px;}

/* Main Navigation Bar
-------------------------------------------------------------- */

ul#navigation			{list-style:none;outline:none;margin:0;float:right;margin:42px 24px 0 0;}
ul#navigation li		{float:left;list-style:none;background:url(images/nav/nav-main.png);}
ul#navigation li.first	{background:url(images/nav/nav-first.png);}
ul#navigation li.div	{display:block;width:2px;height:44px;background:url(images/nav/nav-div.png) no-repeat top left;}
ul#navigation li.last	{background:url(images/nav/nav-last.png) top right;}
ul#navigation li a		{display:block;min-width:58px;height:42px;line-height:42px;padding:0 12px 2px 12px;text-align:center;
						font-weight:bold;color:#212121;text-shadow:rgb(255, 255, 255) 0px 1px 0px;-webkit-transition:all 0.2s linear;}
ul#navigation li a:hover{display:block;background:url(images/nav/nav-hover.png) no-repeat top center;color:#fff;text-shadow:rgb(0, 0, 0) 0px 0px 0px;}

/* FrontPage Panel 
-------------------------------------------------------------- */

#fp_optin				{padding:0;margin:0;}
#fp_optin p				{position:relative;}
#fp_optin label			{position:absolute;top:0;left:0;}
#fp_optin input			{height:1.5em;padding:5px 2px;border:none;border-bottom:1px dotted #333;margin:0 24px 0 0;background:transparent;font-weight:bold;color:#666;}
#fp_optin button		{margin:0;padding:7px 12px;background:#0c81ba;border:0;text-align:center;color:#FFF;cursor:pointer;
						font-weight:bold;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-transition:all 0.2s linear;}
#fp_optin button:hover	{background:#08577e;}

/* FrontPage Posts 
-------------------------------------------------------------- */

img.thumb					{padding:6px;border:1px solid #e5e5e5;background:#fff;-webkit-transition:all 0.2s linear;}
a:hover img.thumb			{border:1px solid #b5b5b5;background:#ccc;}
#news h4 a					{display:block;color:#000;height:2.50em;}
#news h4 a:hover			{color:#666;}
#news p.extract				{min-height:112px;color:#666;margin-top:1.5em;}


.fp-flickr					{height:3em;line-height:3em;padding-left:4em;float:left;
							background:url(images/icons/flickr_icon_42.png) no-repeat;margin-bottom:1.5em;}
.fp-facebook				{height:3em;line-height:3em;padding-left:4em;float:left;
							background:url(images/icons/facebook_icon_42.png) no-repeat;margin-bottom:1.5em;}

/* Contact Page 
-------------------------------------------------------------- */

.mmf p						{display:block;min-height:42px;line-height:21px;margin-bottom:21px;}
.mmf-form-control-wrap		{display:block;float:right;position:relative;}
.mmf img					{margin:5px 0 0 120px;}
.mmf label					{display:block;padding-top:5px;text-align:right;width:190px;float:left;margin-right:24px;}
.mmf label small			{display:block;font-size:11px;line-height:1px;text-align:right;}
.mmf input[type="text"]		{font-family:Cambria, Georgia, "Times New Roman", Times, serif;font-size:16px;
							padding:4px 2px;border:solid 1px #e5e5e5;width:334px;margin:5px 0;}
.mmf textarea				{padding:4px;border:solid 1px #e5e5e5;width:550px;height:241px;margin:21px 0;}
.mmf input[type="select"]	{}
.mmf input[type="submit"]	{font-size:16px;line-height:21px;background:#b7ddf2;border:0;margin-left:219px;
							text-align:center;color:#FFF;font-weight:bold;padding:1em;cursor:pointer;
							-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-transition:all 0.2s linear;}
.mmf input[type="submit"]:hover {background:#666;}

.mmf-not-valid-tip,			
.mmf-not-valid-tip-no-ajax	{display:block;position:absolute;top:2px;left:-150px;overflow:hidden;padding:5px;
							background:#FBE3E4;color:#8a1f11;border:1px solid #FBC2C4;}
.mmf-response-output		{display:none;background:#f0f0f0;padding:5px;}
.mmf-validation-errors		{}
.mmf-mail-sent-ok			{}

/* Newsletter subscription 
-------------------------------------------------------------- */

#optin_form						{padding:1.5em 1em;}
#optin_form input[type="text"]	{display:block;font-size:16px;padding:4px 2px;border:solid 1px #e5e5e5;margin:5px 0;color:#727d86;}
#optin_form input[type="submit"]{background:#f2d1b7;border:0;display:block;margin:30px 0 21px;
								text-align:center;color:#FFF;font-weight:bold;padding:1em;
								-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-transition:all 0.2s linear;}
#optin_form 
input[type="submit"]:hover		{background:#666;}

/* Bikes Catalog Page + Navigation Bar
-------------------------------------------------------------- */

#menubar					{overflow:hidden;padding:0;position:relative;width:900px;background:transparent url(images/fi4-menubar-top-3.png) no-repeat center top;}
#menubar ul					{list-style:none;outline:none;margin:0;margin-top:252px;
							background:transparent url(images/menubar-2.png) no-repeat center bottom;overflow:hidden;}
#menubar ul li				{float:left;list-style:none;}
#menubar ul li.div			{display:block;width:3px;height:62px;}
#menubar ul li a			{display:block;width:177px;height:62px;line-height:64px;font-size:1.5em;font-weight:bold;
							padding:0;text-align:center;color:#837534;text-shadow:rgb(255, 255, 255) 0px 1px 0px;
							-webkit-transition:all 0.2s linear;}
#menubar ul li a:hover		{display:block;background:url(images/bike-menu-hover.png) no-repeat top center;color:#fff;color:#333 !important;cursor:pointer;}
#menubar ul li.active		{color:#9d443e;}

#indicator					{display:block;width:898px;height:23px;background:transparent url(images/menubar-indicator.png) no-repeat center 0;}

#topslider 					{position:absolute;top:127px;width:900px;height:252px;overflow:hidden;font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#topslider #slider-centered {position:relative;width:900px;margin:0 auto;}
#slider-1,
#slider-2,
#slider-3,
#slider-4, 
#slider-5 					{position:absolute;top:0;left:0;height:252px;display:none;}
.slider-image 				{width:900px;height:252px;position:absolute;top:0;left:0;}
.slider-header				{position:relative;margin:120px 0 0 640px;}

#bikes						{padding-top:3em;}
.bikes-list					{background:transparent url(images/bike-back-top.png) no-repeat center top;padding-top:1.5em;}
.bikes-list	td				{padding:0;margin:0;height:63px;margin-bottom:21px;}
td.line						{height:21px;background:url(images/hr-1.png) repeat-x left center;}
.td1						{width:114px;}
.td1 img					{padding:2px;border:1px solid #e5e5e5;background:#fff;}
.td2						{width:528px;color:#666;}
.td2 a						{font-weight:bold;}
.td3						{width:114px;text-align:right;}
.td4						{height:21px;}

/* Pages Formating 
-------------------------------------------------------------- */

ul.pagelist					{padding:0;margin:0;margin-bottom:21px;background:url(images/fi4-more-all.png) no-repeat 0 0;}
ul.pagelist li				{display:block;list-style:none;line-height:42px;/*border-bottom:1px solid #f0f0f0*/;padding:0;overflow:hidden;}
ul.pagelist li.heading		{border:none;text-align:center;font-weight:bold;}
li.page_item a				{display:block;background:url(images/bullets.png) no-repeat 20px 0;padding-left:50px;}
li.page_item a:hover		{background:url(images/bullets.png) no-repeat 20px -26px;}
li.current_page_item a,
li.current_page_item a:hover{background:url(images/bullets-active.png) no-repeat 0 0;color:#333;text-align:right;padding-right:30px;}
.pageimage					{margin-bottom:1.5em;}
.moreimages					{margin-top:32px;}
.pagelist li.small      	{font-size:.9em;line-height:21px;padding:0 20px;color:#777;}
.pagelist li.register		{background:url(images/icon-register.png) no-repeat 20px 10px;padding-left:50px;}
.pagelist li.order			{background:url(images/icon-document.png) no-repeat 20px 10px;padding-left:50px;} 
.pagelist li.last			{background:url(images/fi4-more-all-inv.png) no-repeat left bottom;padding-bottom:21px;} 

							
/* Dealers List Page
-------------------------------------------------------------- */

#dealers-list				{background:transparent url(images/bike-back-top.png) no-repeat center top;padding-top:1.5em;}
#dealers-list table			{margin-bottom:42px;}
#dealers-list h3			{margin-bottom:0;}
#dealers-list tr,
#dealers-list td			{padding:0;margin:0;}
#dealers-list tr			{}
#dealers-list tr.detail		{background:transparent url(images/angle-list.png) no-repeat left bottom;}

#dealers-list .detail		{display:block;padding-bottom:1.5em;}
#dealers-list .bikefitting	{background:transparent url(images/bikefitting.png) no-repeat right top;}
#dealers-list .td1 h3		{line-height:42px;}
#dealers-list .td1			{padding-left:24px;}
#dealers-list .td2			{width:718px;padding-left:24px;}
#dealers-list .td3			{text-align:right;width:86px;}

/* Pod Paging
-------------------------------------------------------------- */
.podPager 					{}
.pageNum					{padding:0 5px;}
.currentPage				{background:#ccc;color:#fff;}

/* Bike Detail Page
-------------------------------------------------------------- */

.bike-name					{font-family:'MEgalopolisExtraRegular';}
h1.bike-name				{width:100%;height:64px;padding-left:48px;color:#ADB8C0;
							text-shadow:rgb(255, 255, 255) 0px 1px 0px;font:normal 42px/68px 'MEgalopolisExtraRegular';
							background:url(images/bike-header.png) no-repeat left top;}
#bike-main-img				{margin:0 29px 42px;}
#bike-text					{display:block;background:url(images/bike-back-top.png) no-repeat left top;overflow:hidden;}
#bike-text h2				{font-weight:bold;text-shadow:rgb(255, 255, 255) 0px 1px 0px;}
#new-bike					{position:relative;top:182px;left:0px;z-index:100;}
p#description				{font-size:1.2em;color:#666;}
#specifications table		{border:1px solid #fff;color:#666;margin:0;}
#zoom						{position:absolute;top:480px;right:40px;}
#specifications table th	{color:#666;font-weight:bold;}
tr.altclr					{background:#fff;}
.aftertable					{position:relative;display:block;width:390px;height:63px;background:url(images/table-back.png) no-repeat left bottom;}
a.order						{position:absolute;top:18px;left:3px;display:block;width:120px;height:42px;overflow:hidden;text-indent:-9000px;background:url(images/order.png) no-repeat 0 0;}
a.order:hover				{background:url(images/order.png) no-repeat 0px -42px;}
#price-tag					{width:154px;height:84px;float:right;padding-right:24px;background:url(images/bike-price-tag.png) no-repeat left top;}
#price-tag p 				{line-height:74px;padding-left:50px;font-weight:bold;font-size:1.5em;color:#fff;
							text-shadow:rgb(80, 50, 80) -1px -1px 0px;/*-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);*/}


/* Dealer detail Page
-------------------------------------------------------------- */

#dealer-detail ul			{padding:0;margin:0;}
#dealer-detail li			{list-style:none;display:block;padding-left:4em;font-size:1.1428em;line-height:2.625;}
#dealer-detail li.address	{background:transparent url(images/icons/icon-address.png) no-repeat left center;}
#dealer-detail li.email		{background:transparent url(images/icons/icon-email.png) no-repeat left center;}
#dealer-detail li.tel		{background:transparent url(images/icons/icon-phone.png) no-repeat left center;}
#dealer-detail li.mob		{background:transparent url(images/icons/icon-mobile.png) no-repeat left center;}
#dealer-detail li.fitting	{background:transparent url(images/icons/icon-bikefit.png) no-repeat left center;}
#dealer-detail li.url		{background:transparent url(images/icons/icon-site.png) no-repeat left center;}

/* Post Formating 
-------------------------------------------------------------- */

.post-title					{margin-top:0.5em;font-weight:bold;}
.post-meta					{}
.post-comments-pop			{position:absolute;top:42px;right:24px;width:86px;height:56px;padding-bottom:10px;text-align:center;
							font-size:2em;line-height:56px;font-weight:bold;overflow:hidden;text-shadow:rgb(255, 255, 255) 0px 1px 0px;
							background:url(images/icons/comments-back-icon.png) no-repeat;}
.meta-comments				{}
.postimg					{margin-bottom:1.5em;}
.post-content 				{}
.post-rss					{background:url(images/icons/rss_16.png) no-repeat 0 center;padding-left:1.5em;}
.post-flickr				{height:3em;line-height:3em;padding-left:4em;background:url(images/icons/flickr_icon_42.png) no-repeat;margin-bottom:1.5em;}
.post-navigation			{padding:1.5em;overflow:hidden;/*border-top:1px solid #eee;background:#f6f6f6;*/background:#f6f6f6 url(images/post-navigation.png) no-repeat left top;color:#666;margin-bottom:1.5em;}


/* Comments Formating 
-------------------------------------------------------------- */

ul.commentlist				{list-style:none;padding:0;margin:0;}
.avatar						{float:left;}

#commentform				{width:850px;border:solid 2px #b7ddf2;background:#ebf4fb;padding:1.5em 0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
p.formheader				{display:block;color:#333;margin-bottom:1.5em;border-bottom:solid 1px #b7ddf2;padding-bottom:1.5em;}
#commentform label			{display:block;text-align:right;line-height:1em;width:183px;float:left;}
#commentform label small	{display:block;font-size:11px;font-weight:normal;text-align:right;width:183px;line-height:1em;}
#commentform input			{font-size:14px;padding:5px 2px;border:solid 1px #aacfe4;width:177px;margin:0 0 0 24px;}
#commentform textarea		{padding:4px;border:solid 1px #aacfe4;width:382px !important;margin:0;}
#commentform button			{font-size:16px;float:right;width:183px;line-height:28px;background:#b7ddf2;border:0;
							text-align:center;color:#FFF;font-weight:bold;padding:3px 0;
							-moz-border-radius:8px;-webkit-border-radius:6px;-webkit-transition:all 0.3s linear;}
#commentform button:hover	{background-color:#333;}


a.button				{display:block;width:94px;height:36px;margin:3px;line-height:36px;overflow:hidden;
						text-align:center;font-family:"Helvetica Neue", Arial, sans-serif;font-size:12px;font-weight:bold;
						background:url(images/button-94.png) no-repeat 0 0;text-shadow:rgb(255, 255, 255) 0px 1px 0px;}
a.button:hover			{background:url(images/button-94.png) no-repeat 0px -38px;}
a.sm-button				{display:inline-block;width:36px;height:36px;margin:3px;line-height:36px;
						text-align:center;font-family:"Helvetica Neue", Arial, sans-serif;font-size:12px;font-weight:bold;
						background:url(images/button-94.png) no-repeat -96px 0;text-shadow:rgb(255, 255, 255) 0px 1px 0px;}
a.sm-button:hover		{background:url(images/button-94.png) no-repeat -96px -38px;}
.more					{display:block;height:42px;background:url(images/fi4-more-all.png) no-repeat 0% 0%;}
.more-inv				{display:block;height:42px;background:url(images/fi4-more-all-inv.png) no-repeat right bottom;text-align:right;}

/* --------------------------------------------------------------
 
	GRID SETTINGS & CONTAINERS

-------------------------------------------------------------- */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, 
div.span-12 			{float:left;margin-right:24px; }

.first      			{margin-left:0;padding-left:0;}
.last, div.last 		{float:right;margin-right:0;} /* The last column in a row needs this class. */
.last       			{padding-right:0;}

/* 852 grid (for 900 width)
-------------------------------------------------------------- */

.span-1  				{width:49px;}
.span-2  				{width:122px;}
.span-3  				{width:195px;}
.span-4  				{width:268px;}
.span-5					{width:341px;}
.span-6					{width:414px;}
.span-7					{width:487px;}
.span-8					{width:560px;}
.span-9					{width:633px;}
.span-10				{width:706px;}
.span-11				{width:779px;}
.span-12  				{width:852px;margin-left:24px;}

/* Append empty cols. */
.append-1  				{padding-right:73px;} 
.append-2  				{padding-right:146px;} 
.append-3  				{padding-right:219px;} 
.append-4  				{padding-right:292px;} 
.append-5  				{padding-right:365px;} 
.append-6  				{padding-right:438px;} 
.append-7  				{padding-right:511px;} 
.append-8  				{padding-right:584px;} 
.append-9  				{padding-right:657px;} 
.append-10 				{padding-right:730px;} 
.append-11 				{padding-right:803px;} 

/* Prepend empty cols. */
.prepend-1  			{padding-left:73px;} 
.prepend-2  			{padding-left:146px;} 
.prepend-3  			{padding-left:219px;} 
.prepend-4  			{padding-left:292px;} 
.prepend-5  			{padding-left:365px;} 
.prepend-6  			{padding-left:438px;} 
.prepend-7  			{padding-left:511px;} 
.prepend-8  			{padding-left:584px;} 
.prepend-9  			{padding-left:657px;} 
.prepend-10 			{padding-left:730px;} 
.prepend-11 			{padding-left:803px;} 


div.border			{padding-right:11px;margin-right:12px;border-right:1px solid #eee;}
/* Border with more whitespace, spans one column. */
div.colborder852		{padding-right:47px;margin-right:49px;border-right:1px solid #eee;}
div.colborder900		{padding-right:49px;margin-right:51px;border-right:1px solid #eee;}

/* Gutter above/below an element */
.prepend-top			{margin-top:1.5em;}
.prepend-top-2			{margin-top:3em;}
.append-bottom			{margin-bottom:1.5em;}

/* 900 grid (for 924 width) 
-------------------------------------------------------------- */

.container900 .span-3 	{width:207px;}
.container900 .span-4  	{width:284px;}
.container900 .span-6  	{width:426px/*438px*/;}
.container900 .span-12	{width:900px;margin:0;}

/* 804 grid (for 852 width) 
-------------------------------------------------------------- */

.container804 .span-3	{width:183px;}
.container804 .span-4	{width:252px;}
.container804 .span-6  	{width:390px;}
.container804 .span-8	{width:528px;}
.container804 .span-9	{width:597px;}


/* -------------------------------------------------------------- 

	HACKS

-------------------------------------------------------------- */

.clearfix:after, .container:after, .header:after, .footer:after 
					{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix			{display:block;}