H1 
{
	color:#74a2d0;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px 3px; PADDING-TOP: 0px
}
H2 
{
	color:#74a2d0;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
}
H3 
{
	color:#74a2d0;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
}
H4
{	color:#74a2d0;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
	}
H5 
{
	color:#74a2d0;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
}

UL {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
BODY {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(Images/bg_tile.gif); MARGIN: 0px 0px 0px 0px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #111111
}

BLOCKQUOTE {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
CAPTION {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
CENTER {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
DD {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
DIR {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
DIV {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
DL {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
DT {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
FORM {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
MENU {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
LI {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
OL {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
P {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
PRE {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}
TD {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}

HR {
height:2px;
background:#67c16d;
}

A:link IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A:visited IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A:hover IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

A.ProgressLabel:link{Color: Black; text-decoration: none; font-weight: normal}

a.projectLink {color:#99FFBB}

.address {
	FONT-SIZE: 9pt; COLOR: #3a3a3a; FONT-FAMILY: Verdana
}


.myselect { 
width:150px; 
} 


A.mod 
{
		FONT-SIZE: 20px; 
}

.green {
	FONT-SIZE: 8pt; COLOR: #FFFFFF; font-weight:bold; FONT-FAMILY: Verdana;
	background-color:#00B825;height:16px;vertical-align:middle; text-align: center;
}

.red 
{
	FONT-SIZE: 8pt; COLOR: #FFFFFF; font-weight:bold; FONT-FAMILY: Verdana;
	background-color:#B82500;height:16px;vertical-align:middle; text-align: center;
}

td A.progress 
{
	FONT-SIZE: 8pt; COLOR: #FFFFFF; font-weight:bold;FONT-FAMILY: Verdana;
	}

.progressbar_label
{
	font-family:Arial;font-size:10px;
	text-align:center;
}

.ready
{
	FONT-SIZE: 10pt; COLOR: Green; font-weight:bold; FONT-FAMILY: Verdana;
	height:16px;vertical-align:middle; text-align: right; border: solid 1px green;background-image: url('images/check.png');
	background-repeat: no-repeat
	
}
.notready
{
	FONT-SIZE: 10pt; COLOR: Gray; font-weight:bold; FONT-FAMILY: Verdana;
	height:16px;vertical-align:middle; text-align: right; border: solid 1px gray;background-image: url('images/delete.png');
	background-repeat: no-repeat
}

.buildRow
{
	border: solid 1px yellow;	
}

.transportRow
{
	border: solid 1px lightblue;
}

.installRow
{
	border: solid 1px green;
}

 .progress_empty
{
    
    background-image: url('images/progress_empty_filler.png'); background-repeat: repeat-x
}

.progress_install_full
{
    background-image: url('images/progress_install_full_filler.png'); background-repeat: repeat-x
}

.step_build
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}

.step_fabricate
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}


.step_erect
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}


.step_transport
{
    background-image: url('images/progress_transport_full_filler.png'); background-repeat: repeat-x
}

.step_maintain
{
    background-image: url('images/progress_transport_full_filler.png'); background-repeat: repeat-x
}

.step_install
{
    background-image: url('images/progress_install_full_filler.png'); background-repeat: repeat-x
}

.step_empty
{
    background-image: url('images/progress_empty_filler.png'); background-repeat: repeat-x
}


.progress_transport_full
{
    background-image: url('images/progress_transport_full_filler.png'); background-repeat: repeat-x
}

.progress_maintain_full
{
    background-image: url('images/progress_transport_full_filler.png'); background-repeat: repeat-x
}


.progress_build_full
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}

.progress_erect_full
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}

.progress_fabricate_full
{
    background-image: url('images/progress_build_full_filler.png'); background-repeat: repeat-x
}


td .progress_left
   {
 background-image:  url('images/progress_leftend.png'); background-repeat: repeat-x
 }
td .progress_right
{
   background-image: url('images/progress_rightend.png'); background-repeat: repeat-x
}

.error {
	BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; BORDER-LEFT: red 2px solid; COLOR: red; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: Red;
}
.redText {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #b3342b
}
.redTextSm {
	FONT-SIZE: 8pt; MARGIN-BOTTOM: 10px; COLOR: #b3342b; TEXT-DECORATION: none
}
.redTextSm A:link {
	FONT-SIZE: 8pt; MARGIN-LEFT: 155px; COLOR: #b3342b; TEXT-DECORATION: none
}
.redTextSm A:visited {
	FONT-SIZE: 8pt; MARGIN-LEFT: 155px; COLOR: #b3342b; TEXT-DECORATION: none
}
.redTextSm A:hover {
	MARGIN-LEFT: 155px; COLOR: #2b2b2b
}

.navBkg {
	BACKGROUND: url(Images/nav_bkg.jpg) #ffffff repeat-y left top; WIDTH: 190px
}

#content {
	BACKGROUND-COLOR: White;
	Width:100%;
	min-height: 600px;
	height:100%;
	position:relative;
}

.breadCrumb {
	MARGIN-LEFT: 0px
}
.breadCrumbSpacer {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 8px; PADDING-BOTTOM: 0px; COLOR: #555555; PADDING-TOP: 0px
}
A.breadCrumb:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; COLOR: #555555; PADDING-TOP: 0px; TEXT-DECORATION: none
}
A.breadCrumb:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; COLOR: #555555; PADDING-TOP: 0px; TEXT-DECORATION: none
}
A.breadCrumb:hover {
	COLOR: #848484; TEXT-DECORATION: underline
}

#pageImageContainer {
	MARGIN: 0px
}
.footer A:link {
	COLOR: #999999; TEXT-DECORATION: underline
}
.footer A:visited {
	COLOR: #999999; TEXT-DECORATION: underline
}
.footer A:hover {
	TEXT-DECORATION: none
}
A.userLogin:link {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; font-weight:bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px;  COLOR: #d5d5d5; PADDING-TOP: 5px; 
}
A.userLogin:hover {
	COLOR: #6699cc
}

A.userLogout:link {
	PADDING-RIGHT: 5px; BORDER-TOP: #434343 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 11px;  COLOR: #d5d5d5; PADDING-TOP: 8px; BORDER-BOTTOM: #232323 1px solid; TEXT-DECORATION: none
}
A.userLogout:visited {
	PADDING-RIGHT: 5px; BORDER-TOP: #434343 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 11px;  COLOR: #d5d5d5; PADDING-TOP: 8px; BORDER-BOTTOM: #232323 1px solid; TEXT-DECORATION: none
}
A.userLogout:hover {
	COLOR: #6699cc
}

#contentContainer {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 5px; height: auto;
}

.signupInfo {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.signupInfo .newsBtn {
	POSITION: relative; TOP: 5px
}

.memberHello {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt
}
.memberName {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #96ae04
}
#signupOutline {
	BORDER-RIGHT: #eeeeee 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #eeeeee 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 400px; PADDING-TOP: 5px; BORDER-BOTTOM: #eeeeee 1px solid
}
#member_submit {
	MARGIN: 0px 0px 0px 200px
}
#loginOutline {
	BORDER-RIGHT: #eeeeee 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #eeeeee 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 35px; MARGIN: 10px 10px 10px 200px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 350px; PADDING-TOP: 10px; BORDER-BOTTOM: #eeeeee 1px solid
}

.mainLogin
{
	width: 100%;text-align:center;
}


#loginOutline H4
{
 background-color: #99ccee; color: #003366;
}
#forgotPass {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 11px 0px 0px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#forgotPassOutline {
	BORDER-RIGHT: #eeeeee 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #eeeeee 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 68px; MARGIN: 10px; BORDER-LEFT: #eeeeee 1px solid; WIDTH: 320px; PADDING-TOP: 15px; BORDER-BOTTOM: #eeeeee 1px solid
}
#forgotPassOutline FORM {
	MARGIN-TOP: 2px; DISPLAY: inline
}
#forgotPassOutline BR {
	DISPLAY: none
}
#forgotPassOutline TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#forgotPassOutline INPUT {
	MARGIN-TOP: 0px
}

