/* ------------------------------------------------------------------------------------
Website: sonofswiss - Tom Adam's portfolio
File: Global styles
Author: Tom Adams
Created: July 2010

------------------------------------------------------------------------------------ */
@import url("../fonts/district/stylesheet.css");

/* ------------------------------------------------------------------------------------
-- Resets and base styles
------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

ul, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

body { font: 62.5% Arial, sans-serif; padding-bottom:8em; background: #e7f2d0; color:#114a42; }

/* ------------------------------------------------------------------------------------
-- General typography, styles and classes
------------------------------------------------------------------------------------ */
a { color:#114a42; padding:0 2px;}
a:hover, a:focus, a:active { color:#000; background:#d4dfbd; }

#wrapper { position:relative; width:902px; margin-left:27px; }

/* ------------------------------------------------------------------------------------
-- Header box
------------------------------------------------------------------------------------ */
#header { position:relative; width:744px; height:231px; font-family:"DistrictThin", sans-serif; text-transform:uppercase; border-bottom:1px solid #9ca78b; background:url(../images/bg-top.jpg) no-repeat right top; }
#header h1 { position:absolute; bottom:0; left:0; width:744px; min-height:97px; font-size:6em; color:#1d5f56; border-top:1px solid #1d5f56; background: rgba(231, 242, 208, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e7f2d0, endColorstr=#99e7f2d0); }
* html #header h1 { height:97px; }
#header h2 { position:absolute; top:141px; right:8px; font-size:2.15em; line-height:1.25; color:#1d5f56; }
#header h2 em { display:block; font-style:normal; }

/* ------------------------------------------------------------------------------------
-- Intro box
------------------------------------------------------------------------------------ */
#content { position:relative; width:604px; padding:2.5em 0 3em 140px; font-size:1.5em; line-height:1.4; border-bottom:1px solid #9ca78b; }
#content p { margin-bottom:.6em; }
#content h2 { margin:1.2em 0 0.8em -140px; font:1.6em "DistrictThin",sans-serif; }
#content li { margin-bottom:.4em; }


/* ------------------------------------------------------------------------------------
-- clear fix
------------------------------------------------------------------------------------ */
#wrapper { clear:both; }
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper { zoom:1; }
/*\*//*/
#wrapper { display: inline-block; }
/**/