/**********************************************************
************* GLOBAL SELECTORS AND CLASSES ****************
**********************************************************/

body {background: #000000; margin: 0; padding: 0; background: #000000 url(images/bg.jpg) repeat-y top center}

img, table, tr, td {border: 0}

a:link, a:visited, a:active, a:hover {text-decoration: none; border-bottom: 1px dotted #ffffff; color: #ffffff}
a:hover {text-decoration: none;	border-bottom: 1px solid #ffffff}
a.image:link, a.image:visited, a.image:active, a.image:hover {border: 0}

p, td, h1, h3, h6, li, input, textarea {font-family: arial, verdana, sans-serif; font-size: 10pt; line-height: 16pt; text-align: left; color: #ffffff}

input.text, textarea {border: 2px solid #6699cc; color: #000000}

input.submit, input.file {color: #000000}

#content h1 {font-size: 20pt; font-weight: bold}

#text h3 {margin: 0 0 -5px -12px; font-size: 16pt; font-weight: bold}

#text h6 {margin: 15px 0 -10px -6px; font-size: 12pt; font-weight: bold}

.align-center {text-align: center}

.more-margin {margin-top: 30px}

#container {display: block; position: absolute; left: 50%; margin-left: -375px; width: 750px; background: url(images/clouds.jpg) no-repeat top center}

#content {position: relative; top: -70px; left: 0; width: 730px; margin: 0; padding: 10px; z-index: 1; background: #990000 url(images/content_bg.gif) no-repeat top center}

/* Hide from IE5-mac \*/
* html #content {top: -75px}
/* End IE5/mac hide */

#text {position: relative; margin: 20px 20px 0 340px; padding: 0; z-index: 10}

#footer {position: relative; margin: 50px 0 0 0; padding: 0; clear: both; z-index: 10}
#footer p {color: #000000; text-align: center}
#footer a {color: #000000; font-size: 8pt; border-color: #000000; text-align: center}

hr {width: 100%; height: 2px; margin: 10px 0 -2px -6px;	border: 0; background-color: #000000}

/* Hide from IE5-mac \*/
* html hr {margin: 3px 0 -2px -11px; color: #6699cc}
/* End IE5/mac hide */

.php-error
{
	color: #ffffff;
	font-weight: bold;
	background: #ff0000;
	padding: 0 5px 0 5px;
}

.fir-replace {display: none}

/**********************************************************
****************** HEADER AND NAV *************************
**********************************************************/

#sign {position: relative; top: 8px; left: 25px; width: 205px; height: 170px; margin: 0; padding: 0; background: url(images/sign.gif) no-repeat top left}

#sign h1 {display: none}

#nav {position: relative; top: -69px; left: 240px; width: 466px; height: 40px; margin: 0; padding: 0}

/**********************************************************
***************** FOR INDIVIDUAL PAGES ********************
**********************************************************/

body#index {background: url(images/bg_index.jpg) repeat-y top center #000000;}
body#index #container {display: block; margin-top: -200px; margin-left: -250px; position: absolute; left: 50%; top: 50%; width: 500px; height: 400px}
body#index #skip {width: 500px; text-align: center}
body#index #skip a {font-size: 8pt; font-weight: bold}

#corner-bg {position: absolute; top: 0; left: 0; width: 750px; height: 400px; margin: 0; padding: 0}
.corner-bg-home {background: url(images/big_z.gif) no-repeat top left}
.corner-bg-about {background: url(images/toolboxes.jpg) no-repeat top left}
.corner-bg-services {background: url(images/welding.jpg) no-repeat top left}
.corner-bg-products {background: url(images/muffler_aisle.jpg) no-repeat top left}
.corner-bg-locations {background: url(images/hoists.jpg) no-repeat top left}
.corner-bg-contact {background: url(images/sparks.jpg) no-repeat top left}
.corner-bg-testimonials {background: url(images/testimonials.jpg) no-repeat top left}
.corner-bg-faq {background: url(images/questions.jpg) no-repeat top left}
.corner-bg-warranty {background: url(images/pen_signing.jpg) no-repeat top left}
.corner-bg-prices {background: url(images/pennies.jpg) no-repeat top left}
.corner-bg-expect {background: url(images/office.jpg) no-repeat top left}

body#home #text {position: absolute; width: 450px; height: 260px; margin: 0px 0 0 0px; padding: 0; z-index: 10; background: url(images/welcome.gif) no-repeat top left}
body#home #no-appointment {position: relative; left: 50%; width: 330px; height: 150px; margin: 20px 0 0 -165px; padding: 0; z-index: 10; background: url(images/no_appointment.gif) no-repeat top left}

#buildings {position: relative; padding: 0; z-index: 10}
#buildings a {border: 0}
#buildings a:hover {text-decoration: underline}
#home #buildings {left: 470px; margin: 20px 0 0 2px}
#home #buildings td {width: 100px; padding: 0 10px 20px 10px; text-align: center; line-height: 12pt}
#home #buildings td.building img {width: 100px; height: 67px; border: 1px solid #ffffff}
#locations #buildings td {width: 150px; padding: 0 15px 20px 15px; text-align: center; line-height: 12pt}
#locations #buildings td.building img {width: 150px; height: 100px; border: 1px solid #ffffff}

body#about #philosophy {position: relative; margin: -390px 420px 70px -300px}

#loc_thumbnails {text-align: center}
#loc_thumbnails img {width: 100px; height: 67px; margin: 0 5px 0 5px; border: 1px solid #ffffff; text-align: center; cursor: pointer}

.locations {margin-top: 15px; padding: 0}
.locations .locations-label {padding-bottom: 10px; width: 100px; vertical-align: top; font-weight: bold; line-height: 12pt}
.locations .locations-info {padding-bottom: 10px; vertical-align: top; line-height: 12pt}
.locations-hours {margin: 0; padding: 0}
.locations-hours-day {width: 120px; vertical-align: top; line-height: 12pt}
.locations-hours-time {vertical-align: top; line-height: 12pt}

body#gallery #text {position: relative; margin: 20px 20px 0 20px; padding: 0; z-index: 10}
body#gallery #text p {margin-top: 25px; text-align: center; line-height: 40px}
body#gallery #text img {height: 100px; border: 1px solid #ffffff; text-align: center; cursor: pointer}
body#gallery #text a {margin: 0 5px 0 5px}

body#login #content #text  {position: relative; margin: 50px 50px 0 50px}
body#login #nav {visibility: hidden}