/* DIV : leftsidebar */

.site #leftsidebardiv { position: absolute; top: 130px; left: 32px; width: 200px }
.site #leftsidebardiv H1 { margin: 0px }

/* DIV : projectnavigatortoolsdiv */

.site #projectnavigatortoolsdiv { width: 304px; color: #808080 }
.site #projectnavigatortoolsdiv .headerdiv { background: url('../images/backgrounds/background-navigatortoolsheader.gif'); height: 9px; font-size: 5px }
.site #projectnavigatortoolsdiv .bodydiv { background: #ffffff }
.site #projectnavigatortoolsdiv .footerdiv { background: url('../images/backgrounds/background-navigatortoolsfooter.gif'); height: 9px; font-size: 5px }
.site #projectnavigatortoolsdiv .labeldiv { float: left; margin-left: 15px; font-weight: bold }
.site #projectnavigatortoolsdiv .optionsdiv { float: left; margin-left: 10px }
.site #projectnavigatortoolsdiv .optionsdiv A {  color: #808080; text-transform: lowercase }

/* DIV : projectnavigatordiv */

.site #projectnavigatordiv { width: 304px }
.site #projectnavigatordiv .headerdiv { font-size: 5px }
.site #projectnavigatordiv .bodydiv { }
.site #projectnavigatordiv .footerdiv { font-size: 5px }
.site #projectnavigatordiv .itemdiv { margin-top: 1px; margin-bottom: 1px; background: url('../images/backgrounds/background-projectbutton.gif'); height: 34px; overflow: hidden; width: 304px; color: #ffffff  }
.site #projectnavigatordiv .selecteddiv { background: url('../images/backgrounds/background-projectbuttonselected.gif'); color: #df012a }
.site #projectnavigatordiv .itemdiv .framediv { margin: 10px }
.site #projectnavigatordiv .itemdiv IMG { margin-right: 10px }
.site #projectnavigatordiv .itemdiv .namediv { float: left;  width: 180px; margin-right: 2px }
.site #projectnavigatordiv .itemdiv .namediv A { font-weight: bold; text-decoration: none; color: #ffffff  }
.site #projectnavigatordiv .itemdiv .namediv A:hover { color: #000000 }
.site #projectnavigatordiv .itemdiv .locationdiv { float: left; width: 118px; margin-right: 2px }
.site #projectnavigatordiv .itemdiv .datediv { float: left; width: 30px; color: #ff815a }
.site #projectnavigatordiv .selecteddiv .namediv A { color: #df012a }
.site #projectnavigatordiv #scrolllistholder { position: relative; overflow: hidden; width: 320px; height: 454px }
.site #projectnavigatordiv #scrolllist { position: absolute; top: 0px; left: 0px; display: block; width: 100%; margin: 0px }
.site #projectnavigatordiv #scrolllist .name { float: left; margin-left: 5px; width: 50%; margin-bottom: 4px }
.site #projectnavigatordiv #scrolllist .price { float: left; width: 40%; margin-bottom: 4px }
.site #projectnavigatordiv #scrolllistuparrow, .site #opruimingdiv #productendiv #scrolllistdownarrow { width: 320px; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #projectnavigatordiv #scrolllistuparrow { background: url('../images/arrows/arrow-grayup.gif') no-repeat center center; margin-bottom: 5px}
.site #projectnavigatordiv #scrolllistdownarrow { background: url('../images/arrows/arrow-graydown.gif') no-repeat center center; height: 10px; margin-top: 5px }

/* DIV : submenudiv */

.site #submenudiv { width: 52px; margin-bottom: 20px }
.site #submenudiv .headerdiv { background: url('../images/backgrounds/background-submenuheader.gif'); height: 11px; font-size: 5px }
.site #submenudiv .bodydiv { background: url('../images/backgrounds/background-submenu.gif') }
.site #submenudiv .footerdiv { background: url('../images/backgrounds/background-submenufooter.gif'); height: 11px; font-size: 5px }
.site #submenudiv .itemdiv { margin-left: 10px; padding-bottom: 5px; padding-top: 5px }
.site #submenudiv .itemdiv IMG { margin-right: 10px }
.site #submenudiv .itemdiv A { font-weight: bold; color: #505050; text-decoration: none }
.site #submenudiv .itemdiv A:hover { color: #df012a }

/* DIV : imagesdiv */

