/*
============================================
    RESET
============================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header,  hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;font-weight: normal; }                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/*
============================================
    GRID
============================================
*/
div { position: relative; }

.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.left { float: left; }
.right { float: right; }
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size1of6{width:16.666667%;}
.size5of6{width:83.333333%;}
.size1of8{width:12.5%;}
.size1of9{width:11%;}
.size1of12{width:8.33333%;}
.break{ clear: both; }
.breakright { clear:right;}
.breakleft {clear:left;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/*
============================================
    SPACING
============================================
n = none = 0px
s = small = 5px
m = medium = 10px
l = large = 20px
*/

/* Basic Extensions */ 
.pan{padding:0}
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.ptn{padding-top:0}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prn{padding-right:0}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pln{padding-left:0}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.plxl{padding-left:50px}
.phn{padding-left:0;padding-right:0}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvn{padding-top:0;padding-bottom:0}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.man{margin:0}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mtn{margin-top:0}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrn{margin-right:0}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mln{margin-left:0}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhn{margin-left:0;margin-right:0}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mvn{margin-top:0;margin-bottom:0}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}

.ptxxl { padding-top: 150px; }
/*
============================================
    TYPOGRAPHY 
============================================
*/
body { 	color: #666; font: 13px/18px Tahoma, Verdana, Arial, sans-serif; }
p { margin: 10px 0; }

/* LINKS */
a:link, a:visited { color: #666; text-decoration: none;}
a:hover { color: #333; text-decoration: underline; }

/* HEADINGS */
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, sans-serif; }
h1 {font: bold 26px/28px Tahoma, Verdana, Arial, sans-serif;}
h2 {font: bold 16px/24px Tahoma, Verdana, Arial, sans-serif;}
h3 {font: bold 13px/18px Tahoma, Verdana, Arial, sans-serif;}
h4 {font: bold 12px/14px Tahoma, Verdana, Arial, sans-serif;}
h5 {font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;}

/* COLORS */
.txt-ltgray {color: #AAA;}

/* FONT SIZE */
.large { font-size: 16px; }
.small { font-size: 10px; }

/* VARIANTS */
.strong, .bold, strong { font-weight: bold; }

/* ALIGNMENT */
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }

/*
============================================
    LAYOUT 
============================================
*/
body { background: #FFF; min-width: 700px; margin: 0 auto; text-align: center; }
.wrapper { width: 700px; margin: 10px auto; text-align: left; }

/*
============================================
    LISTS 
============================================
*/
ul li { list-style: none; }
ul.bullets li {list-style: bullet; }	

/*
============================================
    BORDERS
============================================
*/
.border { border: 3px solid #000; }
.shadow {
-moz-box-shadow: -3px 5px 5px #888;
-webkit-box-shadow: -3px 5px 5px #888;
box-shadow: -3px 5px 5px #888;
}

