/* 
Author:   harwel
Modified: 1 Dec 2008
*/
/* Reformat
-------------------------------------------------------------------------------------------------- */

body {font-family:Arial, Verdana, sans-serif;
	width: 100%;
	text-align: center; background:#444444 url(../Harwellifts/body_bg.gif) top left repeat-x;}
	
ol {margin: 50px}


#mainPage {
	width:975px;
	margin: auto;
	background-color:#FFF;
	border-right: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
}

h1{
	margin:10px 0px 20px 20px;
	font: bold 1.6em Arial;
	color: #000088;
	padding: 0px;
}
h2{
	text-align: center;
	font: bold 1.4em Arial;
	color: #000088;
	margin:10px 0px 20px 20px;
	padding: 0px;
}

h3{
	text-align: left;
	font: bold 1.1em Arial;
	color: #000088;
	margin:0px 0px 40px 75px;
	padding: 30px 0px 5px 0px;
}
h4{
	font: bold 1.05em Arial;
	color: #000088;
	margin:0px 0px 10px 20px;
	padding: 0px;
}
h5{
	font: bold 1em Arial;
	color: #000088;
	margin:0px 0px 0px 20px;
	padding: 0px;
}


.companyInfo {
	width: 973px;
	font-family: Arial;
	horizontal-align: center;
	margin: 1px;
	padding: 1px 1px 1px 1px;
	top: 120px;
	border-right: 0px solid #FF0000;
	border-left: 0px solid #FF0000;
	border-top: 0px solid #FF0000;
	border-bottom: 0px solid #FF0000;
	color: #FFF;
	background-color:#B7B782;
}

.LimitedParagraph {
	font: bold 100% Arial;
	color: #000088;
	margin: 0px;
	padding: 0px
}

.mastHead {
	width: 975px;
	height: 99px;
	color: #000088; 
	border-right: 0px solid #FF0000;
	border-left: 0px solid #FF0000;
	border-top: 0px solid #FF0000;
	border-bottom: 1px solid #FFF;
	padding: 0px;
	background-color: #FFF;
}

.siteLogo{
	width: 973px;
	padding: 0px 0px 0px 0px;
}

.pageBottom{ 
	width: 973px;
	vertical-align: top; 
	font-family: Arial;
	font-size: 9px; 
	text-align: Center;
	color: #000088;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#fff
}

.Menu {
	background-color:#888888;
	font: bold 0.7em Arial;
	width:975px;
	float:left;}

.Menu_visited {
	margin:2px 0px 2px 0px;
	width:75px;
	float:left;}
