/* Main style sheet for James Cranes */
/* URL: www.jamescranes.com */
/* Created: 24-05-2010 */
/* Last edited: 24-05-2010 */

/* page structure and styling */

	html, body {
		height:95%;
		background-color: #72625B;
		padding: 0px;
		margin: 0px;
	}

	#centeredcontent {
		width: 900px;
		height: 95%;
		position: absolute;
		left: 50%;
		margin-left: -470px; 
		margin-top: 0px;
		border: 0px; 
		padding: 0px;
		background-color: #FFFFFF;
		display: block;
		z-index: 1;
		padding: 0px;
	}
	
	/* head section */
	
	#headWrapper {
		width: 900px;
		height: 442px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		background-image: url(images/james-cranes-header.jpg);
		background-repeat: repeat-y;
		background-position: left top;
		padding: 0px;
	}
	
	#headWrapper h1 {
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120px;
		color: #000000;
		font-weight: lighter;
		right: 50px;
		margin-top: 0px;
	}
	
	#headWrapper h2 {
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 50px;
		color: #72625B;
		font-weight: lighter;
		margin-top: 95px;
		right: 50px;
		text-align: right;
		letter-spacing: 3px;
	}
	
	#headWrapper h3 {
		position: absolute;
		display: block;
		right: 50px;
		margin-top: 165px;
		text-align: right;
		line-height: 28px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #000000;
		font-weight: lighter;
		letter-spacing: 2px;
	}
	
	#headWrapper h4 {
		position: absolute;
		display: block;
		right: 50px;
		margin-top: 265px;
		text-align: right;
		line-height: 34px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #000000;
		font-weight: bold;
		letter-spacing: 2px;
	}
	
	#headWrapper #dateBox {
		width: 180px;
		height: 25px;
		margin-top: 15px;
		margin-left: 741px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		color: #FFFFFF; 
		text-decoration: none;
		text-align: right;
		line-height: 25px;
	}

	#headWrapper #pageTop {
		width: 900px;
		height: 15px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
	}
	
	#headWrapper #sectionHeader {
		width: 900px;
		height: 56px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 346px;
		background-color: #1C1714;
	}
	
	.homeLogo {
		background-image: url(images/home.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.privacyLogo {
		background-image: url(images/privacy.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.contactLogo {
		background-image: url(images/contact-us.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.cranesLogo {
		background-image: url(images/cranes.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.aviationLogo {
		background-image: url(images/aviation.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.aboutLogo {
		background-image: url(images/about-us.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	.industrialLogo {
		background-image: url(images/industrial.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#headWrapper #headMenu {
		width: 900px;
		height: 40px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 402px;
		/*padding-right: 50px;*/
		background-color: #181612;
		text-align: right;
		text-indent: 25px;
		line-height: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #FFFFFF;
		font-weight: lighter;
		background-image: url(images/menu-bk.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		
	}
	
	#headWrapper #headMenu em {
		font-style: normal;
		text-decoration: underline;
	}
	
	#headWrapper #headMenu a {
		text-decoration: none;
		/*color: #FFFFFF;*/
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#headWrapper #headMenu a:hover {
		color: #FF8915;
		text-decoration: underline; 
	}
	
	/* content styles */
	
	#contentWrapper {
		width: 900px;
		height: auto;
		min-height: 486px;
		position: absolute;
		display: block;
		margin-top: 402px;
		margin-left: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-image: url(../images/eastern-fire-bk.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	#contentWrapper #textWrapper {
		width: 900px;
		height: auto;
		position: relative;
		display: block;
		margin-top: 30px;
		margin-left: 0px;
		float: left;
		padding-bottom: 45px;
	}
	
	#contentWrapper #textWrapper h1 {
		position: relative;
		display: block;
		right: 0px;
		margin-top: 10px;
		font-size: 30px;
		color: #1C1714;
		text-align: right;
	}
	
	#contentWrapper #textWrapper .texthr {
		width: 567px;
		height: 1px;
		text-align: center;
  		background: #FF4B2C url(../images/hr.gif) no-repeat scroll center;
		margin-bottom: 5px;
	}
	
	#contentWrapper #textWrapper .texthr hr {
  		display: none;
	}
	
	.leftText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		margin-left: 28px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #9A9A9A;
		float: left;
		padding-bottom: 15px;
	}
	
	.rightText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		/*margin-left: 287px;*/
		text-align: right;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000;
		float: right;
		padding-bottom: 15px;
	}
	
	.rightText a {
		color: #000000;
		text-decoration: underline;
	}
	.rightText a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	#articleL {
		width: 233px;
		margin-top: 20px;
		margin-left: 50px;
		float: left;
	}
	#articleC {
		width: 233px;
		margin-top: 20px;
		margin-left: 50px;
		float: left;
	}
	#articleR {
		width: 233px;
		margin-top: 20px;
		margin-left: 50px;
		float: left;
	}
	#articleF {
		width: 799px;
		margin-top: 20px;
		margin-left: 50px;
		float: left;
	}
	
	.latestCrane {
		width: 233px;
		height: 175px;
		background-color: #1C1714;
	}
	
	.craneTop {
		width: 233px;
		height: 25px;
		position: relative;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		line-height: 25px;
		text-align: center;
	}
	
	.craneImg {
		width: 233px;
		height: 150px;

	}
	
	.article {
		position: relative;
		display: block;
		top: 10px;
	}
	
	.article h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #FF4B2C;
		font-size: 14px;
		font-weight: bold;
	}
	
	.article p {
		margin-left: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-align: justify;
		line-height: 18px;
	}
	
	#contentWrapper #sideWrapper {
		width: 355px;
		height: 800px;
		position: relative;
		display: block;
		margin-top: 180px;
		margin-right: 25px;
		float: right;
		text-align: right;
	}
	
	#contentWrapper #sideWrapper h1 {
		position: relative;
		display: block;
		font-size: 24px;
		color: #182664;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#contentWrapper #sideWrapper h2 {
		position: relative;
		display: block;
		width: 350px;
		height: 30px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 18px;
		color: #FFFFFF;
		line-height: 30px;
		margin-bottom: 0px;
		padding-right: 5px;
		background-image: url(../images/product_heading.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#contentWrapper #sideWrapper #productLink {
		list-style-type: none;
	}
	
	#contentWrapper #sideWrapper ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#contentWrapper #sideWrapper li {
		width: 350px;
		height: 30px;
		position: relative;
		list-style-type: none;
		line-height: 30px;
		text-align: right;
		padding-right: 5px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		margin-left: 0px;
	}
	
	#contentWrapper #sideWrapper p {
		margin-top: 40px;
	}
	
	#contentWrapper #sideWrapper a {
		width: 350px;
		height: 30px;
		display: block;
		text-decoration: none;
		color: #000000;
		padding-right: 5px;
	}
	#contentWrapper #sideWrapper a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		background-image: url(../images/product_highlight.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#contentWrapper #sideWrapper #fireLogo {
		width: 355px;
		height: 65px;
		position: relative;
		display: block;
		top: 60px;
		margin-right: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		line-height: 22px;
	}
	
	#contentWrapper #sideWrapper #fireLogo a {
		color: #000000;
		background-image: none;
	}
	
	.picRight {
		float: right;
		padding-left: 10px;
	}
	
	.picLeft {
		float: left;
		padding-right: 10px;
	}
	
	/* end of content section */
	/* footer section */
	
	#footerWrapper {
		width: 900px;
		height: 60px;
		position: absolute;
		display: block;
		left: 0px;
		bottom: -60px;
		background-color: #FFFFFF;
	}
	
	#baseMenu {
		width: 850px;
		height: 30px;
		position: absolute;
		display: block;
		left: 0px;
		top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFFFFF;
		padding: 0px;
		padding-right: 50px;
		background-color: #1C1714;
		line-height: 30px;
		text-align: right;
		background-image: url(../images/footer-bk.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#baseMenu ul {
		width: 900px;
		height: 30px;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px;
		list-style-type:none;
		position: relative;
	}
	
	#baseMenu li {
		list-style-type:none;
		height: 30px;
		line-height: 30px;
		position: relative;
		display: inline;
		float: left;
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	#baseMenu strong {
		color: #FF4B2C;
	}
	
	#baseMenu a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#baseMenu a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	.spacer {
		width: 100px;
	}
	
	#footerWrapper #burnbank {
		width: 850px;
		height: 35px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-align: right;
		background-color: #72625B;
		line-height: 35px;
		padding-right: 50px;
		
	}
	
	#footerWrapper #burnbank a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#footerWrapper #burnbank a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	/* general styles */
	/* end of general styles */
	
	/* ==========================
    CSS STYLES FOR HouseMenu - Water Treatment
   ==========================*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#jamescranesMenuH { /* menu wrapper div */
	padding: 0;
	margin: 0;
	border: 0;
	white-space: nowrap;
	position: relative;
}

