html,body{
   width:100%;
   height:100%;
   margin:0px;
   padding:0px;
}
body{
   background-color: #363634;
}
body.weddings{
   background-color: #e7e4cc;
}
body,td,a,pre,textarea,input{
   font-family:Verdana, Geneva, sans-serif;
   color: white;
}
body,td,pre,textarea,input{
   /*SIZE*/
   font-size:12px;
}
body,div,span{
   cursor: default;
}
textarea{
   overflow:auto;
}

a, span.menuItem{
   text-decoration:none;
   cursor: hand;
   cursor: pointer;
   color: white;
}
map,area{
   cursor: hand;
   cursor: pointer;
}
a:hover, *.active{
   color: #e6e4c8;
}
body.weddings a:hover, body.weddings  *.active{
   color: #a7a598;
}

div.hide{
   display:none;
}

*.text{
   text-align: justify;
}

*.minor{
   font-size:70%;
}

*.selected{
   font-weight:bold;
}

/*
** Base
*/

/* menu */
#menu{
   position: absolute;
   /*SIZE*/
   left:44px;
   top:132px;
   overflow:visible;
   z-index:2;
}

#menu a, #menu span{
   /*SIZE*/
   padding-right:38px;
   font-weight:bold;
}

#portfolioMenu{
   position:absolute;
   left:0px;
   top:0px;
   /*SIZE*/
   padding-top:16px;
   font-size:13px;
   visibility:hidden;
   background-color: #363634;
   _width:20px;/*min width for IE*/
   overflow:visible;
   z-index:1;
}
body.weddings #portfolioMenu{
   background-color: #e7e4cc;
}

#portfolioMenu div{
   padding:2px;
   border-bottom:1px solid white;
}

#r_a{
   position:absolute;
   /*SIZE*/
   left:704px;
   top:132px;
}

div.lowText{
   color: #bebebb;
}

/*
** Contents
*/

/* page items */
#enter{
   position:absolute;
   left:380px;
   top:150px;
   font-size:17px;
   line-height:20px;
   color:white;
}

#mainBox{
   position:absolute;
   left:0px;
   /*SIZE*/
   top:163px;
   width:100%;
   height:335px;
   height:"339px";
   border-style:solid;
   border-width:2px 0px 2px 0px;
   border-color:white;
}
#singleBox{
   position:absolute;
   left:0px;
   top:0px;
   /*SIZE*/
   width:924px;
   height:335px;
   overflow:auto;
}
#singleBoxContents{
   /*SIZE*/
   padding:0px 5px 11px 44px;
   line-height: 22px;
}

#leftBox{
   position:absolute;
   left:0px;
   top:0px;
   /*SIZE*/
   width:418px;
   height:335px;
   overflow:auto;
}
#leftBoxContents{
   /*SIZE*/
   padding:22px 22px 11px 44px;
   line-height: 22px;
   overflow: hidden;
}

#rightBox{
   position:absolute;
   /*SIZE*/
   left:418px;
   width:506px;
   top:0px;
   height:335px;
   border-style:solid;
   border-width:0px 2px 0px 2px;
   border-color:white;
   overflow:hidden;
}

#newsBox{
   position:absolute;
   /*SIZE*/
   left:44px;
   top:522px;
   width:572px;
}

#projectTitleContainer div{
   cursor: hand;
   cursor: pointer;
   white-space: pre;
}

body.weddings #projectTitleContainer{
  color: #a7a598;
}

#mainImgContainer{
   position:absolute;
   display: none;
   /*SIZE*/
   width: 506px;
   text-align: right;
}

#photoArrows{
   position:absolute;
   /*SIZE*/
   left: 434px;
   top: 522px;
   font-size: 12px;
   font-weight: bold;
   color: #a7a598;
   display: none;
}
#photoArrowLeft,#photoArrowRight{
   color: white;
}
body.weddings #photoArrowLeft,body.weddings #photoArrowRight{
   color: #a7a598;
}
/*#photoArrowLeft:hover,#photoArrowRight:hover{
   color:#e6e4c8;
}*/

