/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework
   [bjorkoy.com/blueprint]
   
   * Screen & Projection Styles *
      
   This is the main CSS-file for the framework.
   Include this in the <head> of every page. See the
   Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
/* @import "lib/reset.css";
@import "lib/typography.css";
@import "lib/grid.css";
@import "lib/buttons.css"; */
/* End import/hide */


/* Compressed version: 
   [http://teenage.cz/acidofil/tools/cssformat.php]
   
   Comment out @import statements above, and add this 
   one when your site has launched (Ca 60% compressed):*/
   @import "lib/compressed.css"; 


/* Uncomment the line below to see the grid and baseline. 
   (Assuming you've wrapped your columns in a container).
*/
 /*  .container { background: url(lib/img/grid.png); }
 .container { background: url(lib/img/baseline.png); }  */
 
body {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFF;
 }
 
#wrapper {
	width: 100%;
	background: #FFF url(../img/_css/wrapper_bg.png) top center repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
 }

.container {
	height: 100%;
}

#header {
	width: 960px;
	height: 106px;
	background: transparent url(../img/_css/header.png) no-repeat;
}

#content {
	width: 550px;
	height: 100%;
	padding: 20px 47px 20px 20px;
	overflow: hidden;
	background: transparent url(../img/_css/content_bg.png) top right repeat-y;
}

#sidebar {
	width: 340px;
}

#footer, .push {
	width: 962px;
	height: 100px;
	margin: 0 auto;
}

#footer {
	background: #C5CDD4;
}

#footerTop {
	height: 4px;
	background: #C5CDD4 url(../img/_css/footerTop_bg.png) top left repeat-x;
}

#footerContent {
	width: 960px;
	margin: 10px 20px;
}

#header h1 span {
	display: none;
}

.callout {
	margin: 10px 10px 10px 0;
	padding: 10px 10px 10px 0;
}