#jamescranesMenuH ul { /* all submenu lists */
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	z-index: 99999;
}

#jamescranesMenuH li { /* all list items */
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

#jamescranesMenuH li li { /* all items under the top level */
	z-index: 11113;
}

#jamescranesMenuH a { /* all links within the menu wrapper */
	display: block;
	margin: 0; 
	border: 0;
	padding: 0;
}

#jamescranesMenuH li li a { /* all item links under the top level */
	margin: 0;
	border: 0;
	padding: 0;
}

#jamescranesMenuH li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#jamescranesMenuH li li a:hover {
	margin: 0;
	border: 0;
	padding: 0;
}

#jamescranesMenuH li ul {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	z-index: 11112;
}

#jamescranesMenuH li ul ul { /* third-and-above-level lists */
	margin: 0;
	border: 0;
	padding: 0;
}

#jamescranesMenuH li:hover ul ul, 
#jamescranesMenuH li:hover ul ul ul, 
#jamescranesMenuH li.sfhover ul ul, 
#jamescranesMenuH li.sfhover ul ul ul {
	left: -9999px;
}

#jamescranesMenuH li:hover ul, 
#jamescranesMenuH li li:hover ul, 
#jamescranesMenuH li li li:hover ul, 
#jamescranesMenuH li.sfhover ul, 
#jamescranesMenuH li li.sfhover ul, 
#jamescranesMenuH li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#jamescranesMenuH iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

