/* CSS Document */
body { margin: 0; padding: 0; background-image:url(../images/background.png); height: 100%; }
a, a:link, a:active { color: #3399cc; }
a:visited { color: #80311a; }
a:hover { color: #cccc00; }
img { border: none; }
h2 { line-height: normal; margin: 0; padding: 0; font-size: 21px; font-weight: normal; }
#container { width: 700px; height: 100%; margin: 0 auto 0 auto; padding: 0; position: relative; background-color: #FFF; }
#header { height: 260px; width: 700px; background-image:url(../images/header.png); position: relative;}
#content { position: relative; height: 450px; }
#content-extra { position: relative; height: 1875px; }
#nav { position: absolute; top: 36px; left: 415px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#FFF; }
#nav a:link, #nav a:visited, #nav a:active { color: #FFFFFF; text-decoration: none; }
#nav a:hover { color: #cccc00; }
#logo { position: absolute; width: 78px; height: 105px; top:210px; left: 61px; }
#text { width: 500px; padding-left: 154px; padding-top: 50px; }
#text .head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#80311a; }
#text p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666; line-height: 150%; }
#contact { width: 500px; padding-left: 154px; padding-top: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666; line-height: 150%; }
#page-name { position: absolute; left: 154px; top: 280px; font-family: Arial, Helvetica, sans-serif; color: #cccc00; font-size: 21px; }
#portfolio-nav { position: relative; height: 37px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #FFF; line-height: 185%; }
#portfolio-nav a, #portfolio-nav a:link, #portfolio-nav a:visited, #portfolio-nav a:active { display: block; background-color: #cccc00; text-decoration: none; width: 20px; height: 20px; color: #FFF; }
#portfolio-nav a:hover {background-color: #3399cc; color: #FFF; }
#box-box { padding-left: 295px; padding-top: 23px; }
#box-box div { margin-left: 5px; width: 20px; height: 20px; float: left; background-color: #3399cc; }
#portfolio-nav2 { position: relative; height: 37px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #FFF; line-height: 185%; }
#portfolio-nav2 a, #portfolio-nav2 a:link, #portfolio-nav2 a:visited, #portfolio-nav2 a:active { display: block; background-color: #cccc00; text-decoration: none; width: 20px; height: 20px; color: #FFF; }
#portfolio-nav2 a:hover {background-color: #3399cc; color: #FFF; }
#box-box2 { padding-left: 75px; padding-top: 145px; }
#box-box2 div { margin-left: 5px; width: 20px; height: 20px; float: left; background-color: #3399cc; }
#description { position: absolute; left: 80px; top: 40px; color: #666; }
#description .head { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #cccc00; }
#description .normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#thumbnail { position: absolute; left: 300px; top:40px; }
#thumbnail img {border: thin solid #999999; }
#casestudy { position: absolute; left: 300px; top:40px; width: 355px; height: 375px; }
#casestudy .head { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #cccc00; }
#casestudy .normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 165%; }
#footer { width: 700px; height: 20px; margin: 0 auto 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; }