#photoDescription{
   position:absolute;
   /*SIZE*/
   left: 99px;
   top: 0px;
   width: 390px;
   font-weight: normal;
   color: white;
}
#photoGalleryClose{
   position:absolute;
   /*SIZE*/
   left: 0px;
   top: 22px;
}
#photoArrowRight, #photoArrowLeft, #photoGalleryClose{
   cursor: hand;
   cursor: pointer;
}

#loading{
   position:absolute;
   display:none;
   /*SIZE*/
   left:654px;
   top:319px;
}

*.linksType{
   padding-top: 20px;
}

*.linksType, *.linkName{
   font-weight: bold;
}

#contactForm{
   position:absolute;
   /*SIZE*/
   left:27px;
   top:16px;
   font-size: bold;
}
#contactForm div{
   margin-bottom: 5px;
}
#contactForm textarea{
   /*SIZE*/
   width:346px;
   height:137px;
   border-width:0px;
   color: #363634;
}
#contactForm input{
   /*SIZE*/
   width:346px;
   border-width:0px;
   color: #363634;
}
#contactForm input.send{
   width:auto;
   border-width:0px;
   padding:0px;
   background-color: transparent;
   font-weight:bold;
   color: white;
}

/*
** Effects
*/

.opaque0{
   opacity:0;
   filter:alpha(opacity=0);
   -khtml-opacity:0;
   -o-opacity:0;
   -moz-opacity:0;
}
.opaque1{
   opacity:0.1;
   filter:alpha(opacity=10);
   -khtml-opacity:0.1;
   -o-opacity:0.1;
   -moz-opacity:0.1;
}
.opaque2{
   opacity:0.2;
   filter:alpha(opacity=20);
   -khtml-opacity:0.2;
   -o-opacity:0.2;
   -moz-opacity:0.2;
}
.opaque3{
   opacity:0.3;
   filter:alpha(opacity=30);
   -khtml-opacity:0.3;
   -o-opacity:0.3;
   -moz-opacity:0.3;
}
.opaque4{
   opacity:0.4;
   filter:alpha(opacity=40);
   -khtml-opacity:0.4;
   -o-opacity:0.4;
   -moz-opacity:0.4;
}
.opaque5{
   opacity:0.5;
   filter:alpha(opacity=50);
   -khtml-opacity:0.5;
   -o-opacity:0.5;
   -moz-opacity:0.5;
}
.opaque6{
   opacity:0.6;
   filter:alpha(opacity=60);
   -khtml-opacity:0.6;
   -o-opacity:0.6;
   -moz-opacity:0.6;
}
.opaque7{
   opacity:0.7;
   filter:alpha(opacity=70);
   -khtml-opacity:0.7;
   -o-opacity:0.7;
   -moz-opacity:0.7;
}
.opaque8{
   opacity:0.8;
   filter:alpha(opacity=80);
   -khtml-opacity:0.8;
   -o-opacity:0.8;
   -moz-opacity:0.8;
}
.opaque9{
   opacity:0.9;
   filter:alpha(opacity=90);
   -khtml-opacity:0.9;
   -o-opacity:0.9;
   -moz-opacity:0.9;
}
.opaque10{
   opacity:1;
   filter:alpha(opacity=100);
   -khtml-opacity:1;
   -o-opacity:1;
   -moz-opacity:1;
}



/* edit menu */

#editPoint{
   position:absolute;
   top:5px;
   right:20px;
   font-size: 12px;
   color: #cccccc;
}
#editMenu{
   display:none;
   position:absolute;
   top:0px;
   right:20px;
   border:1px solid black;
   padding: 2px;
   cursor:default;
   background-color: #cccccc;
}
#editMenu input{
   border: 1px solid black;
   color:black;
   background-color: white;
}