/* Global Style */

body {margin-top: 31px; font-family: Arial, sans-serif; background-color: #fff;}
ul { list-style: none; }
a {text-decoration: none}
a:hover{text-decoration: none}
table{border-collapse: collapse}
.Title1 {font-weight: bold; font-size: 18px;}
.SubTitle {font-size: 11px; color: #154ca3; text-transform: uppercase;}
.disclaimer {font-size: 11px; color: #707070;}
.hiddeninfo {display:none;}
b,strong {font-weight: bold;}
.blackText {color:#000;}


/* Homepage Slideshow */

#slideshow {
    position:relative;
    height:414px;
    margin: 102px 102px 0px 420px; 
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




/*Page Layout - Wrapper*/

#page { border: 1px; border-color: #7f7f7f; margin:auto; overflow:hidden; background-color:#fff; width:936px; height: 619px; border-style: solid;}
#page div.content {margin-top: 150px;}
#content {float:left; font-size: 11px; color: #3f3f3f; background-color: aqua; width:550px; margin-left: 80px; margin-top: 30px; margin-bottom: 30px;}


/*Page Layout - Navigation*/

#nav{ float:left; margin-top:190px;}
#navHome{ float:right; margin-top:190px;}
#nav img{float:left; height: 42px; width: 263px; border:0px;position:relative; left:40px; border:0px;}
#nav h2 {font-size: 30px; font-weight: normal; margin: 2px 0px 2px 0px}
#nav h2 a {color: #bfbfbf;}
#nav h2 a:hover {color: #000;}
#nav h2 a.selected {color: #000;}
#nav ul{clear:both;position:relative; top:20px;}



/* Content - Portfolio Thumbnails*/
#portfolio {float:left;list-style: none; margin-left: 100px; }
#portfolio li{float:left; padding-left: 3px;}
#portfolio img{border:0px;}

/* permanent */
#portfolio li.p1{margin-top:-100px;}
#portfolio li.p2{margin-top:40px;}
#portfolio li.p3{margin-top:-77px;}
#portfolio li.p4{margin-top:-55px;}
#portfolio li.p5{margin-top:30px;}
#portfolio li.p6{margin-top:-22px;}
#portfolio li.p7{margin-top:-50px;}
#portfolio li.p8{margin-top:110px;}
#portfolio li.p9{margin-top:0px;}
#portfolio li.p10{margin-top:-88px;padding-right: 4px;}

/* ephemeral */
#portfolio li.e1{margin-top:100px;}
#portfolio li.e2{margin-top:-20px;}
#portfolio li.e3{margin-top:50px;}
#portfolio li.e4{margin-top:60px;}
#portfolio li.e5{margin-top:-100px;}
#portfolio li.e6{margin-top:-110px;}
#portfolio li.e7{margin-top:4px;}
#portfolio li.e8{margin-top:29px;}
#portfolio li.e9{margin-top:120px;}
#portfolio li.e10{margin-top:60px;padding-right: 4px;}

#portfolio li.list{margin-top:10px;background-color: #fff; padding:5px; color: white; font-size: 18px;}
#portfolio div.listBlock{width: 132px; height:225px; text-align: right; display:table-cell; vertical-align: bottom;}
#portfolio div.listBlock a{color:#fff;}


/* Content - Portfolio List */
#container {

left:0px;
top:0px;
margin:1em auto;
position:relative;
width:936px;
z-index:38;
}
#topPanel {

left:0;
position:absolute;

top:0px;
width:936px;
z-index:25;
height:30px;
}
#panel {
background:#000;
opacity:0.8;
height:0px;
overflow:hidden;
position:relative;
text-align:left;
top:1px;
width:936px;
z-index:39;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#pnlContent  {
height:30px;
color:#fff;
z-index:40;
}


.panelBtn {
border-bottom: solid 0px;
border-top: solid 0px;
background-color: #fff
position:relative;
top: 1px;
height:20px;
width:936px;
z-index:37;
padding: 0px; 
border-color: #fff;


}


.panelBtn a {
text-decoration:none;
font-size:24px; 
font-weight: normal;
color:#bfbfbf;
z-index:36;
padding:15px;
float:right;
}
.panelBtn a:hover {
color: #000;
}


.panelBtn img {
margin-left:2px;
margin-bottom:1px;
border:0px;
}

p#description {
float:left;
margin-top:20px;
width:480px;

}
#portfolioList ul {margin: 0px; padding:10px; float:left;}
#portfolioList .listTitle{color:#FFF; font-size:20px; font-weight: bold; }
#portfolioList li{color:#fff; size:11px; }
#portfolioList li a{color:#58585a; background:#fff; width:150px; font-size: 11px;  padding:1px 3px 1px 3px; margin-top:4px; margin-bottom:2px; display: block;}
#portfolioList li a:hover{color:#fff; background:#58585a; width:150px; padding:1px 3px 1px 3px;margin-top:4px;margin-bottom:2px;display: block;}


