/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container {margin: auto;width: 960px;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	display: inline; float: left;margin:0 10px;}

.container .col-1 {width: 60px;}
.container .col-2 {width: 140px;}
.container .col-3 {width: 220px;}
.container .col-4 {width: 300px;}
.container .col-5 {width: 380px;}
.container .col-6 {width: 460px;}
.container .col-7 {width: 540px;}
.container .col-8 {width: 620px;}
.container .col-9 {width: 700px;}
.container .col-10 {width: 780px;}
.container .col-11 {width: 860px;}
.container .col-12 {width: 940px;}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}


/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container .push-1 {padding-left: 80px;}
.container .push-2 {padding-left: 160px;}
.container .push-3 {padding-left: 240px;}
.container .push-4 {padding-left: 320px;}
.container .push-5 {padding-left: 400px;}
.container .push-6 {padding-left: 480px;}
.container .push-7 {padding-left: 560px;}
.container .push-8 {padding-left: 640px;}
.container .push-9 {padding-left: 720px;}
.container .push-10 {padding-left: 800px;}
.container .push-11 {padding-left: 880px;}


/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container .pull-1 {padding-right: 80px;}
.container .pull-2 {padding-right: 160px;}
.container .pull-3 {padding-right: 240px;}
.container .pull-4 {padding-right: 320px;}
.container .pull-5 {padding-right: 400px;}
.container .pull-6 {padding-right: 480px;}
.container .pull-7 {padding-right: 560px;}
.container .pull-8 {padding-right: 640px;}
.container .pull-9 {padding-right: 720px;}
.container .pull-10 {padding-right: 800px;}
.container .pull-11 {padding-right: 880px;}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
hr.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}




/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
	font-weight: normal;
}

body {font-size: 62.5%;font-weight: normal;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* ************ STRUCTURAL ADJUSTMENTS ************ */


hr.line {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin: 25px 0;border:none;}

hr.clear {visibility: hidden;clear: both;}





/* ************ DESIGN ELEMENTS ************ */

.br {border-right: 1px solid #ddd;}
.bl {border-left: 1px solid #ddd;}
.nob {border: none;}


div.pad-5 p {padding: 0 5px 0 0;}
div.pad-10 p {padding: 0 10px;}
div.pad-15 p {padding: 0 15px;}





/* ************ IMAGES ************ */

img.lft {float: left; margin: 5px 5px 5px 0;}
img.rt {float: right; margin: 5px 0 5px 5px;}








/* ************ TYPOGRAPHY ************ */


body { font-size: 62.5%; }

.serif { font-family: Georgia, Times New Roman, serif;}
.sans-serif { font-family: Helvetica, Arial, sans-serif; }


h1, h2, h3, h4, h5, h6, p { margin: 0 0 10px 0; font-weight: normal; color: #000; }

p, ul { font-size: 1.2em; line-height: 1.7em; color: #000;}
h1 { font-size: 3.6em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }

.bold { font-weight: bold; }
.ital { font-style: italic; }

ul {margin: 0 15px;}
ul.none {margin: 0;}
ul.disc li { list-style: disc; }
ul.circ li { list-style: circle; }
ul.none li { list-style: none; }




/* ******** BLOCKQUOTES AND PULL QUOTES ******** */

blockquote {margin: 20px 30px; font-size: 1.2em; line-height: normal; color: #666; font-style: italic;}
.pquote1 {font-size: 1.8em;line-height: normal;color: #666;font-style: italic;font-family: Georgia, Times New Roman, serif;}
.pquote2 {padding: 10px 0;font-size: 1.8em;line-height: normal;color: #666;font-style: italic;font-family: Georgia, Times New Roman, serif;border-top: 3px solid #000;border-bottom: 3px solid #000;}
.pquote3 {text-transform: uppercase;color: #000;font-size: 1.6em;font-style: normal;font-family: Arial, Helvetica, sans-serif;}
.pquote4 {padding: 10px 0;text-transform: uppercase;color: #000;font-size: 1.6em;font-style: normal;border-top: 3px solid #000;border-bottom: 3px solid #000;font-family: Arial, Helvetica, sans-serif;}