/*******************************************
RESET STYLES
********************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* Adapted by Clamentis for the technologie Framework ClamenSite */
/* v1.0 | 20090222 */
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;}
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;}
/*****************************************
TEXT
******************************************/
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* =Basic HTML
--------------------------------------------------------------------------------*/
body{font:13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}
a:focus{outline:1px dotted invert;}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;}
p{font-size:1em;}
/* =Headings
--------------------------------------------------------------------------------*/
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:13px;}
h5{font-size:11px;font-weight:normal;}
h6{font-size:15px;}
/* =Spacing
--------------------------------------------------------------------------------*/
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,
ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
/*****************************************
GRIDS
******************************************/
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_100p{width:100%;}
.container{margin-left:auto;margin-right:auto;width:990px;}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14{display:inline;float:left;margin-left:2px;margin-right:2px;margin-bottom:5px;}
.grid_container{margin:0 8px 0 7px;width:100%;}
.container .grid_4{width:275px;}
.container .grid_8{width:555px;}
.container .grid_12{width:835px;}
/* =Grid >> Children (Alpha ~ First,Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}
.alpha_omega{margin-left:0; margin-right:0;}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container .grid_1{width:65px;}
.container .grid_2{width:135px;}
.container .grid_3{width:205px;}
.container .grid_5{width:345px;}
.container .grid_6{width:415px;}
.container .grid_7{width:485px;}
.container .grid_9{width:625px;}
.container .grid_10{width:695px;}
.container .grid_11{width:765px;}
.container .grid_13{width:905px;}
.container .grid_14{width:975px;}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container .prefix_4{padding-left:240px;}
.container .prefix_8{padding-left:480px;}
.container .prefix_12{padding-left:720px;}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container .prefix_1{padding-left:60px;}
.container .prefix_2{padding-left:120px;}
.container .prefix_3{padding-left:180px;}
.container .prefix_5{padding-left:300px;}
.container .prefix_6{padding-left:360px;}
.container .prefix_7{padding-left:420px;}
.container .prefix_9{padding-left:540px;}
.container .prefix_10{padding-left:600px;}
.container .prefix_11{padding-left:660px;}
.container .prefix_13{padding-left:780px;}
.container .prefix_14{padding-left:840px;}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container .suffix_4{padding-right:240px;}
.container .suffix_8{padding-right:480px;}
.container .suffix_12{padding-right:720px;}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container .suffix_1{padding-right:60px;}
.container .suffix_2{padding-right:120px;}
.container .suffix_3{padding-right:180px;}
.container .suffix_5{padding-right:300px;}
.container .suffix_6{padding-right:360px;}
.container .suffix_7{padding-right:420px;}
.container .suffix_9{padding-right:540px;}
.container .suffix_10{padding-right:600px;}
.container .suffix_11{padding-right:660px;}
.container .suffix_13{padding-right:780px;}
.container .suffix_14{padding-right:840px;}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * hr.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}