.site #imagesdiv { position:  absolute; left: 325px; top: 143px; width: 285px; height: 100px }
.site #imagesdiv .thumbdiv { float: left; margin-right: 8px; margin-left: 0px }

/* DIV : featuredprojectdiv */

.site #featuredprojectdiv { position: absolute; left: 350px; top: 130px; width: 619px }  
.site #featuredprojectdiv .headerdiv { background: url('../images/backgrounds/background-featuredprojectlargeheader.gif'); height: 9px; font-size: 5px }
.site #featuredprojectdiv .bodydiv { background: #ffffff; height: 260px }
.site #featuredprojectdiv .footerdiv { background: url('../images/backgrounds/background-featuredprojectlargefooter.gif'); height: 9px; font-size: 5px }
.site #featuredprojectdiv .projectimage { margin-left: 9px }
.site #featuredprojectdiv #cornertopleftdiv { position: absolute; left: 9px; top: 9px; background: url('../images/other/other-cornertopleft.gif') no-repeat; height: 5px; width: 5px }
.site #featuredprojectdiv #cornerbottomleftdiv { position: absolute; left: 9px; top: 264px; background: url('../images/other/other-cornerbottomleft.gif') no-repeat; height: 5px; width: 5px }
.site #featuredprojectdiv #projecttitlediv { position: absolute; left: 9px; top: 220px; height: 32px }
.site #featuredprojectdiv #projecttitlediv .titlediv { float: left; background: #ffffff }
.site #featuredprojectdiv #projecttitlediv .titlediv H1 { font-size: 18px; margin: 5px; margin-right: 15px; margin-left: 15px }
.site #featuredprojectdiv #projecttitlediv .enddiv { float: left }
.site #featuredprojectdiv #projectsummarydiv { position: absolute; width: 234px; left: 376px; top: 9px; height: 260px; background: url('../images/backgrounds/background-featuredprojectinformation.png') }
.site #featuredprojectdiv #projectsummarydiv #projectnamediv { position: absolute; left: 130px; width: 90px; top: 15px; margin-bottom: 15px; text-align: right }
.site #featuredprojectdiv #projectsummarydiv #projectlocationdiv { position: absolute; left: 110px; top: 60px; width: 110px; margin-bottom: 15px; text-align: right }
.site #featuredprojectdiv #projectsummarydiv #projectdatediv { position: absolute; left: 90px; top: 95px; width: 130px; margin-bottom: 15px; text-align: right }
.site #featuredprojectdiv #projectsummarydiv #projectdescriptiondiv { position: absolute; left: 90px; top: 110px; width: 130px; margin-bottom: 15px; text-align: right }
.site #featuredprojectdiv #projectsummarydiv .title { font-weight: bold; color: #ffffff; margin-bottom: 0px }
.site #featuredprojectdiv #projectsummarydiv .description { color: #808080; margin-top: 0px }
.site #featuredprojectdiv #projectsummarydiv .readmorediv { position: absolute; top: 220px; left: 135px }
.site #featuredprojectdiv #projectsummarydiv .readmorediv A { color: #df012a }
.site #featuredprojectdiv #projectsummarydiv .readmorediv A:hover { color: #ffffff }

/* DIV : projectinformationdiv */

.site #projectinformationdiv { position: absolute; left: 350px; top: 420px; width: 619px }  
.site #projectinformationdiv .headerdiv { background: url('../images/backgrounds/background-featuredprojectlargeheader.gif'); height: 9px; font-size: 5px }
.site #projectinformationdiv .bodydiv { background: #ffffff; height: 257px; background: url('../images/backgrounds/background-projectinformation.gif') }
.site #projectinformationdiv .footerdiv { background: url('../images/backgrounds/background-featuredprojectlargefooter.gif'); height: 9px; font-size: 5px }
.site #projectinformationdiv .descriptiondiv { position: absolute; left: 20px; top: 20px; width: 270px; height: 234px; overflow: auto; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color: #a0a0a0; scrollbar-highlight-color:#a0a0a0; scrollbar-shadow-color:#a0a0a0; scrollbar-track-color: #c0c0c0; scrollbar-arrow-color: #b8b8b8; scrollbar-face-color: #a0a0a0  }

/* DIV : callmenowdiv */

.site #callmenowdiv { position: absolute; left: 325px; top: 8px; width: 275px }