.Menu_visited a {text-decoration: none;
	color: #000;}
.Menu_unvisited {
	margin:2px 0px 2px 0px;
	width:75px;
	float:left;}
.Menu_unvisited a {text-decoration: none;
	color: #fff;}
.Menu_unvisited a:hover {color: #F6F668;}

.solarDetails {
	width:665px;
	float:left;}
	
.homeDetails {
	width:500px;
	float:left;}
	
.enclosureDetails {
	width:800px;
	float:left;}
	
.welcomeDetails {
	width:450px;
	float:left;}

.projectDetails img {
	margin: 0px 0px 0px 20px;
	horizontal-align: center; 
	border : solid 0px #FF0000;
	position: center;}
	
.projectDetails {
	background: url(Images/karingal/karingal/karingal1.gif) bottom right no-repeat;
	width:971px;
	float:left;
	}
	
.limitedButtons {
	background: url(Images/Buttons/buttons_background.gif) bottom right no-repeat;
	margin: 0px 0px 0px 50px;
	width:500px;
	height:189px;
	float:left;
	}
	
.commercialButtons {
	background: url(Images/Buttons/buttons_background2.gif) bottom right no-repeat;
	margin: 0px 0px 0px 0px;
	width:450px;
	height:218px;
	float:left;
	}
	
.divButtons {
	margin: 0px 0px 0px 20px;
	float:left;
	}
	
.divButtons_tight {
	margin: 0px 0px 0px 5px;
	float:left;
	}
.divInner {
	background-color: #888;
	color: #fff;
	text-align: justify; 
	margin: 10px 50px 20px 50px;
	padding: 30px 30px 30px 30px;
	width: 400px;
	}
.divInnerCommercial {
	background-color: #888;
	color: #fff;
	text-align: justify; 
	margin: 20px 50px 20px 50px;
	padding: 30px 30px 30px 30px;
	width: 300px;
	float:left;
	}
		
.limitedDetails {
	background: url(Images/Part15_1200_ClarenceSt/Part15_1200_ClarenceStreet_Collage.gif) bottom right no-repeat;
	width:971px;
	float:left;
	}
		
.commercialDetails {
	width:450px;
	float:left;
	}
	
	/*background: url(Images/Personnel/OurWorkshop.gif) bottom right no-repeat;*/
.workshopDetails {
	width:971px;
	float:left;
	}

.projectVideo {
	width:971px;
	float:left;
	}

.projectDetails1 {
	background-color: #FFF;
	width:665px;
	border: solid 0px #FF0000;
	float:	left;}

.textPara {
	font-style: normal;
	text-align: justify; 
	margin: 10px 50px 20px 50px;
	}

.textPara1 {
	font-style: normal;
	text-align: justify; 
	margin: 10px 50px 0px 50px;
	}
.textPara2 {
	font-style: strong;
	text-align: justify; 
	margin: 10px 50px 0px 50px;
	}
.textWarn {
	color: red;
	text-align: justify; 
	margin: 10px 50px 20px 50px;
	}
.imageCenter {
	horizontal-align: center; 
	margin: 20px 50px 20px 100px;
	}

.textPara_right {
	text-align: justify; 
	font-style: normal;
	margin: 10px 50px 20px 20px;
}

.textPara_right1 {
	text-align: justify; 
	font-style: normal;
	margin: 10px 50px 20px 50px;
}

.textPara_rightIndex {
	font-size: 85%;
	font-style: italic;
	text-align: center;
}

.Caption {
	font-size: 85%;
	font-style: bold;
	text-align: center;
	margin: 30px 50px 50px 30px;
}
.Caption1 {
	font-size: 85%;
	font-style: bold;
	text-align: center;
	margin: 28px 10px 10px 10px;
}
.Caption2 {
	font-size: 80%;
	font-style: normal;
	text-align: center;
}


.text_ol { margin: 0px 10px 3px 10px;
	list-style-type: decimal }
.text_li { margin: 10px 10px 10px 10px;
	list-style-type: decimal }

.divCommercialDisabled {
	width:553px;
	float:left;}

.divList { 		
	background: url(Images/Buttons/features_background.gif) bottom right no-repeat;
	width:418px;
	height:478px;
	float:left }
	
.divList li { margin: 0px 30px 5px 30px; }

.textHighlight {
	font: 1em/1.2 Georgia, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: justify; 
	margin: 20px 40px 10px 40px;
}
		
.limitedDetails2 {
	width:971px;
	float:left;
	}
	
.limitedButtons2 {
	margin: 20px 0px 20px 0px;
	background: url(Images/Buttons/buttons_background1.gif) bottom right no-repeat;
	width:418px;
	height: 288px;
	float:left;
	}
	
.finishButtons {
	margin: 0px 0px 20px 40px;
	background: url(Images/Buttons/buttons_background2.gif) bottom right no-repeat;
	width:450px;
	height: 215px;
	float:left;
	}
	
.limitedButtons3 {
	margin: 10px 0px 10px 50px;
	background: url(Images/Buttons/buttons_background3.gif) bottom right no-repeat;
	width:418px;
	height: 725px;
	float:left;
	}
	
.limitedButtons4 {
	margin: 10px 0px 10px 50px;
	background: url(Images/Buttons/buttons_background4.gif) bottom right no-repeat;
	width:418px;
	height: 560px;
	float:left;
	}
.projectButtons1 {
	margin: 20px 20px 20px 40px;
	background: url(Images/Buttons/buttons_background1.gif) bottom right no-repeat;
	width:418px;
	height: 288px;
	float:left;
	}
.divInner2 {
	background-color: #888;
	color: #fff;
	text-align: justify; 
	margin: 20px 0px 0px 30px;
	padding: 20px 10px 10px 50px;
	width: 300px;
	float:left;
	}
.divInner3 {
	background-color: #888;
	color: #fff;
	text-align: center; 
	margin: 20px 0px 0px 100px;
	padding: 20px 10px 10px 50px;
	width: 700px;
	float:left;
	}
.divInner3a {
	color: #fff;
	text-align: center; 
	width: 352px;
	float:left;
	}
.divInner3b {
	padding: 10px 10px 10px 10px;
	color: #fff;
	text-align: center; 
	width: 250px;
	float:left;
	}

.textHighlight2 {
	font: 0.8em Georgia, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: justify; 
	margin: 20px 20px 10px 20px;}

.textHighlight2a {
	font: 0.8em Georgia, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: justify; 
	margin: 20px 20px 10px 20px;}

.textHighlight3 {
	font: 0.8em Georgia, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: justify; 
	margin: 20px 20px 5px 20px;}

.textHighlight3h {
	font: 1.1em Georgia, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 20px 20px 5px 80px;}

.textHighlight3c {
	font: 0.8em Georgia, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 10px 10px 10px 10px;}

.sidebar {
	border : solid 0px #FF0000;
	width:285px;
	float:right;}
    
.homeCommercialDisabled {
	width:418px;
	float:left;
	}
	
.homeRight {
	border : solid 0px #FF0000;
	width:450px;
	float:left;}

.projectAlbum {
	border : solid 0px #FF0000;
	width:285px;
	float:right;}
    
.divLeft_logo {
	font-family: Arial;
	color: #000088;
 	border:	0px;
	float:	left;}
	
.divLeft_motto {
	font-family: Arial;
	color: #000088;
 	border:	0px;
	float:	left;}
	
.divRight_logo {
	font-family: Arial;
	color: #000088;
 	border:	0px;
	float:	right;}
	
.divLeft_motto h1 {
	margin:10px 10px 10px 10px;
	font: bold 100% Arial;
	color: #000088;}
	
.divLeft_bottom {
	font-family: Arial;
	font-size: 11px;
 	border:	0px;
	width:	320px;
	float:	left;}

.divLeft_photo350 {
	font-family: Arial;
	font-size: 11px;
 	border:	0px;
	width:	350px;
	float:	left;}
.divLeft_photo450 {
	font-family: Arial;
	font-size: 11px;
 	border:	0px;
	width:	450px;
	float:	left;}
	
.divClear {
    clear:both;
    }

.projectSlide {
	background-color: #FFF;
	clear:both;
	width:975px;
	vertical-align: top; 
	margin:0px 0px 0px 0px;
	color: #000088;
	font-family: Arial;
	font-size: 12px;
}

.feature {
	clear:both;
	background-color: #FFF;
	width:973px;
	vertical-align: top; 
	color: #000088;
	font:normal .98.em/1.4 Arial, Verdana, sans-serif;
}


.feature p{
	text-align: Justify;
	padding: 5px 5px 5px 5px;
}

.feature li{
	text-align: Justify;
	padding: 0px 0px 2px 0px;
}


.textHighlight1 {
	font:1em/1.4 Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: justify; 
	margin: 10px 40px 20px 50px;
}

/* background:#AAAAAA */
#navBlock {clear:both;width:975px; margin:0 0px; background:#888888;border-right: 0px solid #FF0000;border-left: 0px solid #FF0000;}
#mainNav {margin:0 0 0 5px; padding:0; line-height: 15px; height: 2.3em; background-color:#888888;border-right: 0px solid #FF0000;border-left: 0px solid #FF0000;letter-spacing: 1px}
#mainNav li {float:left; margin:3 5 0 0; padding:0; font-weight:normal; font-size: .85em; background:none;letter-spacing: 0.5px}
#mainNav a {display:block; color:#fff; text-decoration:none;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left:0;}
#mainNav li:hover, #mainNav li.sfhover {background: url(nav_hover_bg.gif) bottom center no-repeat;}
#mainNav li a {padding:0px 5px;}
#mainNav li a:hover {color: #F6F668;}
#mainNav_visited a {color: black; }


#my_slideshow {height:450px;width:400px;margin:20px 0 0 0;overflow:hidden !important}

#projectshow .changeproject {height:640px;overflow:hidden !important}
#projectshow .currentproject {position:center;margin:0px;width:640px;height:640px;overflow:hidden}
#projectshow .currentproject p,.currentproject h3, .currentproject small,.changeproject p {font-size:86%}
#projectshow .changeproject {border:0px solid #ccc;margin-bottom:.opx}
#projectshow .changeproject p {margin:0 1px;line-height:1.3}
#projectshow .changeproject p img {float:center;display:inline;margin:0px 0px 0 0;padding:0}	

.textsm {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textbg {
	FONT-SIZE: 20px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textreg {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}