.gridDataTableLarge {
	BORDER-LEFT: #e6e8ed 1px solid; WIDTH: 100%; BORDER-BOTTOM: #e6e8ed 1px solid; BORDER-COLLAPSE: collapse
}
.gridHeaderRow {
	BORDER-RIGHT: #e6e8ed 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e6e8ed 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #a4a5a9 1px solid
}
.gridRow TD {
	BORDER-RIGHT: #e6e8ed 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f5f5f5; TEXT-ALIGN: center
}
.gridAltRow TD {
	BORDER-RIGHT: #e6e8ed 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}

.altImgs {
	MARGIN-LEFT: 15px
}


#outside{
	border:1px solid #000000;
	background:#000000;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:120px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#ffffff;
	width:118px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:118px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}


/* Rounded corner table */
table.rounded {
  background: #ffffff;
  color: #333333;
  position: relative;
  margin: 5px 10px 5px 5px ;
  text-align:left;
}

td.br {
  background: #ffffff url(images/br.png) no-repeat bottom right;
  width: 14px;
  height: 14px;
}

td.bl {
  background: #ffffff url(images/bl.png) no-repeat bottom right;
  width: 14px;
  height: 14px;
}

td.tr {
  background: #ffffff url(images/tr.png) no-repeat bottom right;
  width: 14px;
  height: 14px;
}

