* {
margin: 0px;
padding: 0px;
}

body, html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
vertical-align: middle;
background: url(../images/bg.jpg);
height: 100%;
scrollbar-base-color: #9BDBD8;
scrollbar-arrow-color: #9BDBD8;
scrollbar-3dlight-color: #757575;
scrollbar-darkshadow-color: #757575;
scrollbar-face-color: #757575;
scrollbar-highlight-color: #757575;
scrollbar-shadow-color: #757575;
scrollbar-track-color: #CECECE;
}

img {
border: 0;
}

form {
padding: 0px;
margin: 0px;
}

input {
color: #000000;
border: 1px solid #124766;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
}

.inputnoborder {
border: 0px;
}

textarea {
color: #000000;
border: 1px solid #124766;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
min-height: 100%;
margin:0;
position:relative;
}

#nonfooter { 
min-height:100%; 
} 
* html #non-footer { 
height:100%; 
}

#topmenu {
position: relative;
color: #525355;
vertical-align: top;
font-size: 12px;
width: 100%;
}

#galleries {
font-weight: bold;
letter-spacing: 1px;
font-size: 11px;
white-space: nowrap;
}

a.reg {
display: block;
color: #56c5bc;
text-decoration: none;
vertical-align: top;
line-height: 20px;
padding-left: 14px;
background: url(../images/reg.gif) no-repeat;
background-position: 0px 6px;
}

a.reg:hover, a.reg:active, a.reg:focus {
color: #56c5bc;
background: url(../images/curr3.gif) no-repeat;
background-position: 0px 6px;
}

a.curr {
display: block;
color: #939598;
text-decoration: none;
vertical-align: top;
line-height: 20px;
padding-left: 14px;
background: url(../images/curr.gif) no-repeat;
background-position: 0px 6px;
}

#projects {
text-transform: uppercase;
font-size: 9px;
}

a.reg2 {
display: block;
color: #939598;
text-decoration: none;
vertical-align: top;
line-height: 20px;
padding-left: 2px;
background: url(../images/reg2.gif) no-repeat;
background-position: 0px 9px;
}

a.reg2:hover, a.reg2:active, a.reg2:focus {
color: #56c5bc;
/*text-decoration: line-through;*/
background: url(../images/curr2.gif) no-repeat;
background-position: 0px 9px;
}

a.curr2 {
display: block;
color: #939598;
text-decoration: line-through;
vertical-align: top;
line-height: 20px;
padding-left: 2px;
background: url(../images/reg2.gif) no-repeat;
background-position: 0px 9px;
}

#mainarea {
position: relative;
display: block;
color: #525355;
vertical-align: top;
font-size: 12px;
min-height: 400px;
margin-top: 20px;
}

#contactform a {
color: #56c5bc;
text-decoration: underline;
font-weight: bold;
}

#contactform a:hover, #contactform a:active, #contactform a:focus {
color: #56c5bc;
}

#mainarea a.speciallink {
text-decoration: none;
}

#mainarea a.speciallink:hover, #mainarea a.speciallink:active, #mainarea a.speciallink:focus {
text-decoration: none;
}

#slide {
position: relative;
display: block;
overflow: hidden;
}

#slide div {
position: relative;
display: block;
top: 0px;
}

#footer {
margin: 100px 0px 10px 170px;
position: relative;
color: #525355;
vertical-align: bottom;
font-size: 10px;
}

#footer a {
color: #525355;
text-decoration: underline;
}

.pagetitle {
color: #56c5bc;
font-weight: bold;
}

#primages {
position:relative;
height: 425px;
overflow: auto;
overflow-x:auto;
overflow-y:hidden;
}

#buyme {
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
}

#woman {
position: absolute;
right: 0px;
bottom: -30px;
z-index: 1000;
}

#primages img {
margin: 0 3px 0 0;
}

#projectcontrols {
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
color: #9d9fa2;
font-size: 11px;
}

#projectcontrols a {
color: #9d9fa2;
text-decoration: underline;
}

#projectcontrols a:hover, #projectcontrols a:active, #projectcontrols a:focus {
color: #9d9fa2;
}

#projectcontrols2 {
position: absolute;
bottom: -55px;
right: -5px;
text-align: right;
color: #56c5bc;
}

#projectcontrols2 a {
color: #56c5bc;
text-decoration: underline;
}

#projectcontrols2 a:hover, #projectcontrols2 a:active, #projectcontrols2 a:focus {
color: #56c5bc;
}

#forsale {
position: absolute;
background: url(../images/bg.jpg);
width: 350px;
border-top: 1px #9d9fa2 solid;
color: #939598;
font-size: 12px;
padding: 20px 25px;
left: 50%;
top: 50%;
z-index: 750; 
line-height: 1.5em;
}

#forsale input, #forsale textarea {
border: none;
color: #9d9fa2;
background-color: #ebe8ea;
}

#forsaleclose {
position: absolute;
right: 0;
top: 0;
}

a.speciallink2 {
font-weight: bold;
color: #9d9fa2;
text-decoration: none;
}

a.speciallink2:hover, a.speciallink2:active, .speciallink2:focus {
text-decoration: none;
}

.hplink img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}

.hplink:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}

#projtext a, #projtext a:visited {
color: #56C5BC;
text-decoration: none;
}

#projtext a:hover {
text-decoration: underline;
}

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }
    
div#scrollbar { 
  position:relative;
  width:10px;
  height:290px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:0px;
  width:8px; height:288px;
  /*border: 1px #56c5bc solid;*/
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:6px; height:48px;
  background: url(../images/dragbar.png) repeat-y;
  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
}