/*
 ################################
 #			  	#
 #          BASE CSS     	#
 #				#
 ################################
 */
 @media all {

 * { margin:0; padding:0; }

 /* untag next line for debugging only */
 /*  div { border: 1px solid #f2e; } */

 .clear-all { clear:both; display:block; margin:0; padding:0; height:0; line-height:0px; font-size:0px; }

 html,body { height:100%; padding:0; margin:0; }

 body { font:88%/1.6 Arial, Helvetica, sans-serif; background-color:#e6eaeb; color:#666; }

 #page { margin:0 auto; }
 #page .wrap { padding:0px; }

 #header, #content, #footer { padding:0; margin:0; }

 #header .wrap, #content .wrap, #footer .wrap { }

 #header .wrap { padding:2%; position:fixed; top:0; left:0; width:96%; background-color:#c2c6c7; }
 #content .wrap { padding:0; }
 #footer .wrap { padding:0 0 45px 0; position:fixed; bottom:0; left:0; width:100%; }

 #content .col { float:left; }
 #content .col div.wrap { margin:0 50px 0 0; padding:0 50px 0 0; border-right:1px dotted #ccc;  }
 #content p {  }

 h1 { margin:0; padding:25px 0 5px 25px; color:#993366; font-size:3.0em; font-family:Roboto; font-weight:normal; line-height:1em; border-top:1px solid #ccc; letter-spacing:-1px; width:100%; }
 h2 { margin:0; padding:0 25px 0px 25px; color:#999; font-size:1.2em; font-family:Roboto; font-weight:normal; line-height:1em; letter-spacing:1px; }
 h3 { margin:0; padding:0; color:#eee; font-size:1em; font-family:Roboto; font-weight:normal; line-height:1em; letter-spacing:1px; text-align:right; }

 img { border:0; vertical-align:middle; }


 .logo { float:left; width:310px; height:67px; background:url(../img/logo-default.png) no-repeat top right; text-decoration:none; }

 .geometry { position:fixed; top:45%; left:50%; margin-top:-275px; margin-left:-275px; }

 }