/* 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} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} 
html  { min-height:101%; }
code, kbd, samp, pre, tt, var { font-family: monaco, "Lucida Console", courier, monospace; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* BASIC TYPOGRAPHY */

html { font-size: 62.5%; font-family: "Arial, Liberation Sans", sans-serif; }
.container { line-height: 1.5em; font-size:1.2em; }

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: 700; }

p { padding-bottom:1.5em;color:#111; word-spacing:0.08em; letter-spacing:0.03em; }
p.img { margin: 0 0 1.5em 0; padding: 0;}
p img { margin: 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em;  }

h1,h2{ font-weight:normal; color: #333; font-family:sans-serif; letter-spacing: 2px; word-spacing:0.1em;  }
h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:Georgia, "Times New Roman", serif; }

h1 { font-size: 2.2em;  margin-bottom: 0.6em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-top: 0.554em; margin-bottom:0.6em; }

ul { margin: 0 1.5em 1.5em 1.5em; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 2.5em 1.5em 2.5em; }

li ul, li ol  { margin:0 1.5em; }
ol ol, ul ol { margin-left: 2.5em; }
ul li { margin-left: .75em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }

dl { margin: 0 0 1.5em 0; }
dt { font-weight: bold; margin-top: 1.5em; }
dd { margin-left: 1.5em; }
dd ul {margin-left:0;}

/* TABLE */
table {  margin-bottom: 1.5em; table-layout: fixed;}
tr, th, td { margin:0; padding:0 1.5em 0 1em; height:18px; }
caption { text-align:center; font-family:Georgia, serif;  }

/* QUOTES */

blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
blockquote *:first-child { margin: .75em 0; }
blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic; }

/* FORMS */

