@import "reset.css";
@import "forms.css";

/* Generic elements */

body { background: #d5151e url(images/grad1.png) top left repeat-x; color: White; font: 16px/normal Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #990000; text-decoration: underline; } 
a:hover { color: #000; text-decoration: underline; }


p { margin-bottom: 1em; }
span.copyprob {background-color:#ffff00;}

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 10px 0; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */

address { font-size: 13px; }

.label { color: #990000; font-weight:bold;}




/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .3em; color: #990000; line-height: normal; }

h1 { font-size: 25px; }
h2 { font-size: 110%; }
h3 { font-size: 107%; }
h4 { font-size: 105%; }
h5 { font-size: 102%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { margin: 0; color: #fff; }
#outline { position: absolute; bottom: 0; right: 0; margin: 0; color: #fff; font-size: 13px; font-weight: normal; }


/* Main layers */

html,body { height: 100%; }
#container { width: 686px; margin: 0 auto; text-align: left; }
#content { padding: 13px; background-color: #f3f1f4; color: #000; }
#header { padding: 25px 12px 12px; }
#header .inner { position: relative; min-height: 74px; }
#sidebar { float: left; width: 169px; }
#mainbar { float: right; width: 478px; }
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #9a0000; }

* html #header .inner { height: 74px; }


/* Navigation */

#nav { line-height: normal; }
#nav li { float: left; width: 100%; border-bottom: solid 2px #fff; background: url(images/icon-ampersand-on.png) -100px -100px no-repeat; }
#nav li.last { margin-bottom: 1em; }
#nav li a { display: block; width: 122px; padding: 0 14px 0 23px; color: #fff; font-size: 16px; text-decoration: none; }
#nav li em { display: block; padding-right: 33px; background: url(images/icon-ampersand-off.png) center right no-repeat; font-style: normal; line-height: 37px; }
#nav li a:hover, #nav li a.on { background-color: #f3f1f4; color: #990000; }
#nav li a:hover em, #nav li a.on em { background-image: url(images/icon-ampersand-on.png); }


#article { line-height: 1.5em; }
#home #article { font-size: 16px; }

#intro { border: solid 3px #fff; }
#intro img { display: block; }

#overlay ul { margin-top: 200px; }
#overlay li { display: none; }


/* Lists */

ul.thumbs li { float: left; width: 71px; margin: 0 10px 10px 0;  }
ul.thumbs li.lastinarow, ul.thumbs li.default { margin-right: 0; }
ul.thumbs li img { display: block; border: 1px solid #990000;}

ul.listA { margin: 1em; }
ul.listA li { padding-left: 15px; background: url(images/bullet.gif) top left no-repeat; }


/* Boxes */

.box {}
.box1 { width: 169px; background: url(images/box1-bg.png) top left repeat-y; }
.box1 .before { background: url(images/box1-top.png) top left no-repeat; }
.box1 .after { padding: 0 6px 8px 2px; background: url(images/box1-bottom.png) bottom left no-repeat; }
.box1 .contents { background: #d3141c url(images/grad2.png) top left repeat-x; }
.box1 .contents-portfolio { background: #d3141c url(images/grad2.png) top left repeat-x; }
.box1 .contents-theteam { background: #d3141c url(images/grad2.png) top left repeat-x; }
.box1 .contents-services { background: #d3141c url(images/grad2.png) top left repeat-x; }
/* Custom boxes */

#sidebar { color: #fff; }
#sidebar .contents { min-height: 508px; border: solid 1px #c5c3c4;}
#sidebar .contents-theteam { min-height: 1500px; border: solid 1px #c5c3c4;}
#sidebar .contents-portfolio { min-height:595px; border: solid 1px #c5c3c4;}
#sidebar .contents-services { min-height: 500px; border: solid 1px #c5c3c4;}
#sidebar .inner { padding: 0 3px 8px 23px; }

* html #sidebar .contents { height: 435px; }

#slides { list-style: none; overflow: hidden; position: relative; width: 660px; height: 152px; margin: 0; margin-left: 3px; padding: 0 0 15px; }
#slides li { list-style: none; }

/* Footer */


#tld { width: 662px; margin: 10px auto 0; font-size: 11px; text-align: right; padding-bottom:10px;}

#tld a,#tld :link,#tld :visited { color: Black; text-decoration: underline; } 
#tld a:hover,#tld a.important { color: #fff; text-decoration: underline; }
#tld a.important:hover {color: #000}

/* Do not edit below */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */

form label {color:#990000;font: 16px/normal Arial, Helvetica, sans-serif;}


.jobbox {float:left; width: 100px; background-color: #990000;color:#fff; margin: 0 10px 10px 0; padding: 7px 5px 10px 15px;}
.jobbox a {color:#fff;text-decoration:none;}
.jobbox a:hover {text-decoration:underline;}