@charset "utf-8";
/* CSS Document */

#verticalPos{
position:relative !important;
top:118px !important;
}
#footer{
clear:both;
}

#maxImage{
position:relative !important;
top:1px !important;
}


.thumbresetter{
border-color:#FF00FF !important;
margin:0px 0px 0px 0px !important;
padding: :0px 0px 0px 0px !important;
width: 1px !important;
height: 10px !important;
color:#FF00FF !important;
display:inline !important;
z-index:999999;
}

.descText a:link, .descText a:visited {
	text-decoration: underline !important;
	color: #906E52 !important;
	background: none !important;
}

.descText a:hover, .descText a:active {
	text-decoration: underline !important;
	color: #a8afb6 !important;
	background: none !important;
}

#maxDescr{
width:505px;
min-width:505px;
margin:0px;
padding:6px 0px 10px 0px !important;
float:left;
font-size:11px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#a7adb4;
display: block;
background-color:#fff;     /* fix jquery fade effect in ie */
font-weight:bold;          /* http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html */
filter:alpha(opacity=90);  /* fix jquery fade effect in ie */
}

#imgContainer{
float:left !important;
border:none !important;
padding:0px !important;
min-height: 350px !important;
width: 505px !important;
}

#imgContainer #maxDescr{
font-size:11px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#a7adb4;
display: block;
padding:6px;
}

#imgContainer cite{
float:left;
font-size:11px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#a7adb4;
display: block;
padding:6px;
}

#projectDetails div{
color:#a7adb4;
display:block;
width:397px;
padding:20px;
border:solid #c7b6a8 1px;
float:right;
}
#projectDetails div h1{
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:normal;
margin:8px 0px 18px 0px;
}

#projectDetails div p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin:8px 0px 8px 0px;
}

#projectDetails div p b{
display:block;
float:left;
width:90px;
padding:1px;
font-size:11px;
font-weight:normal;
}

#projectDetails ul{
display:block;
width:437px;
height:50px !important;
/*float:right;*/
margin:0px;
padding:0px;

position:relative;
right:20px;
bottom:10px;
/*border:1px solid #ff00ff;*/ /****************/
}


#projectDetails li{
display:inline;
margin:0px;
padding:0px;
list-style:none;
width:17px;
height:17px;
}

#projectDetails li a{
display:block;
float: left;
width:17px;
height:17px;
font-size:11px;
text-align:center;
margin:18px 17px 0px 0px;
}

#projectDetails li a:link, #projectDetails li a:visited{
border:solid 1px #a7adb4;
color:#FFFFFF;
text-decoration: none;
z-index: 20006;
}

#projectDetails li a:hover{
border:solid 1px #7CA4BC;
color:#7CA4BC;
background-color:#7CA4BC;
z-index: 20007;

}

#projectDetails li a:active{
border:solid 1px #a7adb4;
background-color:#a7adb4;
z-index: 20007;
color:#a7adb4;
text-decoration: none;
}

ul .thumbs{
z-index: 20004;
height: 50px !important;
border: solid 1px #ff00ff;
}

li a .null, li a .current{
z-index: 20005;
}

.current{
border:solid 1px #a7adb4;
color:#a7adb4 !important;
text-decoration: none;
background-color:#a7adb4;
cursor:default;
height:17px;
width:17px;
}

.current:hover{
color:#a7adb4 !important;
text-decoration: none;
}
#projectMain{
padding:14px;
}

#projectThumbs{
float:right;
width:584px;
}

#projectThumbs #medThumb{
float:left;
background:#7CA4BC;
margin:8px;
height:116px;
width:116px;
}

#medThumb a:link, #medThumb a:visited{
border:solid 1px #eeeeee;
display:block;
display:none;
text-decoration:none;
color: #eeeeee;
}

#medThumb a:hover, #medThumb a:active{
border:solid 1px #7CA4BC;
display:block;
display:none;
text-decoration:none;
color:#7CA4BC;
}

#projectsNav{
cursor:default;
width:300px;
padding:20px;
}

#projectsNav ul, #projectsNav li{
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}

#projectsNav ul li a{
display:block;
width:200px;
height:15px;
text-decoration:none;
}


/*
#verticalPos{
z-index:19998;
}

#content{
z-index:19999;
}

#project{
z-index:20000;
}

#projectDetails div{
z-index:20001;
}

#projectDetails{
z-index:20002;
}

#miniThumbs{
z-index:20003;
}
*/
#projectDetails #miniThumbs{
border-style:none;
}




/*Master Planning*/
#sNavMasterPlanning a:link, #sNavMasterPlanning a:visited{
background:url(../img/SubNav/sNavMasterPlanning.gif) top right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavMasterPlanning a:active, #sNavMasterPlanning a:hover{
background:url(../img/SubNav/sNavMasterPlanning.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavMasterPlanning.active a:link, #sNavMasterPlanning.active a:visited{
background:url(../img/SubNav/sNavMasterPlanning.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavMasterPlanning.active a:active, #sNavMasterPlanning.active a:hover{
background:url(../img/SubNav/sNavMasterPlanning.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}


/*Commercial*/
#sNavCommercial a:link, #sNavCommercial a:visited{
background:url(../img/SubNav/sNavCommercial.gif) top right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavCommercial a:active, #sNavCommercial a:hover{
background:url(../img/SubNav/sNavCommercial.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavCommercial.active a:link, #sNavCommercial.active a:visited{
background:url(../img/SubNav/sNavCommercial.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavCommercial.active a:active, #sNavCommercial.active a:hover{
background:url(../img/SubNav/sNavCommercial.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}


/*Residential*/
#sNavResidential a:link, #sNavResidential a:visited{
background:url(../img/SubNav/sNavResidential.gif) top right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavResidential a:active, #sNavResidential a:hover{
background:url(../img/SubNav/sNavResidential.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavResidential.active a:link, #sNavResidential.active a:visited{
background:url(../img/SubNav/sNavResidential.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavResidential.active a:active, #sNavResidential.active a:hover{
background:url(../img/SubNav/sNavResidential.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}


/*Education*/
#sNavEducational a:link, #sNavEducational a:visited{
background:url(../img/SubNav/sNavEducational.gif) top right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavEducational a:active, #sNavEducational a:hover{
background:url(../img/SubNav/sNavEducational.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavEducational.active a:link, #sNavEducational.active a:visited{
background:url(../img/SubNav/sNavEducational.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}
#sNavEducational.active a:active, #sNavEducational.active a:hover{
background:url(../img/SubNav/sNavEducational.gif) bottom right no-repeat;
margin:0px 0px 68px 0px;
}


/*Restaurant & Bar*/
#sNavRestaurantBar a:link, #sNavRestaurantBar a:visited{
background:url(../img/SubNav/sNavRestaurantBar.gif) top right no-repeat;
}
#sNavRestaurantBar a:active, #sNavRestaurantBar a:hover{
background:url(../img/SubNav/sNavRestaurantBar.gif) bottom right no-repeat;
}
#sNavRestaurantBar.active a:link, #sNavRestaurantBar.active a:visited{
background:url(../img/SubNav/sNavRestaurantBar.gif) bottom right no-repeat;
}
#sNavRestaurantBar.active a:active, #sNavRestaurantBar.active a:hover{
background:url(../img/SubNav/sNavRestaurantBar.gif) bottom right no-repeat;
}

#imgPreloader{
display:none;
}