fieldset { padding:1.5em; margin: 0 0 1.5em 0; border: 1px solid #ccc; position:relative; }
legend { font-weight: 700; padding-left: .8em; padding-right: .8em;}
label { float:left; width:9em; display:block; clear:left; margin-right:1em; text-align:left;}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
input { padding: .3em .4em .15em .4em; }
textarea { padding: .4em; }
input[type='submit'], input[type='button'], input[type='reset'] { padding:0; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
form div { margin-bottom: 1.5em; }
form p { padding-bottom: 1em;	}

/* COLORS */

a:link { text-decoration: none; color: #36c; }
a:visited { text-decoration: none; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* 24 COLUMN GRID */
.wrapper { width:990px; margin:0 auto; background:transparent;}
.container {width:950px;margin:0 auto;}
.showgrid {background:url(../img/grid.png);}
.showlines {background:url(../img/lines.png);}
div.sn-1, div.sn-2, div.sn-3, div.sn-4, div.sn-5, div.sn-6, div.sn-7, div.sn-8, div.sn-9, div.sn-10, div.sn-11, div.sn-12, div.sn-13, div.sn-14, div.sn-15, div.sn-16, div.sn-17, div.sn-18, div.sn-19, div.sn-20, div.sn-21, div.sn-22, div.sn-23 {float:left;margin-right:10px;}
div.sn-24 {float:left;}
div.last {margin-right:0;}
.sn-1 {width:30px;}
.sn-2 {width:70px;}
.sn-3 {width:110px;}
.sn-4 {width:150px;}
.sn-5 {width:190px;}
.sn-6 {width:230px;}
.sn-7 {width:270px;}
.sn-8 {width:310px;}
.sn-9 {width:350px;}
.sn-10 {width:390px;}
.sn-11 {width:430px;}
.sn-12 {width:470px;}
.sn-13 {width:510px;}
.sn-14 {width:550px;}
.sn-15 {width:590px;}
.sn-16 {width:630px;}
.sn-17 {width:670px;}
.sn-18 {width:710px;}
.sn-19 {width:750px;}
.sn-20 {width:790px;}
.sn-21 {width:830px;}
.sn-22 {width:870px;}
.sn-23 {width:910px;}
.sn-24, div.sn-24 {width:950px;}
.sf-1 {padding-right:40px;}
.sf-2 {padding-right:80px;}
.sf-3 {padding-right:120px;}
.sf-4 {padding-right:160px;}
.sf-5 {padding-right:200px;}
.sf-6 {padding-right:240px;}
.sf-7 {padding-right:280px;}
.sf-8 {padding-right:320px;}
.sf-9 {padding-right:360px;}
.sf-10 {padding-right:400px;}
.sf-11 {padding-right:440px;}
.sf-12 {padding-right:480px;}
.sf-13 {padding-right:520px;}
.sf-14 {padding-right:560px;}
.sf-15 {padding-right:600px;}
.sf-16 {padding-right:640px;}
.sf-17 {padding-right:680px;}
.sf-18 {padding-right:720px;}
.sf-19 {padding-right:760px;}
.sf-20 {padding-right:800px;}
.sf-21 {padding-right:840px;}
.sf-22 {padding-right:880px;}
.sf-23 {padding-right:920px;}
.pf-1 {padding-left:40px;}
.pf-2 {padding-left:80px;}
.pf-3 {padding-left:120px;}
.pf-4 {padding-left:160px;}
.pf-5 {padding-left:200px;}
.pf-6 {padding-left:240px;}
.pf-7 {padding-left:280px;}
.pf-8 {padding-left:320px;}
.pf-9 {padding-left:360px;}
.pf-10 {padding-left:400px;}
.pf-11 {padding-left:440px;}
.pf-12 {padding-left:480px;}
.pf-13 {padding-left:520px;}
.pf-14 {padding-left:560px;}
.pf-15 {padding-left:600px;}
.pf-16 {padding-left:640px;}
.pf-17 {padding-left:680px;}
.pf-18 {padding-left:720px;}
.pf-19 {padding-left:760px;}
.pf-20 {padding-left:800px;}
.pf-21 {padding-left:840px;}
.pf-22 {padding-left:880px;}
.pf-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
div.reset { float:none; margin:0;}

.lf0,.lf1,.lf5,.lf10,.lf15,.lf20,.lf25,.lf30,.lf35,.lf40,.lf45,.lf50,.lf55,.lf60,.lf65,.lf70,.lf75,.lf80,.lf85,
.rt0,.rt1,.rt5,.rt10,.rt15,.rt20,.rt25,.rt30,.rt35,.rt40,.rt45,.rt50,.rt55,.rt60,.rt65,.rt70,.rt75,.rt80,.rt85,
.lfn5,.lfn10,.lfn15,.lfn20,.lfn25,.lfn30,
.tp0,.tp1,.tp5,.tp10,.tp15,.tp20,.tp25,.tp30,.tp35,.tp40,.tp45,.tp50,
.bt0,.bt1,.bt5,.bt10,.bt15,.bt20,.bt25,.bt30,.bt35,.bt40,.bt45,.bt50,
.rtn1,.rtn5,.rtn10,.rtn20,.rtn30{position:absolute;}
.lf0{left:0em;} 
.lf1{left:10px;}
.lf2{left:40px;}
.lf3{left:80px;}
.lf4{left:120px;}
.lf5{left:160px;}
.lf6{left:200px;}
.lf7{left:240px;}
.lf8{left:300px;}
.lf9{left:340px;}
.lf10{left:380px;}
.lf11{left:420px;}
.lf12{left:460px;}
.lfn1{left:-10px;}
.lfn2{left:-40px;}
.lfn3{left:-80px;}
.lfn4{left:-120px;}
.lfn5{left:-160px;}

.rt0{right:0em;}
.rt1{right:10px;}
.rt2{right:40px;}
.rt3{right:80px;}
.rt4{right:120px;}
.rt5{right:160px;}
.rt6{right:200px;}
.rt7{right:240px;}
.rt8{right:300px;}
.rt9{right:340px;}
.rt10{right:380px;}
.rt11{right:420px;}
.rt12{right:460px;}
.rtn1{right:-10px;}
.rtn2{right:-40px;}
.rtn3{right:-80px;}
.rtn4{right:-120px;}
.rtn5{right:-160px;}

.tl0{top:0em;} .tl1{top:1.6em;} .tl2{top:3.2em;} .tl3{top:4.8em;} .tl4{top:6.4em;} .tl5{top:8em;} 
.tp1 {top:1em;} .tp2 {top:2em;} .tp3 {top:3em;} .tp4 {top:4em;} .tp5 {top:5em;}
.tp10{top:10em;} .tp15{top:15em;} .tp20{top:20em;} .tp25{top:25em;} .tp30{top:30em;} .tp35{top:35em;} .tp40{top:40em;} .tp45{top:45em;} .tp50{top:50em;} 

.b10{bottom:0em;} .b11{bottom:1.6em;} .b12{bottom:3.2em;} .b13{bottom:4.8em;} .b14{bottom:6.4em;} .b15{bottom:8em;}
.bt0{bottom:0em;} .bt1{bottom:1em;} .bt2{bottom:2em;} .bt3{bottom:3em;} .bt4{bottom:4em;} .bt5{bottom:5em;}
.bt10{bottom:10em;} .bt15{bottom:15em;} .bt20{bottom:20em;} .bt25{bottom:25em;} .bt30{bottom:30em;} .bt35{bottom:35em;} .bt40{bottom:40em;} .bt45{bottom:45em;} .bt50{bottom:50em;}

.hg100 { height:100%} 

.zi1{ z-index:1;} .zi2{ z-index:2;} .zi3{ z-index:3;} .zi4{ z-index:4;} .zi5{ z-index:5;}

.bgt { background:transparent}
.bgf { background:#fff;}
.bg0 { background:#000;}

hr {background:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.5em;border:none;}
hr.space {background:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* other */

.relative { position: relative; }
.left { float:left;}
.right { float:right; }
.hidden { display:none; }
.larger { font-size:1.3em;}
.small {font-size:.9em !important;}
.normal{ font-weight:normal; }
.box { margin:1.5em; padding:1.5em;}
.txtr { text-align:right !important; }
.txtl { text-align:left !important; }
.txtc { text-align:center !important; }