/* POWER ACCESS CSS
-------------------------------------------------------------------------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

-----------------------------------------------------------------------------------------------------------------*/



/* Global Imports
-----------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "lightbox.css";
@import "forms.css";


/* Global CSS and Master Reset
-----------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: #58595b;
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.container {
	background-color: white;
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

.fontItalics { font-style: italic; }
.strong { font-weight: bold; }

.no-margin { margin-bottom: -10px; }
.img-margin-right { margin-right: 10px; }

/* Typography
-----------------------------------------------------------------------------------------------------------------*/
h1 { font-size: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

p { font-size: 12px; line-height: 1.5em; }

.footer p { font-size: 10px; line-height: 1.3em; }

.highlight { color: #ed1c24; }
.phone-contact h1 { font-style: italic; font-size: 18px; }
.callnow { font-size: 16px; }

/* Links
-----------------------------------------------------------------------------------------------------------------*/
a { color: #58595b; text-decoration: none; outline: none; }
a:active { color: #58595b; outline: none; }
a:visited { color: #58595b; outline: none; }
a:hover { color: #58595b; outline: none; text-decoration: none; }

.content a { color: #58595b; text-decoration: none; outline: none; }
.content a:active { color: #58595b; outline: none; }
.content a:visited { color: #58595b; outline: none; }
.content a:hover { color: #58595b; outline: none; text-decoration: underline; }

a.highlight { color: #ed1c24; text-decoration: none; outline: none; }
a.highlight:active { color: #ed1c24; text-decoration: none; outline: none; }
a.highlight:visited { color: #ed1c24; text-decoration: none; outline: none; }
a.highlight:hover { color: #ed1c24; text-decoration: underline; outline: none; }

.header-top a { height: 46px; display: block; }

.footer a { color: white; text-decoration: none; }
.footer a:active { color: white; text-decoration: none; }
.footer a:visited { color: white; text-decoration: none; }
.footer a:hover { color: white; text-decoration: underline; }

/* Lists and Tables
-----------------------------------------------------------------------------------------------------------------*/
.lists-col-1 { width: 265px; float: left; }
.lists-col-2 { width: 210px; float: right; }

.left-col ul li {
	list-style: none; background-image: url(../images/template/list-dot.jpg);
	background-repeat: no-repeat; background-position: 0 5px; padding-left: 8px;
	margin-bottom: 5px;
}

ul.ticks li { 
	list-style: none; background-image: url(../images/template/list-ticks.jpg);
	background-repeat: no-repeat; background-position: 0 -5px; padding-left: 12px;
	height: 20px; 
}

ul.no-style li { list-style: none; background-image: none; padding-left: 0; line-height: 1.3em; }

/* Header CSS
-----------------------------------------------------------------------------------------------------------------*/
.header {
	font-size: 12px;
	margin: 0 auto; background-image: url(../images/template/header-bg.jpg);
	background-repeat: repeat-x;
}


.header-top { width: 955px; margin: 0 auto; text-align: right; background-color: #ed1c24; }
.header-bottom { width: 955px; margin: 0 auto; color: #58595b; }
.header-nav { font-size: 10px; }

.phone-contact { float: right; }
.logo { float: left; margin-top: 40px; }


/* Content CSS
-----------------------------------------------------------------------------------------------------------------*/
.content {
	width: 955px; margin: 0 auto;
	color: #58595b;
}

.bottom-content { background-color: #58595B; color: white; }
.bottom-content-container { width: 955px; margin: 0 auto; }
.content-bottom { float: left; width: 478px; }
.img-gallery { float: right; margin-top: -370px; width: 457px; text-align: right; }

.left-col { width: 478px; float: left; }
.right-col { width: 457px; float: right; }

.iFrame { border: 1px solid #eff3f5; padding: 4px; float: right; }
.margin-left-contact { 
	margin-left: 18px; position: relative; z-index: 999; display: block; 
	width: 300px; height: 18px; margin-top: -12px;
}


/* Gallery CSS
-----------------------------------------------------------------------------------------------------------------*/
.contact-us { margin-top: -170px; }
.mast-booms { margin-top: -250px; }
.knuckle-booms { margin-top: -250px; }
.telescopic-booms { margin-top: -250px; }


/* Footer CSS
-----------------------------------------------------------------------------------------------------------------*/
.footer {
	background-color: #58595B; color: white; font-size: 10px;
	padding: 10px 20px;
}

.footer-content { width: 955px; margin: 0 auto; }

.left-footer-col { float: left; text-align: right; width: 570px; margin-top: 13px; }
.tcc-link { width: 200px; float: right; text-align: right; }