/* @override http://localhost:3000/stylesheets/main.css?1222877453 */

/* @override http://localhost:3000/stylesheets/main.css?1222691361 */

/* @override 
	http://localhost:3000/stylesheets/main.css
	http://localhost:3000/stylesheets/main.css?1218036407
*/

@import url("reset.css");

body {
	font-family: Lucida Grande, Arial, sans-serif; font-size: 13px;
	background: #EBEBEB;
}

strong, b {font-weight: bold;}

#header {
	background: url("../images/header_bg.jpg") left top repeat-x;
	height: 103px; position: relative;
}

.left {	float: left;}
.right { float: right;}
.clear {
	clear: both;
}

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

.container {
	margin: 0 auto; width: 900px; position: relative;
}

a {
	color: #025;
}

a:hover {
	color: #369;
}

p {
	line-height: 18px; margin-bottom: 12px;
}

h1 {
	font-size: 25px; font-weight: bold; line-height: 32px; 
}

#content h1 {
	border-bottom: 2px solid #f90; margin-bottom: 15px;
}

h2 {
	font-size: 18px; color: #015; line-height: 24px; font-weight: bold; padding-bottom: 5px;
}

h3 {
	font-weight: bold; font-size: 16px; line-height: 20px;
}

h4 {
	color: #f90; text-transform: uppercase; font-weight: bold; padding: 0 0 5px 0; font-size: 12px; line-height: 14px;
}

ul.arrow li {
	padding: 0 0 8px 12px;
	background: url("../images/arrow_orange.gif") left 2px no-repeat;
}

#logo {
	display: block; height: 100px; width: 160px; position: absolute;
	background: url("../images/logo.jpg") left top no-repeat;
}

#contact {
	position: absolute; right: 0; top: 12px; line-height: 18px;
	color: #ddd; text-align: right;
}

#contact a {
	color: #ddd;
}

#nav {
	position: absolute; right: 0; top: 65px;
}

#nav li {
	float: left; display: block;
}

#nav li a {
	display: block; padding: 12px 20px; text-decoration: none; color: #fff; 
	font-size: 15px; text-transform: uppercase; font-weight: bold;
}

#nav li.selected {
	background: url("../images/tab_left.jpg") left top no-repeat;
}

#nav li.selected a {
	background: url("../images/tab_right.jpg") right top no-repeat;
	color: #026;
}

#content {
	background: #fff; margin: 20px auto;
}
#content_pad {
	padding: 4px 18px 20px 18px;
}

#content.section_home_index #content_pad {
	padding: 18px 20px;
}

#content_top, #content_bottom {
	height: 12px; background: url("../images/body_top.jpg");
}

#content_bottom {
	background: url("../images/body_bottom.jpg");
}

#eyepiece {
	height: 280px; background: #222 url("../images/eyepiece_bg.jpg") left top no-repeat;
	margin: 20px auto 4px auto; color: #ccc;
}

#eyepiece_text {
	width: 263px;
}

#eyepiece_text .pad {
	padding: 20px;
}

#eyepiece_image {
	border-left: 2px solid #fff; width: 635px;
}

#eyepiece h1 {
	color: #fff;
}

#eyepiece p {
	font-size: 16px; color: #fff; line-height: 24px; padding: 5px 0;
}

#eyepiece a {
	color: #fff; font-weight: bold;
}

#carousel, #spotlight, #financing {
	width: 58%; padding: 2%; margin-left: 20px;
}

#carousel {
	height: 80px; position: relative; border: 1px solid #e2e2e2; margin-bottom: 20px;
}

#carousel #controls {
	position: absolute; right: 10px; top: 20px; width: 50px; height: 18px;
}

#carousel #controls a {
	display: block; float: left; text-decoration: none; width: 16px;
	background: url("../images/carousel_off.gif") 50% 50% no-repeat;
}

#carousel #controls a.current {
	background: url("../images/carousel_on.gif") 50% 50% no-repeat;
}

#financing {
	margin: 10px 0 10px 20px; position: relative; background:#FFF3E4; font-size: 15px; font-weight: bold;color: #DF7A00; padding-bottom: 10px;
} 

#financing img#sticker {
	position: absolute; right: 0; top: -7px;
}
#financing img#manitowoc {
	display: block; margin-top: 6px;
}

#access {
	margin-top: 15px; border: 1px dotted #006;
	padding: 10px;
}
#access img {
	margin-bottom: 8px;
}

.section_home_index #content_top {
	display: none;
}

.section_home_index#content {
	margin-top: 2px; border-top: 2px solid #f90;
}

.section_home_index #about {
	width: 280px; margin-right: 24px;
}

#subnav {
	margin:0 0 15px 0; padding: 10px; background: #f90;
}

#subnav a {
	text-decoration: none; font-size: 14px; margin-right: 20px;  font-weight: bold;
}

#subnav a.selected {
	background: #fff; padding: 6px 10px 10px 10px; color: #000;
}

table {
	width: 100%;
}

table td {
	vertical-align: middle; padding: 10px 0;
	border-top: 1px solid #ccc; 
}

td.logo {
	width: 210px;
}

td.description {
	width: 664px;
}

#linenav {
	position: relative; border-bottom: 1px solid #ccc; 
}

#linenav .switches {
	float: left;
}

#linenav p {
	float: left; padding: 8px 5px 0 0; margin: 0; color: #666;
}

#linenav .switches a {
	display: block; float: left; padding: 10px;
}

#linenav .switches a.selected {
	background: #ccc; font-weight: bold; color: #000; text-decoration: none;
}

#linenav .download {
	position: absolute; right: 0; top: 10px; font-weight: bold;
	padding-left: 20px; background: url("../images/printer.png") left 50% no-repeat;
}

.location label {
	font-weight: bold; width: 90px; display: block;
}

th {
	background: #e2e2e2; padding: 5px;
}

.map {
	position: absolute; right: 0; top: 10px;
}

.location {
	padding-top: 15px; position: relative;
}

.location .address {
	height: 90px;
}

.location .address p {
	float: left; width: 200px;
}

.location td {
	padding: 5px;
}

.location th.name {
	width: 240px;
}

.location th.position {
	width: 200px;
}

.location th.extension {
	width: 100px;
}

input.medium {width: 140px;}
input.small {width: 40px;}

.gallery_preview {
	width: 50%; text-align: center; margin-bottom: 20px;
}
.gallery_preview img {
	width: 300px; border: 3px double #666; margin: 4px;
}

/*forms*/
td.label {vertical-align: top; font-weight: bold; padding-top: 14px;}
#quote td.label {width: 400px;}

#footer {
	color: #888; font-size: 90%; text-align: center; margin: 10px auto;
}

#mafsi {border-top: 1px solid #e2e2e2; text-align:center; clear: both; padding: 5px 0 0 0; margin-top: 10px;}
#mafsi img {position: relative; top: 5px;}

table#newsletter {width: 60%;}
#newsletter .name {width: 120px;}
#newsletter input {width: 200px;}

.flash {padding: 10px; margin-bottom: 10px; font-weight: bold;}
.flash.flash_message {background: #ECFFEE; color: #0A4B11; border: 1px solid #0A4B11;}
.flash.flash_warning {background: #FCE4E4; color: #600; border: 1px solid #600;}