/* Content - Text Area*/

#boxText{ 
width: 414px; 
height: 414px; 
margin: 102px 102px 0px 0px;
float:right; 
background-color: #e8e8e8;
overflow: hidden; 
position: relative; 
z-index:27;
}

#boxText strong{
font-weight: bold;
}
#boxText a{
color:#000;
text-decoration: underline;
}
#boxText p a:hover{
color:#fff;
background-color: #666;
text-decoration: none;
}


.scroll-pane{font-size: 12px; color:#666; padding:20px; height: 374px;overflow: auto; border-color:}



/* Content - Portfolio Project Detail*/

#bar img{ border:0px;  background-color: #fff; height:4px; width:100%; } 
#info {display: table-cell; border:0px;  background-color: #fff; margin:20px 0px 20px 0px; height: 299px; padding-top:5px;}
#info p{font-size: 11px; color: #3f3f3f}
#info a{ color:#000; text-decoration: underline;}
#info p a:hover{color:#fff; background-color: #666; text-decoration: none;}
#info strong{font-size: 13px; font-weight: bold;}
#info div.portfolioButton {text-align: center; padding:5px;}
#info div.portfolioButton a{ text-align: center; color:#fff; background:#58585a; padding: 1px 5px 1px 5px; font-size: 11px;  margin:1px;border: solid 1px #58585a;}
#info div.portfolioButton a:hover{color:#58585a; background:#fff;}



.boxgrid{ 
width: 414px; 
height: 414px; 
margin: 102px 102px 0px 0px;
float:right; 
background:#fff; 
border: 0px; 
overflow: hidden; 
position: relative; 
z-index:27;
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding: 0 20px; 
color:#afafaf; 
font-weight:bold; 
font:10pt  Arial, sans-serif; 
}
				
.boxcaption{ 
float: left; 
margin:20px;
position: absolute; 
background: ; 
height: 414px; 
width:374px; 
opacity: 1.0; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.captionfull .boxcaption {
top: 330px;
left: 0;
}

.caption .boxcaption {
top: 200px;
left: 0;
}

.captionfull .boxcaption h3{color:#FFF; font-size:14px; font-weight: bold;  padding:0px; margin:5px 0px 0px 0px; clear:both; }
.captionfull .boxcaption h4{color:#FFF; font-size:18px; font-weight: bold;  padding:0px; margin:5px 0px 22px 0px;  clear:both;}
.test {color:#FFF; font-size:14px; font-weight: bold;  padding:0px; margin:5px 0px 0px 0px; clear:both; }
.test2 {color:#FFF; font-size:18px; font-weight: bold;  padding:0px; margin:5px 0px 22px 0px;  clear:both;}

/*Page Layout - Footer */
#footer {clear:both; margin:auto; overflow:hidden; width:932px;text-align: right;padding:5px 0px 0px 5px;}
#footer a {color: #919191; text-transform: uppercase;  font-size: 10px; }
#footer a:hover{color: #000;}