/* CSS Document */

*{margin:0px;padding:0px;}
body{background:#E7E8E8;color:#8C8C8C;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px;line-height:1.4em}
#container{margin:40px 0 0 40px;position:relative;}
.hideThis, div.projectInfo{display:none;}

a:link, a:visited{color:#8C8C8C;text-decoration:none;}
a:hover{color:#000;}
a:active{color:#8C8C8C;}
#mainNav div.mainNavBT a:link, #mainNav div.mainNavBT a:visited{color:#FFF;}
#mainNav div.mainNavBT a:hover, #mainNav div.mainNavBT a:active{color:#999;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
li{list-style-type:none;}

#header a{width:100px;height:100px;display:block;}
#header h1#logo{text-indent:-9999px;width:100px;height:100px;background:#E7E8E8 url(../images/giedre_logo.gif) 0 0 no-repeat;}
#header h3#tag{display:none;}

#mainNav{width:220px;position:absolute;top:225px;left:0px;}
#mainNav div.mainNavBT{height:20px;background:#000;text-transform:uppercase;color:#FFF;font-weight:bold;}
#mainNav div.mainNavBT a{display:block;padding:1px 4px;}
#mainNav li{margin:0 0 20px;}
#mainNav #projectList{margin-top:18px;}
#mainNav #projectList li{margin:0 0 2px;font-size:10px;line-height:1.2em;text-transform:uppercase;white-space:nowrap;}
#mainNav #projectList li span.client{font-weight:bold;}
#mainNav #projectList a:link.selectedProject, #mainNav #projectList a:visited.selectedProject{color:#000;}

#pageSpecific{position:absolute;top:85px;left:220px;width:770px;}
#pageSpecific #pageTitle{height:16px;background:#000;padding-left:60px;}
#pageSpecific #pageTitle h3{text-transform:uppercase;font-weight:bold;color:#FFF;font-size:12px;}
#pageSpecific #helloSec{position:absolute;top:140px;left:60px;}
/* ====================================about section ===*/
#pageSpecific #aboutSec{position:absolute;top:140px;left:60px;}
#pageSpecific #aboutSec h1{font-size:12px;height:16px;width:140px;padding:2px 4px;background:#8C8C8C;color:#FFF;text-transform:uppercase;letter-spacing:-0.5px;}
#pageSpecific #aboutSec p{margin-top:16px;font-size:11px;line-height:1.2em;}
#pageSpecific #aboutSec p a{color:#EE2B7B;}
#pageSpecific #aboutSec p a:hover{color:#000;}
/* ====================================illustration section ===*/
#pageSpecific #illustrationsSec{position:absolute;top:30px;left:60px;}
#pageSpecific #illustrationsSec h3{height:18px;background:#8C8C8C;color:#FFF;font-size:12px;text-transform:uppercase;padding:2px 4px;display:inline;}
#pageSpecific #illustrationsSec div#projDesc{margin:10px 0 0;}
#pageSpecific #illustrationsSec #imgLinks{position:absolute;top:85px;left:0px;}
#pageSpecific #illustrationsSec #imgLinks li{float:left;width:16px;margin-right:4px;}
#pageSpecific #illustrationsSec #imgLinks a{display:block;text-align:center;}
#pageSpecific #illustrationsSec #imgLinks a:link, #pageSpecific #illustrationsSec #imgLinks a:visited{}
#pageSpecific #illustrationsSec #imgLinks a:hover, #pageSpecific #illustrationsSec #imgLinks a:active{background:#FF3300;color:#FFF;}
#pageSpecific #illustrationsSec #imgLinks a:link.curImg, #pageSpecific #illustrationsSec #imgLinks a:visited.curImg{background:#8C8C8C;color:#FFF;}
#pageSpecific #illustrationsSec #projImg{position:absolute;top:110px;left:0px;background:#000;}
/* ====================================contact section ===*/
#pageSpecific #contactSec{position:absolute;top:140px;left:60px;}
#pageSpecific #contactSec ul{margin-left:100px}
#pageSpecific #contactSec li{float:left;white-space:nowrap;font-weight:bold;}
#pageSpecific #contactSec li a{display:block;height:33px;width:150px;padding:12px 20px 0 50px;}
#pageSpecific #contactSec li#email a{background:url(../images/giedre_email.gif) 0 50% no-repeat;}
#pageSpecific #contactSec li#call{background:url(../images/giedre_call.gif) 0 50% no-repeat;padding:12px 20px 0 50px;height:33px;}
#pageSpecific #contactSec img{display:block;clear:both;margin:80px 0 0 170px;}
/* ====================================links section ===*/
#pageSpecific #linksSec{position:absolute;top:140px;left:60px;}
#pageSpecific #linksSec #linksList{font-size:0px;}
#pageSpecific #linksSec img{border:none;}
#pageSpecific #linksSec li{display:inline;}