/* ======================================================================================================= */

	/* GLOBAL SELECTORS */

	* {
		padding: 0px;
		margin: 0px;
	}

	html {
		font-size: 62.5%;
		margin-left: -1px;
	}

	body {
		font-family: "Trebuchet MS", Arial;
		font-size: 1.3em;
		padding: 15px 0px 30px 0px;
		margin: 0px auto;
		background: url(../../images/backgrounds/bg-body.gif) 50% 0% no-repeat #031624;
		color: #fff;
		}
		
	#mast-head {
		margin: 0 auto;
		width: 800px;
		height: 80px;
		position: relative;
		}
		
	#header {
		margin: 0 auto;
		width: 800px;
		position: relative;
		height: 212px;
		background:url(../../images/backgrounds/bg-header.jpg) top no-repeat;
		border-top: solid 2px #fff;
		}
		
	#secondary-nav {
		margin: 0 auto;
		width: 800px;
		position: relative;
		height: 21px;
		background: url(../../images/backgrounds/bg-secondary-nav.jpg) no-repeat;
		border-bottom: solid 2px #666;
		}

	#page-wrapper {
		background: url(../../images/backgrounds/bg-page.jpg) repeat-x #000000;
		margin: 0 auto;
		width: 800px;
		position: relative;
		}

	#footer {
		margin: 0 auto;
		width: 800px;
		position: relative;
		}
		
	

/* ======================================================================================================= */

	/* TYPOGRAPHY */

h3 {
	letter-spacing: -.05em;
	font-size: 1.9em;
	padding: 0px 0px 10px 0px;
	color: #FFFF99;
	}
	
p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0px 0px 10px 0px;
	text-align: justify;
	}
	
small {
	clear: both;
	color: #153F68;
	float: right;
	padding: 10px;
	margin: -15px 0px 10px 0px;
	background: #061e34;
	border: 1px solid #0C233A;
	}
	
em {
	font-size: .5em;
	font-style: normal;
	color: #666666;
	}
	
#footer-nav { list-style: none; }
#footer-nav li {
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	border-right: solid 1px #333;
}
	
/* ======================================================================================================= */

	/* ANCHORS */

a { 
	color: #fff;
	}
	
a:hover {
	color: #FFFF99;
	}

#mast-head h1 {
	position: absolute;
	top: -4px;
	left: 210px;
	width: 385px;
	height: 74px;
	background: url(../../images/frf.png) no-repeat;
	text-indent: -9999px;
	}
	
#third-nav a {
	text-decoration: none;
	}
	
/* CURRENT ANCHOR STYLES */
	
.service #gn-service a, .home #gn-home a, .products #gn-products a, .projects #gn-projects a, .contact #gn-contact a,
.palfinger #gn-products a, .putzmeister #gn-products a, .removable-truck-bodies #gn-products a, .hetronic-remote-controls #gn-products a,
.drywall-cranes #gn-products a, .forming-cranes #gn-products a, .hydro-trucks #gn-products a, .landscape-tree-service #gn-products a,
.pc-cranes #gn-products a, .scale-trucks #gn-products a, .track-units #gn-products a, .tractor-mount #gn-products a,
.trailer-mount #gn-products a, .hook-loaders #gn-products a, .forklifts #gn-products a, .removable-truck-bodies #gn-projects a, .container-moving #gn-projects a,
.tree-service #gn-projects a, .loading-dock #gn-projects a {
	color: #FFFF99;
	}
	
.palfinger #sn-palfinger a, .putzmeister #sn-putzmeister a, .removable-truck-bodies #sn-removable-truck-bodies a, .hetronic-remote-controls #sn-hetronic-remote-controls a,
.drywall-cranes #sn-palfinger a, .forming-cranes #sn-palfinger a, .hydro-trucks #sn-palfinger a, .landscape-tree-service #sn-palfinger a,
.pc-cranes #sn-palfinger a, .scale-trucks #sn-palfinger a, .track-units #sn-palfinger a, .tractor-mount #sn-palfinger a,
.trailer-mount #sn-palfinger a, .hook-loaders #sn-palfinger a, .forklifts #sn-palfinger a {
	color: #FFFF99;
	font-weight: bold;
	}
	
.drywall-cranes #tn-drywall-cranes a, .forming-cranes #tn-forming-cranes a,
.hydro-trucks #tn-hydro-trucks a, .landscape-tree-service #tn-landscape-tree-service a,
.pc-cranes #tn-pc-cranes a, .scale-trucks #tn-scale-trucks a, .track-units #tn-track-units a, .tractor-mount #tn-tractor-mount a,
.trailer-mount #tn-trailer-mount a, .hook-loaders #tn-hook-loaders a, .forklifts #tn-forklifts a, .removable-truck-bodies #tn-rtb a, .container-moving #tn-cm a,
.tree-service #tn-ts a, .loading-dock #tn-ld a {
	color: #FFFF99;
	font-weight: bold;
	}
		
/* ======================================================================================================= */

	/* NAVIGATION */

#global-nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../../images/backgrounds/bg-global-nav.jpg) no-repeat;
	width: 800px;
	height: 33px;
	}

#global-nav ul {
	padding: 1px 0px 0px 10px;
	list-style: none;
	}	

#global-nav li {
	font-size: 1.4em;
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	border-right: solid 1px #222;
	border-left: solid 1px #666;
	}
	
