@import url(reset.css);

/* Elements
============================================================ */

body { background:#eaeaea url(../img/bg.png) 0 0 repeat-x; color:#000; }

body, input, textarea, button, select, cite { font-family:arial,sans-serif; font-size:13px; }
body { line-height:22px; }

h2,h3 { font-family:'Nobile',arial,sans-serif; font-weight:bold; }
h1 {  }
h2 { font-size:18px; line-height:28px; margin-top:25px; letter-spacing:-1px; }
h3 { }

blockquote { font-size:24px; line-height:34px; font-family:'OFL Sorts Mill Goudy TT',georgia,serif; margin:50px 50px; }

strong { font-weight:bold; }
em     { font-style:italic; }

/* Classes
============================================================ */

.wrap  { width:970px; margin:25px auto; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; }

.body { width:540px; }
.rail { width:310px; }

.left  { float:left; }
.right { float:right; }
.al    { text-align:left; }
.ac    { text-align:center; }
.ar    { text-align:right; }
.col50 { width:50%; }

.top { margin-top:0 !important; }

.tiny   { font-size:11px; font-weight:normal !important; }
.big    { font-size:15px; }
.gray   { color:#666; }
.black  { color:#000; }
.strong { font-weight:bold; }
.nowrap { white-space:nowrap; }

.hide { display:none; }

/* Container
============================================================ */

#container       { background:url(../img/container.png); }

#container a       { text-decoration:underline; color:#06c; }
#container a:hover { text-decoration:none; background:#06c; color:#fff; }

/*
#container { background:#fff; padding:25px 30px; }
#container { -moz-box-shadow:0 0 4px rgba(0, 0, 0, .5); }
#container { -moz-border-radius-topleft:20px; }
#container { -moz-border-radius-topright:20px; }
*/

/*
#container p.images a     { background:none; }
#container p.images a img { width:120px; border:1px solid #eaeaea; padding:4px; }
#container p.images a:hover img { border-color:#00a0d7; }
*/

#container div.clients     { text-align:center; margin:20px 0; }
#container div.clients img { padding:2px 12px; }

#container div.portfolio           { margin-top:10px; }
#container div.portfolio .left     { width:120px; padding-top:6px; }
#container div.portfolio .left a   { background:none; }
#container div.portfolio .left img { width:110px; border:1px solid #eaeaea; padding:3px; }
#container div.portfolio .right    { width:180px; }
#container div.portfolio .right p  { font-size:12px; line-height:19px; }

/* Header
============================================================ */

#header   { background:url(../img/header.png) 0 0 no-repeat; padding:40px 35px 0; min-height:290px; }
#header a { display:block; width:270px; height:44px; background:url(../img/logo.png) !important; text-indent:-9000px; }
/*
#container #header-action { padding-right:10px; font-size:24px; line-height:44px; font-family:'NotethisRegular',arial,sans-serif; color:#444; }
*/

/* Content
============================================================ */

#content   { padding:0 35px 20px; }
#content p { margin-bottom:10px; }

/* Footer
============================================================ */

#footer   { background:url(../img/footer.png) 0 bottom; padding:20px 35px 25px; color:#fff; }
#footer a { color:#fff; background:none !important; }