.ArrowPointer
{
	cursor: default;
}

/*******
new water menu
*******/
/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#jamescranesMenuH { /* menu wrapper div */
		width:660px;
		height:40px;
		margin-top: 0px;
		left: 190px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: lighter;
		position:absolute;
		display: block;
		z-index:200;
		line-height: 40px;
}

#jamescranesMenuH { /* all submenu lists */
		padding:0px;
		margin:0px;
		list-style-type:none;
}

#jamescranesMenuH li { /* all list items */
	width: 160px;
	height: 22px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	height: 22px;
	_height: 20px;
	/* end hack */
	padding: 0px;
}

#jamescranesMenuH li li { /* all items under the top level */
	width: 160px;
	height: auto;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 160px;
	_width: 160px;
	/* end hack */
	padding: 0px;
}

#jamescranesMenuH a { /* all links within the menu wrapper */
	font-size:16px;
	text-decoration:none;
	color:#FFFFFF;
	height:30px;
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 12px;
	_height: 30px;
	/* end hack */
}

#jamescranesMenuH li li a { /* all item links under the top level */
	background:#E3E8EB; color:#000000; height:auto; line-height:1em; padding:5px 0px; width:160px;border:1px solid #000000; border-width:0 1px 1px 1px;font-size:11px;
	text-indent: 10px;
	/*
	padding: 5px;
	width: 189px;
	height: 20px; */
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 160px;
	_width: 160px;
	height: 12px;
	_height: 20px;
	/* end hack */
	padding-right: 0px;
}

#jamescranesMenuH li a:hover {
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
	height: 30px;
	color: #000000;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 30px;
	_height: 30px;
	/* end hack */
}

#jamescranesMenuH li li a:hover {
	background:#F1AF4B; color:#000; height:auto; line-height:1em; padding:5px 0px; width:160px;border:1px solid #000000; border-width:0 1px 1px 1px;font-size:11px;
	text-indent: 10px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
	padding-right: 0px;
}

#jamescranesMenuH li li li a {
	font-size: 10px;
	background:#F1AF4B;
}

#jamescranesMenuH li li li a:hover {
	background:#FAE6A6; color:#000000; height:auto; line-height:1em; padding:5px 0px; width:160px;border:1px solid #000000; border-width:0 1px 1px 1px;font-size:10px;
	text-indent: 10px;
	color:#000000; 
	/*background:#FCEEC0;
	padding: 5px;
	height: auto;*/
	/* hack for MacIE5 to ignore, while other browsers use \*/
	height: 12px;
	_height: 20px;
	/* end hack */
}

#jamescranesMenuH li ul { /* second-level lists */
	width: 172px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top: 30px;
	padding: 0px;
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0;
	/* end hack */
	line-height: 12px;
	border-top:1px solid #000000;
}

#jamescranesMenuH li ul ul { /* third-and-above-level lists */
	margin: -31px 0 0 171px;
	border-top:1px solid #000000;
	line-height: 12px;
	background-color: #F1AF4B;
	width: 172px;
	padding: 0px;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#jamescranesMenuH #houseMenuParentItem a
{ /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#jamescranesMenuH a#houseMenuParentLink
{ /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#jamescranesMenuH a#houseMenuCurrentLink
{ /* current link itself */
	/* padding: 5px;
	color: #333; 
	background-color: #eee; 
	text-decoration: none; */
}

	/* accessibility styles */
	#accessBox {
		width: 180px;
		height: 35px;
		margin-top: 407px;
		margin-left: 50px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #FFFFFF; 
		text-decoration: none;
		text-align: left;
		line-height: 28px;
		z-index: 999;
	}
	
	#accessBox a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#accessBox a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#accessBox a:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	#accessFull {
		width: 120px;
		height: auto;
		margin-top: 160px;
		margin-left: 50px;
		background-color: #FFFFFF;
		display: none;
		position: absolute;
		z-index: 100;
		border: 1px;
		border-style: solid;
		border-color: #103275;
	}
	
	#accessFull ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	#accessFull li {
		float:left;
		position:relative;
	}
	
	#accessFull p {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-indent: 5px;
		padding: 0px;
		margin: 3px;
		clear: both;
	}
	
	a.closeLink:link {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:visited {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:hover {
		color: #EA99A2;
		text-decoration: underline;
	}
	
	.font12 {
		font-size: 12px;
	}
	.font14 {
		font-size: 14px;
	}
	.font18 {
		font-size: 18px;
	}
	
	.fontNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontXLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conHigh {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #000000;
		border: 1px;
		border-style: solid;
		border-color: #FFFF00;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #FFFF00; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conCream {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFF9D2;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conBlue {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #EFF8FB;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}