#global-nav li a {
	text-decoration: none;
	}
	
	li#gn-home {
		border-left: none;
		}
	
	li#gn-contact {
		border-right: none;
		}

#secondary-nav ul {
	list-style: none;
	padding: 2px 0px 30px 25px;
	}

#secondary-nav li {
	font-size: .9em;
	float: left;
	padding: 0px 10px 0px 0px;
	}
	
#third-nav ul {
	float: left;
	width: 150px;
	list-style: none;
	padding: 0px 0px 30px 0px;
	}
	
#third-nav li {
	line-height: 1.5em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: solid 1px #444;
	}
	
#third-nav ul ul {
	list-style: square;
	list-style-position: inside;
	color: #000;
	padding: 5px 0px 5px 0px;
	}
	
#third-nav li li {
	font-size: .85em;
	line-height: 1.2em;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted 1px #000;
	}
	
	
/* ======================================================================================================= */

	/* IMAGE ROTATIONS */
	
#image-rotation {
	float: right;
	padding: 0px 0px 0px 20px;
	height: 300px;
	width: 300px;
	}
	
#image-rotation2 {
	float: left;
	padding: 0px 0px 10px 0px;
	height: 250px;
	width: 587px;
	}
	
.image-rotation {
	position: absolute;
	width: 300px;
	height: 300px;
	}

/* ======================================================================================================= */

	/* FORMS */

input, textarea {
	padding: 4px;
	border: solid 2px #666;
	}

/* ======================================================================================================= */

#product-text {
	float: left;
	width: 550px;
	padding: 0px 0px 20px 10px;
	}
	
.page {
	background: url(../../images/backgrounds/bg-page.jpg) repeat-x #000000;
	float: left;
	width: 748px;
	padding: 10px 25px 50px 25px;
	clear: both;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #222;
	}

#phone {
	padding: 2px 10px 0px 10px;
	background: #333;
	color: #FFFFFF;
	float: right;
	font-size: 1.7em;
	color:#fff;
	border-left: solid 2px #222;
	border-right: solid 2px #222;
	}
	
#phone img {
	display: block;
	float: left; 
	padding: 0px 10px 0px 0px;
	}
	
.product {
	float: left;
	clear: both;
	position: relative;
	width: 590px;
	border-bottom: dotted 1px #222;
	height: 385px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	}
	
.product-img, .product-img1, .product-img2, .product-img3, .product-img4, .product-img5, .product-img6, .product-img7,
.product-img8, .product-img9, .product-img10, .product-img11, .product-img12, .product-img13, .product-img14, .product-img15,
.product-img16, .product-img17, .product-img18, .product-img19, .product-img20 {
	position: absolute;
	top: 35px;
	left: 0px;
	}
	
.product-desc {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 510px;
	background: #ddd;
	z-index: 9999;
	height: 30px;
	padding: 2px 0px 0px 10px;
	border-bottom: solid 1px #fff;
	color:#000000;
	}
	
.product-img-click {
	position: absolute;
	top: 165px;
	left: 300px;
	font-size: .8em;
	}
	
.product p {
	font-size: 1.4em;
	text-align: left;
	}
	
#nav, #nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, #nav11, #nav12, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18,
#nav19, #nav20 { 
	position: absolute; top: 0px; right: 0px; z-index: 9999; width: 60px;
	}

#nav li, #nav1 li, #nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li, #nav7 li,
#nav8 li, #nav9 li, #nav10 li, #nav11 li, #nav12 li, #nav13 li, #nav14 li, #nav15 li, #nav16 li, #nav17 li, #nav18 li,
#nav19 li, #nav20 li {
	width: 60px; float: left; margin: 0px 0px 1px 0px; list-style: none;
	}
	
#nav a, #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a,
#nav10 a, #nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a, #nav18 a, #nav19 a, #nav20 a {
	width: 62px; padding: 3px; display: block;
	}
	
#nav a.activeSlide, #nav1 a.activeSlide, #nav2 a.activeSlide, #nav3 a.activeSlide, #nav4 a.activeSlide, #nav5 a.activeSlide, #nav6 a.activeSlide, #nav7 a.activeSlide,
#nav8 a.activeSlide, #nav9 a.activeSlide, #nav10 a.activeSlide, #nav11 a.activeSlide,
#nav12 a.activeSlide, #nav13 a.activeSlide, #nav14 a.activeSlide, #nav15 a.activeSlide, #nav16 a.activeSlide, 
#nav17 a.activeSlide, #nav18 a.activeSlide, #nav19 a.activeSlide, #nav20 a.activeSlide{ 
	background: #1c548b;
	}
	
#nav a:focus, #nav1 a:focus, #nav2 a:focus, #nav3 a:focus, #nav4 a:focus, #nav5 a:focus, #nav6 a:focus, #nav7 a:focus,
#nav8 a:focus, #nav9 a:focus, #nav10 a:focus, #nav11 a:focus, #nav12 a:focus, #nav13 a:focus, #nav14 a:focus,
#nav15 a:focus, #nav16 a:focus, #nav17 a:focus, #nav18 a:focus, #nav19 a:focus, #nav20 a:focus {
	outline: none;
	}
	
#nav img, #nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #nav7 img, #nav8 img, #nav9 img,
#nav10 img, #nav11 img, #nav12 img, #nav13 img, #nav14 img, #nav15 img, #nav16 img, #nav17 img, #nav18 img,
#nav19 img, #nav20 img {
	border: solid 1px #fff; display: block
	}