body { margin:0 ; padding: 0; background-color: #D6D7D9; }

img { border: 0; }
hr { color: #81d2ce; background-color: #81d2ce; border-color: #81d2ce; border-width: 1px 0 0 0; border-style: solid; height: 1px; }
strong { color: #81d2ce; }

div#home { position: relative; width: 900px; height: 600px; background: url('../images/shadow-bottom.gif') no-repeat 0 100% #ffffff; padding: 0; margin: 0; }
div.stampHome { position: absolute; left: 50px; top: 47px; width: 48px; height: 57px; padding: 0; margin: 0; }
div.navHome { position: absolute; left: 220px; top: 265px; text-align: left; width: 507px; padding: 0; margin: 0; }
div.navHome a, div.navHome a:visited { text-transform: none; color: #999999; text-decoration: none; font-weight: normal; font-size: 14pt;line-height: 145%;font-family: Helvetica, Arial, sans-serif; }
div.navHome a:hover { text-transform: none; color: #999999; text-decoration: none; font-family: Helvetica, Arial, sans-serif; }
div.navHome a span { color: #81d2ce; font-weight: bold; }
div#home a.enter { position: absolute; bottom: 35px; right: 30px; text-transform: lowercase; text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 9pt; }
a.enter img { margin-left: 3px; }

div#content { position: relative; width: 900px; height: 600px; background: url('../images/shadow-bottom.gif') no-repeat 0 100% #FFFFFF; padding: 0; margin: 0; }
div.shadowRight { position: absolute; left: 900px; top: 0; width: 8px; height: 595px; background: url('../images/shadow-right.gif') no-repeat 0 0 transparent; padding: 0; margin: 0; }

div.h1 { position: absolute; left: 50px; top: 50px; color: #999999; font-family: Helvetica, Arial, sans-serif; font-size: 13.5pt; text-transform: lowercase; }
div.stamp { position: absolute; left: 50px; top: 47px; width: 48px; height: 57px; padding: 0; margin: 0; }

div#topNav { position: absolute; left: 50px; top: 130px; }
div#topNav ul { list-style-type: none; padding: 0; margin: 0; }
div#topNav ul li { list-style-type: none; padding: 0; margin: 0; line-height: 17pt; }
div#topNav ul li a { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #CCCCCC; text-transform: lowercase; text-decoration: none; }
div#topNav ul li a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #666666; text-transform: lowercase; }
div#topNav ul li a.selected { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #999999; text-transform: lowercase; }

div#bottomNav { position: absolute; left: 50px; top: 225px; }
div#bottomNav ul { list-style-type: none; padding: 0; margin: 0; line-height: 17pt;}
div#bottomNav ul li { list-style-type: none; padding: 0; margin: 0; }
div#bottomNav ul li a { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #CCCCCC; text-transform: lowercase; text-decoration: none; }
div#bottomNav ul li a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; text-transform: lowercase; }
div#bottomNav ul li a.selected { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #666666; text-transform: lowercase; }

div#pager { position: absolute; left: 803px; top: 73px; color: #999999; }
div#pager ul { list-style-type: none; padding: 0; margin: 0; }
div#pager ul li { display: inline; list-style-type: none; padding: 0; margin: 0; }
a.previous { display: inline-block; width: 8px; height: 9px; background: url('../images/arrow-back.gif') 0px 0px no-repeat; padding-right: 5px; border-right: #81d2ce 1px solid; text-decoration: none; }
a.listAll { display: inline-block; width: 11px; height: 8px; background: url('../images/list-all.gif') 5px 0px no-repeat; padding: 0 5px; border-right: #81d2ce 1px solid; text-decoration: none; }
a.next { display: inline-block; width: 8px; height: 9px; background: url('../images/arrow-next.gif') 5px 0px no-repeat; padding-left: 5px; text-decoration: none; }

div#tagline { position: absolute; left: 20px; top: 550px; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; font-weight: bold; text-transform: none; color: #81d2ce; }
div#pictureBox { position: absolute; left: 193px; top: 130px; width: 600px; height: 400px; background-color: transparent; text-align: center; }
div#pictureBox img { position: absolute; left: 0; top: 0; }
div#thumbnails { position: absolute; right: 55px; top: 130px; width: 35px; padding: 0; margin: 0; height: 100px; background-color: transparent; }
div#thumbnails img { padding: 0 0 10px; margin: 0; border: none; }
div#pictureTitle { position: absolute; left: 193px; top: 552px; color: #999999; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; }

div#message { position: absolute; display: none; z-index: 100; background-color: white; left: 193px; top: 310px; width: 400px; text-align: left; padding: 5px 0 5px 200px; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; color: #666666; }

div.allProjects, div.about { margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; text-align: left; vertical-align: top; font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #999999; }
div.allProjects ul { list-style-type: none; margin: 0; padding: 0 0 10px; }
div.allProjects li { list-style-type: none; padding: 3px 0; }
div.allProjects h2, div.about h2 { font-family: Helvetica, Arial, sans-serif; font-size: 11pt; color: #81d2ce; font-weight: bold; text-transform: lowercase; padding: 0; margin: 0 0 5px;}
div.allProjects a { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #CCCCCC; text-decoration: none; }
div.allProjects a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #666666; text-decoration: none; }

/** Don't display the more link with the thumb nails. */
div#more { display: none; position: absolute; right: 50px; bottom: 40px; color: #999999; }
div#more a { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #999999; text-transform: lowercase; text-decoration: none; }
div#more a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #333333; text-transform: lowercase; }
div#more a span { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #D90000; text-transform: lowercase; }

div.about { position: relative; overflow: auto; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; color: #666666; padding: 0 70px 5px 0; line-height: 130%; width: 560px; }
div.about a { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #999999; }
div.about a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; color: #CCCCCC; }

div.awards p { display: block; padding: 0; margin: 0; }
div.awards em { display: block; padding-bottom: 10px; margin: 0; }

div.clients table { border: none; margin: 0; padding: 0; border-collapse: collapse; width: 100%; }
div.clients td { padding: 3px 0; width: 50%; }
div.contacts { padding-top: 100px; }

div.contacts strong { display: inline-block; font-size: 11pt; }
div.contacts a { text-decoration: none; color: #666666; }

div#footer, div#bioText, div#awardsText, div#testimonialsText, div#contactText { display: none; }