/*******************************
  Reset
 *******************************/

/**
 * Scrollbars in FF, Safari
 */
html,body {height:101%;}
body {margin-bottom:1px;}
/*html {overflow-y: scroll;}*/

html,body,div,dl,dt,dd,ul,ol,/*li,*/h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,/*p,blockquote,*/th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,/*strong,th,*/var{font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{/*font-size:100%;font-weight:normal;*/}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*******************************
  Fonts
 *******************************/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/*******************************
  Layout

  All widths/heights should be
  - pixels/13,321492007104795737122557726465 for IE
  - pixels/13,000520020800832033281331253250 for all other
 *******************************/
body {text-align:center;}

/* Default layout, 750 centered */
.layout {
	margin:auto;
	text-align:left;
	width:57.69em;*width:56.3em;min-width:750px;
}

/* 800 centered */
#layout-800 {
	width:61.536em;*width:60.053em;min-width:800px;
}

/* 950 centered */
#layout-950 {
	width:73.074em;*width:71.313em;min-width:950px;
}
/* 100% with 10px viewport side matting */
#layout-fluid {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;
}

.layout-section{clear:both;display: block;}

/* below required for all fluid grids; adjust widths and margins above accordingly */

/* to preserve source-order independence for Gecko */
.layout-block{position:relative;}
.layout-block{_position:static;} /* for IE < 7 */
.layout-main .layout-block {position:static;}

.layout-main {width:100%;}

/**
 * Secondary at left side
 * Default width 160px
 */
.layout-secondary-left .layout-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.layout-secondary-left .layout-block {
	float:left;
    width:13.8456em;*width:13.512em;
}

.layout-secondary-left .layout-main .layout-block {
    margin-left:14.8456em;*margin-left:14.512em;
}

/**
 * Secondary at right side
 * Default width 240px
 */
.layout-secondary-right .layout-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

/**
 * Width 240px
 */
/*.layout-secondary-right .layout-block {
	float:right;
    width:18.4608em;*width:18.016em;
}

.layout-secondary-right .layout-main .layout-block {
    margin-right:19.4608em;*margin-right:19.016em;
}*/

/**
 * Width 220px
 */
.layout-secondary-right .layout-block {
	float:right;
    width:16.9224em;*width:16.5146em;
}

.layout-secondary-right .layout-main .layout-block {
    margin-right:17.9224em;*margin-right:17.5146em;
}

.layout-secondary-right .layout-main .layout-fullscreen {
    margin-right:0;
}

/**
 * No columns
 */
.layout-secondary-bottom .layout-main .layout-block {
	display:block;margin:0 0 1em 0;
}

.layout-main .layout-block {float:none;width:auto;}

/**
 * Use the following code for a secondary column background-color
 */
/*.layout-section {
    border-right: 180px solid #ddd;
    border-width:18.4608em;*border-width:18.016em;
}

.layout-section .layout-block {
    margin-right: -18.4608em;*margin-right: -18.016em;
}*/

/* GRIDS (not TEMPLATES) */
.layout-grid .layout-unit,
.layout-grid .layout-grid,
.layout-grid-23-13 .layout-unit,
.layout-grid-23-13 .layout-grid .layout-unit,
.layout-grid-34-14 .layout-unit,
.layout-grid-14-34 .layout-unit{float:right;display:inline;}

.layout-grid div.first,
.layout-grid-23-13 div.first,
.layout-grid-23-13 div.first div.first,
.layout-grid-13-23 div.first,
.layout-grid-34-14 div.first,
.layout-grid-14-34 div.first{float:left;}

.layout-grid .layout-unit,
.layout-grid .layout-grid{width:49.1%;}

.layout-grid .layout-grid .layout-unit,
.layout-grid-23-13 .layout-grid .layout-unit{width:48.1%;}

.layout-grid-13-13-13 .layout-unit,
.layout-grid-23-13 .layout-unit,
.layout-grid-13-23 .layout-unit{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}

.layout-grid-13-13-13 div.first,
.layout-grid-23-13 div.first,
.layout-grid-13-23 div.first{margin-left:0;}

.layout-grid-23-13 div.first,
.layout-grid-13-23 .layout-unit{width:66%;}

.layout-grid-13-23 div.first{width:32%;}

.layout-grid-34-14 .layout-unit{width:24%;}

.layout-grid-34-14 div.first,
.layout-grid-14-34 .layout-unit{width:74.2%;}

.layout-grid-14-34 div.first{width:24%;}

.layout-grid-34-14 div.first{width:74.2%;}

.layout-section:after,
.layout-grid:after,
.layout-grid-13-13-13:after,
.layout-grid-23-13:after,
.layout-grid-13-23:after,
.layout-grid-34-14:after,
.layout-grid-14-34:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.layout-section,
.layout-grid,
.layout-grid-13-13-13,
.layout-grid-23-13,
.layout-grid-13-23,
.layout-grid-34-14,
.layout-grid-14-34{zoom:1;}