/*== STRUCTURE:========================
    * Page width:900 px
    * Number of columns:26
    * Column width:25 px
    * Margin width:10 px
====================================== */
/* reset.css */
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;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; background:url(../images/bg.jpg) repeat;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

.container {width:900px;margin:0 auto;}

body {margin:0; color:#222;}

h1 {font-size:2.5em; margin-top:50px;}
h2 {font-size:1.3em; margin-top:20px;}

/* Columns
-------------------------------------- */
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, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26 {float:left;margin-right:10px;}

div.last {margin-right:0; }

.span-1  {width:25px;}
.span-2  {width:60px;}
.span-3  {width:95px;}
.span-4  {width:130px;}
.span-5  {width:165px;}
.span-6  {width:200px;}
.span-7  {width:235px;}
.span-8  {width:270px;}
.span-9  {width:305px;}
.span-10 {width:340px;}
.span-11 {width:375px;}
.span-12 {width:410px;}
.span-13 {width:445px;}
.span-14 {width:480px;}
.span-15 {width:515px;}
.span-16 {width:550px;}
.span-17 {width:585px;}
.span-18 {width:620px;}
.span-19 {width:655px;}
.span-20 {width:690px;}
.span-21 {width:725px;}
.span-22 {width:760px;}
.span-23 {width:795px;}
.span-24 {width:830px;}
.span-25 {width:865px;}
.span-26, div.span-26 {width:900px; margin:0; }


.append-1  { padding-right:35px;}
.append-2  { padding-right:70px;}
.append-3  { padding-right:105px;}
.append-4  { padding-right:140px;}
.append-5  { padding-right:175px;}
.append-6  { padding-right:210px;}
.append-7  { padding-right:245px;}
.append-8  { padding-right:280px;}
.append-9  { padding-right:315px;}
.append-10 { padding-right:350px;}
.append-11 { padding-right:385px;}
.append-12 { padding-right:420px;}
.append-13 { padding-right:455px;}
.append-14 { padding-right:490px;}
.append-15 { padding-right:525px;}
.append-16 { padding-right:560px;}
.append-17 { padding-right:595px;}
.append-18 { padding-right:630px;}
.append-19 { padding-right:665px;}
.append-20 { padding-right:700px;}
.append-21 { padding-right:735px;}
.append-22 { padding-right:770px;}
.append-23 { padding-right:805px;}
.append-24 { padding-right:840px;}
.append-25 { padding-right:875px;}


.prepend-1  { padding-left:35px;}
.prepend-2  { padding-left:70px;}
.prepend-3  { padding-left:105px;}
.prepend-4  { padding-left:140px;}
.prepend-5  { padding-left:175px;}
.prepend-6  { padding-left:210px;}
.prepend-7  { padding-left:245px;}
.prepend-8  { padding-left:280px;}
.prepend-9  { padding-left:315px;}
.prepend-10 { padding-left:350px;}
.prepend-11 { padding-left:385px;}
.prepend-12 { padding-left:420px;}
.prepend-13 { padding-left:455px;}
.prepend-14 { padding-left:490px;}
.prepend-15 { padding-left:525px;}
.prepend-16 { padding-left:560px;}
.prepend-17 { padding-left:595px;}
.prepend-18 { padding-left:630px;}
.prepend-19 { padding-left:665px;}
.prepend-20 { padding-left:700px;}
.prepend-21 { padding-left:735px;}
.prepend-22 { padding-left:770px;}
.prepend-23 { padding-left:805px;}
.prepend-24 { padding-left:840px;}
.prepend-25 { padding-left:875px;}


div.border {
  padding-right:4px;
  margin-right:5px;
  border-right:1px solid #eee;
}

div.colborder {
  padding-right:23px;
  margin-right:20px;
  border-right:1px solid #eee;
}


.pull-1 {margin-left:-35px;}
.pull-2 {margin-left:-70px;}
.pull-3 {margin-left:-105px;}
.pull-4 {margin-left:-140px;}
.pull-5 {margin-left:-175px;}
.pull-6 {margin-left:-210px;}
.pull-7 {margin-left:-245px;}
.pull-8 {margin-left:-280px;}
.pull-9 {margin-left:-315px;}
.pull-10 {margin-left:-350px;}
.pull-11 {margin-left:-385px;}
.pull-12 {margin-left:-420px;}
.pull-13 {margin-left:-455px;}
.pull-14 {margin-left:-490px;}
.pull-15 {margin-left:-525px;}
.pull-16 {margin-left:-560px;}
.pull-17 {margin-left:-595px;}
.pull-18 {margin-left:-630px;}
.pull-19 {margin-left:-665px;}
.pull-20 {margin-left:-700px;}
.pull-21 {margin-left:-735px;}
.pull-22 {margin-left:-770px;}
.pull-23 {margin-left:-805px;}
.pull-24 {margin-left:-840px;}
.pull-25 {margin-left:-875px;}
.pull-26 {margin-left:-910px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26 {float:left;position:relative;}


.push-1 {margin:0 -35px 1.5em 35px;}
.push-2 {margin:0 -70px 1.5em 70px;}
.push-3 {margin:0 -105px 1.5em 105px;}
.push-4 {margin:0 -140px 1.5em 140px;}
.push-5 {margin:0 -175px 1.5em 175px;}
.push-6 {margin:0 -210px 1.5em 210px;}
.push-7 {margin:0 -245px 1.5em 245px;}
.push-8 {margin:0 -280px 1.5em 280px;}
.push-9 {margin:0 -315px 1.5em 315px;}
.push-10 {margin:0 -350px 1.5em 350px;}
.push-11 {margin:0 -385px 1.5em 385px;}
.push-12 {margin:0 -420px 1.5em 420px;}
.push-13 {margin:0 -455px 1.5em 455px;}
.push-14 {margin:0 -490px 1.5em 490px;}
.push-15 {margin:0 -525px 1.5em 525px;}
.push-16 {margin:0 -560px 1.5em 560px;}
.push-17 {margin:0 -595px 1.5em 595px;}
.push-18 {margin:0 -630px 1.5em 630px;}
.push-19 {margin:0 -665px 1.5em 665px;}
.push-20 {margin:0 -700px 1.5em 700px;}
.push-21 {margin:0 -735px 1.5em 735px;}
.push-22 {margin:0 -770px 1.5em 770px;}
.push-23 {margin:0 -805px 1.5em 805px;}
.push-24 {margin:0 -840px 1.5em 840px;}
.push-25 {margin:0 -875px 1.5em 875px;}
.push-26 {margin:0 -910px 1.5em 910px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding:1.5em; 
  margin-bottom:1.5em; 
  background:#E5ECF9; 
}

hr {
  background:#ddd; 
  color:#ddd;
  clear:both; 
  float:none; 
  width:100%; 
  height:.1em;
  margin:0 0 1.45em;
  border:none; 
}
hr.space {
  background:#fff;
  color:#fff;
  margin-top:50px;
}


.clearfix:after, .container:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix, .container {display:inline-block;}
* html .clearfix,
* html .container {height:1%;}
.clearfix, .container {display:block;}


.clear { clear:both; }