td.tl {
  background: #ffffff url(images/tl.png) no-repeat bottom right;
  width: 14px;
  height: 14px;
}


.gallery {padding:0 4px 10px 0; }
.gallery ul { margin:0; padding:0; background:#74A2D0 left top repeat-x; list-style:none; position:relative; height:36px; }

.gallery ul li { display:block; width:auto; float:left; color:#fff; height:36px; }
.gallery ul li a { display:block; width:auto; color:#fff; text-decoration:none; padding:8px 1.3em 8px 1em; font:1.1em Arial; font-weight:bold; background:url(../css/images/nav_arrow.jpg) right 0 no-repeat; }
.gallery ul li a:hover { text-decoration:underline; background:url(../css/images/nav_arrow.jpg) right -36px no-repeat; }
.gallery ul li.first { background:url(../css/images/bg_nav_left.jpg) left top no-repeat; }

.gallery ul li ul { display:none; position:absolute; top:34px; background:#fff left -34px repeat-x; height:auto; border-bottom:6px solid #003366; border-left:1px solid #003366; border-right:1px solid #003366; width:95%; left:2%; padding:8px 5px 15px 5px; }
.gallery ul li:hover ul,
.gallery ul li.over ul { display:block; }
.gallery ul li ul li { display:inline; float:none; background-image:none; height:auto; }
.gallery ul li ul li a { background-image:none; margin:8px; padding:2px; position:relative; border:1px solid #003366; float:left; display:block; width:75px; height:50px; background-color:#fff; }
.gallery ul li ul li a:hover { background-image:none; z-index:999; }
.gallery ul li ul li a img { position:absolute; top:2px; width:75px; height:50px; border:0; margin:0; padding:0; }
.gallery ul li a:hover img,
.gallery ul li a:active img,
.gallery ul li a:focus img { width:100px; height:75px; left:-11px; top:-10px; z-index:1; border:1px solid #000; }
.gallery ul li.overview { display:block; clear:both; padding:5px 10px 0 10px; color:#000; }


#gallery1 ul { z-index:2; }
#gallery2 ul { z-index:1; }

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../css/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../css/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../css/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavPrev { width: 20px; float: right;  padding-bottom: 0.7em;	}
#imageData #bottomNavPrev img { display:block; margin:3px auto 0 auto; }
#imageData #bottomNavNext { width: 20px; float: right;  padding-bottom: 0.7em; margin:0 10px 0 0; }
#imageData #bottomNavNext img { display:block; margin:3px auto 0 auto; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
	background-color: #000;
	-moz-opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}