/* globals */

body { background:#222222; color:#ccc; line-height:18px; }


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, table, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }



/* IE patch for centering the page */
body { text-align:center; position:absolute; height:100.1%; width:100%; }
body div { text-align:left; }
/* ends */

body, input, textarea { font-family:arial; font-size:14px;  }
p { margin:0 0 15px 0; }
a { color:#fc3; text-decoration:none; border-bottom:0px dotted  #fc3;}
a:hover { color:#fc3; border-bottom:1px dotted #fc3; }
a.image { border-bottom:1px dotted #222; }
a img { border-bottom:1px dotted #222; }
textarea { overflow:auto; }
strong { font-weight:bold; }




/* generics */

.strong { font-weight:bold; }
.clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; }
.alert { color:#fc3; }




/* header */

#divHeaderWrapper { height:100px; }
#divHeader { width:760px; height:100px; margin:0 auto; background: url(../images/body/grayline.jpg) bottom left repeat-x; }
#divHeader h1 { float:left; background: 0% 40% no-repeat; }
#divHeader h1 a {  }
#divHeader h1 a img { margin:27px 0 23px 0;}
#divHeader h1 span { display:none; }
#divHeader ul.nav { height:100px; float:right; font-size:12px; }
#divHeader ul.nav li { display:inline; }
#divHeader ul.nav li a { border:none; display:block; float:left; height:30px; line-height:30px; padding:65px 10px 0px 10px; text-decoration:none; color:#aaa; text-transform:uppercase; border-bottom:5px solid #555; margin-left:5px; }
#divHeader ul.nav li a:hover { background:#333333; color:#eee; }
#divHeader ul.nav li.current a { color:#ccc; }
#divHeader ul.nav li.current a.page_on { border-bottom:5px solid #fc3; }
#divHeader ul.nav li.current a.page_off { border-bottom:5px solid #EE4433; }

#divHeader ul.nav li a.page_on:hover { border-bottom:5px solid #fc3; }
#divHeader ul.nav li a.page_off:hover { border-bottom:5px solid #EE4433; }




/* main area */

#divContentWrapper { width:760px; margin:30px auto 0 auto; padding:0 0; background:#333333; }
#divContent { padding:20px 20px; min-height:300px; height:auto !important; height:300px; }
#divContent h2 { margin:0 0 30px 0; font-size:24px; line-height:24px; font-weight:normal; color:#ddd; }

/* index */

#divIndexImage { height:120px; background: url(../images/header_/9.jpg) center no-repeat; margin:0 0 30px 0; }
#divIndexContent { float:left; width:460px; margin:0; }
#headerFrontBig { text-align:right; font-size:24px; font-weight:normal; }
#headerFrontBig a { border:0; }
#headerFrontBig a:hover { color:#EE4433; }



/* portfolio only */

#divProjectsLeft { float:left; width:210px; }
#divProjectsRight { float:right; width:470px; }
#divProjectThumbs { display:none; } /* overridden using jQuery - hidden only when no javascript - this avoids a noscript tag in the head */
div.projectThumb { float:left; margin:0 28px 30px 0; }
div.projectThumb a { border:0; }
div.projectThumb a img { width:120px; height:84px; border:4px solid #ccc; }
div.projectThumb a:hover img { border:4px solid #9c3; }
#facebox a.close { border:0; }
#facebox a img.close_image { border:0; }
div.projectBox { width:580px; height:180px; padding:10px; color:#333; }
div.projectBox img.projectBoxShot { float:left; border:1px solid #333 !important; margin:0 10px 10px 0; }
div.projectBox h3 { font-size:12px; margin:0 0 0px 0; }
div.projectBox h4, div.projectBox p { margin:0 0 10px 0; }
div.projectBox a { color:#9c0; border-bottom:1px dotted #9c0; }
div.projectBox a:hover { color:#adf; border-bottom:1px dotted #adf; }




/* footer */

#divFooterWrapper { width:760px; margin:0 auto; padding-bottom:20px; }
#divFooter { margin:30px 0px; font-size:10px; font-family:verdana;}
#divFooter ul { width:200px; float:right; margin:0 20px 0 0; border-top:1px dotted #555; color:#777; }
#divFooter ul.left { width:460px; float:left; margin:0 0 0 20px; }
#divFooter ul li { height:30px; line-height:30px; border-bottom:1px dotted #555; }
#divFooter ul li a { color:#777; text-decoration:none; border:none; }
#divFooter ul li a.icon { display:block; height:30px; line-height:30px; }
#divFooter ul li a:hover { color:#fff; }





/* exceptions */

div.capabilityWarning { background:#444; color:#fc3; padding:0px; margin:0 0 30px 0; text-align:center; }
div.capabilityWarning p{margin:0; padding: 5px;}
div.capabilityWarning a { font-weight:bold; }