@import url('reset.css');


/* ..................... layout */

/* min width */
.wrapper, .footer, .header {min-width:980px; position:relative; z-index:100;}
/*ie6 min-width fix*/
.wrapper, .footer, .header, .right_bg {_width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 980 ? "980px" : "100%");}

/* height fix */
html, body {height: 100%}
.wrapper {height: auto !important; min-height:100%; height: 100%; display:block; margin:0 auto 60px auto;}


.footer {overflow:hidden; height:60px; margin-top:-120px;}
.footer_push {height:60px;}


/* column sizes */
.left {width:200px; float:left;}
.right {width:300px; float:right;}
.center {margin:0 300px 0 200px;}

.faux {position:absolute; height: auto !important; min-height:100%; height: 100%; display:block; top:0; left:0; width:100%; overflow:hidden; min-width:980px; }
/*ie6 min-width fix*/
.faux {_width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 980 ? "980px" : "100%");}

.right_bg {width:300px; z-index:20; top:0;  right:0; height:4000px; position:absolute;}
.left_bg {width:200px; z-index:20; top:0; left:0; height:4000px; position:absolute;}

/* inside padding */
.padd {padding:20px;}





/* ................... design */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%;}


/* column colors */
.left_bg, .left {background:#E1E1E1;}
.right, .right_bg {background:#FAE6BC;}

.center {background:#fff;}
.header {background:#34548F; color:#fff;}
.footer {background:#34548F; color:#fff; position:relative;}



h1 {font-size:20px; line-height:30px;}
h2 {font-size:16px; line-height:20px;}