html,
body {height: 100%;}
html,
body,
#body2 {min-width: 990px; min-height: 600px;}
#body2 {min-height: 100%;}
* html #body2 {height: 100%;}
#bodyMinSize {width: 990px; height: 600px;}

body {font: 13px/18px Arial, Helvetica, sans-serif; color: #a4a4a4; margin: 0; padding: 0; background: #000 url(../img/body_bg.jpg) no-repeat 100% 170px;}
p {margin: 0 0 18px;}

a {color: #fff; text-decoration: none;}
a:hover {color: #ccc;}

h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fefefe; text-transform: uppercase; margin: 0 0 18px;}


/* COMMON
----------------------------------------------- */
li,
img,
input.image {vertical-align: top;}
a {cursor: pointer;}
img {border: 0;}
a,
object {outline: 0;}

.wrap {min-height: 1px;}
* html .wrap {height: 1px;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}



/* LAYOUT
----------------------------------------------- */
#header {width: 870px; margin: 0 auto;}
#content {width: 870px; margin: 0 auto 18px;}
#footer {width: 870px; margin: 0 auto 18px;}

.logo {width: 100%; margin-left: -18px; padding: 36px 0 72px; position: relative;}

.col {width: 270px; margin-right: 30px; float: left; display: inline;}
.col3 {margin: 0;}

.atelier {font-size: 11px; line-height: 18px; text-align: center;}