/* -------------------------------------------------------------- 
   * Resets default browser CSS. From CSS BOILERPLATE
 -------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.9em; background: transparent; margin:0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
/* Removes Firefox imposed outline */
a { outline: none; }
/*UTILITIES*/
.clear-both{clear:both}
.hidden{text-indent:-5000px;height:1px}
/* Clearing floats without extra markup  */
.clearing{ display: inline-block; }
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearing{ height: 1%; }
.clearing { display: block; }
/*reset end/bottom spacing */
.bottom{margin-bottom:0;padding-bottom:0}
.end-right{margin-right:0;padding-right:0}
.end-left{margin-left:0;padding-left:0}
.hidden{text-indent:-5000px}

/*TYPOGRAPHY*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {letter-spacing:0em;font: 85% Georgia,Verdana, sans-serif;color:#1d1d1d;line-height:1.75em}
p{margin-bottom:20px}
/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#262626;font-family:Georgia}
h1 { font-size: 220%; line-height: 1;  margin-bottom:0;}
#content h1{font-size: 155%; margin-bottom:0;}
h2 { font-size: 115%; margin-bottom:5px; line-height: 1em;}
h3 { font-size: 100%; line-height: 1em; margin-bottom: 0.6em;}
h4 { font-size: 100%; line-height: 1; margin-bottom: 0.3em;}
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* links*/
a{background-color:#595959;color:#1d1d1d;text-decoration:none;font-weight:bold;}
a:hover{background-color:#ffff00}
h3.with-link{margin:0 0 5px 0}
h3.with-link a{display:block;width:260px;background-color:#595959;padding:5px;font-size:93%;}
h3.with-link a:hover{color:#333;background-color:#ffff00}
/*lists*/
ul{padding-bottom:20px;list-style-type:none}
ul#skip{display:none}
#content ul{list-style-type:none;padding: 0  0 20px 0}
#content ul li{padding-botttom:20px}
/* General */
img{border:0;padding-bottom:20px}
.display-box img{padding:0}



/*LAYOUT*/
html{background:#4d4d4d url(../images/bg-body.jpg)  0 -0px; }
body{padding:0 0 5em 0; }
#wrapper{width:840px;padding: 65px 30px 0 30px;margin:0 auto;background:tansparent url(../images/bg-test.gif) center}
#header{padding:20px 0 0px 0}
#header h1{float:left;width:185px;height:52px}
#header h1 a{display:block;width:144px;height:89px;background-position: 0 0 ;background-repeat:none;background-image:url(../images/bg-logo.gif);text-indent:-5000px}
#header h1 a:hover{ }

#content{overflow:hidden;padding: 80px 0 0 0;}
#content-intro{padding:40px 0 40px;border-style:dotted; border-color:#414141;border-width:1px 0;line-height:20px}
#content-intro p{font-size:110%;line-height:1.4em;letter-spacing:0em;width:560px;margin:0;color:#262626}
#main-content{padding:10px 0 0 0}
.col-1{float:left;width:260px;margin-right:40px;overflow:hidden}
.col-2{float:left;width:540px;overflow:hidden}
.col-3{float:left;width:540px;margin-right:40px;overflow:hidden}
.col-4{float:left;width:260px;overflow:hidden}
.display-box{float:left;width:270px;margin-right:10px;min-height:160px;padding-bottom:20px}
.article-container{ border-bottom:dotted 1px #414141;padding:20px 0 0 0;}
#footer{clear:both;padding-top:5px}
#footer p{float:right;width:250px;font-size:81%}
#footer ul{float:right;width:590px;margin:0; padding:0;text-align:right;list-style-type:none}
#footer ul li{display:inline}
#footer ul li a{font-size:85%;background-color:transparent}
#footer ul li a:hover{background-color:#ffff00}

/* NAVIGATION*/
#header  ul#main-navigation{list-style-type:none;float:right;width:655px;text-align:right;margin:17px 0 0 0}
#header  ul#main-navigation li{display:inline;padding:0 2px 0 2px;}
#header  ul#main-navigation li a {color:#3c3c3d;text-decoration:none;font-size:95%;font-weight:bold;padding:1px;background:none}
#header  ul#main-navigation li a:hover,#header  ul#main-navigation li.active a{background-color:#ffff00}

/*WORK*/
/* Tabs
----------------------------------*/
p.work-back{text-align:right;margin:0;padding:0}
p.work-back a.link-back{padding:2px;font-size:91%;background-color:#595959;color:#ffff00}

/*CONTACT*/

ul#contact-details li{padding-bottom:15px}