@charset "utf-8";
/* CSS Document */
a:link {text-decoration: none; color:#fff;}
a:visited {text-decoration: none; color:#fff;}
body {BACKGROUND-COLOR: #141414;
}
/*Container Formating Section */
#containerpage {
	position: absolute;
	margin-left: -439px; /* This is the sum of the [width] + [2x][padding] [divided in half] */
	margin-top: -284px; /* This is the sum of the [height] + [2x][padding] [divided in half] */
	left: 50%;
	top: 50%;
	/* Thes two lines establish the size of the content area, the padding is additional */
	width: 878px;
	height: 580px; /* This is the sum of the [body height] + [header height] + [footer height] - [1xpadding] */
	/**/
	overflow: hidden;
	background-repeat: no-repeat;
	z-index:1;
	}	
	#indexbox{ position:absolute; top:130px; left:255px; width:440px; height:280px; background-color: #3B3B3B; z-index:1;
	}
	#indexjpg{ position:absolute; top:166px; left:255px; width:440px; height:216px; z-index:2;
	}
	#indexcross{ position:absolute; top:127px; left:343px;  font-family: "Century Gothic"; font-size:28px; font-weight:500; color:#FFF; z-index:5;
	}
	#indexllc{ position:absolute; top:145px; left:610px;  font-family: "Century Gothic"; font-size:10px; font-weight:500; color:#FFF; z-index:5;
	}
	#indexftp{ position:absolute; top:385px; left:320px;  font-family: "Century Gothic"; font-size:18px; font-weight:500; color:#FFF; z-index:5;
	}
	#indexenter{ position:absolute; top:385px; left:540px;  font-family: "Century Gothic"; font-size:18px; font-weight:500; color:#FFF; z-index:5;
	}
	#indexlo{ position:absolute; top:425px; left:295px; font-family: "Century Gothic"; font-size: 11px; color:#FFF; letter-spacing:1px; z-index:5;
	}
	#indexdiv{ position:absolute; top:387px; left:474px; width:1px; height:18px; background-color:#FFF; letter-spacing:1px; z-index:5;
	}
li {
list-style:none;
 }
p {   margin: 0px; padding: 7px 7px 0px 0px; 
}
.style2 {font-family: "Century Gothic"; font-size: xx-small; color: #868583; }
.style3 {font-family: "Century Gothic"; font-size: 9px; color: #868583; }
.Cross { font-family: "Century Gothic"; font-size:18px; font-weight:500; color:#FFF;}
.Arch{ font-family: "Century Gothic"; font-size:18px; font-weight:500; color:#FFF; margin-left:-3px;}
.title { font-family: "Century Gothic"; font-size:12px; font-weight:550; z-index:5; position:absolute; color:#FFF; width:172px; height:20px;
}
.llc{ font-family: "Century Gothic"; font-size: 9px; color: #fff;}
.lili {font-family: "Century Gothic";font-size:12px;color:#FFF; padding-left:12px;
}
.lili2 {font-family: "Century Gothic";font-size:12px;color:#FFF; padding-left:12px; line-height:150%;
}
.Grsublist { font-size:18px;letter-spacing:1px;color:#C3C3C3; height:18px;
}
.projectName { font-family: "Century Gothic"; font-size:16px; font-weight: bold; position:absolute; color: #B30909; z-index:5;
}
.projectAddress { font: normal 12px Century Gothic; color: #fff; position:absolute; z-index:5; }

#Info { font: bold 16px Century Gothic; color: #fff; position:absolute; left:200px; top:460px;z-index:5;
}
#Open {font: bold 12px Century Gothic; color:#333; position:absolute; left:750px; top:460px;z-index:5;
}
.navibox {
z-index:3;
background-color:#000;
filter: alpha(opacity=80); 
opacity: 0.8;
width:260px;
height:20px;
position:absolute;
left:0px;
top:33px;
text-align:center;
}
.navitext{ font: bold 11px Century Gothic; color: #fff; text-align:center; left:0px; z-index:5; top:13px; position:absolute;
}
#contactbox{
	z-index:2;
background-color:#000;
filter: alpha(opacity=85); 
opacity: 0.85;
width:240px;
height:488px;
position:absolute;
left:0px;
top:33px;
text-align:center;
}
#infobox{
	z-index:2;
background-color:#000;
filter: alpha(opacity=85); 
opacity: 0.85;
width:260px;
height:468px;
position:absolute;
left:0px;
top:53px;
text-align:center;
}
#projectBox{
	z-index:2;
background-color:#000;
filter: alpha(opacity=60); 
opacity: 0.6;
width:618px;
height:55px;
position:absolute;
left:260px;
top:454px;
text-align:center;
padding-bottom:12px;
z-index:2;
}
#thumbbox{	
z-index:2;
background-color:#000;
filter: alpha(opacity=60); 
opacity: 0.6;
width:618px;
height:421px;
position:absolute;
left:260px;
top:33px;
}
#line{ background-color:#000; 
  position:absolute; 
  width:1px; 
  height:488px;
  left:260px;
  top:33px;
  z-index:5;
}
#lineH{ background-color:#000; 
  position:absolute; 
  width:618px; 
  height:1px;
  left:260px;
  top:454px;
  z-index:7;
  font-size:0;
}
.gallery {left:260px;
top:50px;
width:618px;
height:488px;
position:absolute;
z-index:5;
}
#newboxes1, #newboxes2, #newboxes3, #newboxes4, #newboxes5, #newboxes6, #newboxes7, #newboxes8, #newboxes9, #newboxes10, #newboxes11, #newboxes12, #newboxes13, #newboxes14  {z-index:5; display:none; position:relative;
}
#information { font: 12px Century Gothic; color: #fff; left:20px; top:65px;  z-index:10; width:230px; height:400px; position:absolute; 
}
#informationC { font: 13px Century Gothic; color: #fff; z-index:10; width:220px; height:90px; position:absolute; top:70px; left:20px;
}
#informationG { font: 13px Century Gothic; color: #fff; z-index:10; height:90px; padding-top:10px;
}
#heading1 { font: 16px Century Gothic; position:absolute; z-index:5;
}
#heading2 { font: 16px Century Gothic; color:F00;
}
.infotopic { font-size:16px; font-weight:500; height:16px; color:#FFF; 
}
.infohead { font: 14px Century Gothic; font-weight:500; color:#C3C3C3; line-height:150%; text-decoration:underline;
}
#thumbnails { z-index:10; position:absolute; height:50px; top:457px; 
}
/*-------------------------------------------------------------------------------------------------------*/
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ /*CSS for Simple Gallery Example 1*/
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 3px solid #000;
}
#simplegallery1 .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
text-align: left;
padding: 2px 5px;
/*-------------------------------------------------------------------------------------------------------*/
.stepcarousel{
/*top:482px;*/
left:150px;
top:4px;
text-align:center;
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 618px; /*Width of Carousel Viewer itself*/
height: 55px; /*Height should enough to fit largest content's height*/
z-index:2;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
margin-top:3px;
margin-left:1px;
width: 50px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}