@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	background: url(../images/page-bg.jpg) fixed;
	font-family: "Myriad Pro", Arial;
}

.large-container {
	background: url(../images/3-bars.png) no-repeat fixed;
	width: 100%;
}

@media (min-width:1024px) { .large-container { background-position: -700px; } }
@media (min-width:1280px) { .large-container { background-position: -400px; } }
@media (min-width:1360px) { .large-container { background-position: -300px; } }
@media (min-width:1440px) { .large-container { background-position: -200px; } }
@media (min-width:1600px) { .large-container { background-position: -200px; } }
@media (min-width:2000px) { .large-container { background-position: 0px; } }

a { text-decoration: none; color: #920704; }
a:hover { text-decoration: underline; }

h1 { margin: 29px 32px; font-weight: bold; color: #333; font-size: 18px; }
h2 { margin: 29px 27px; font-weight: bold; color: #333; font-size: 18px; }

ul {
  margin-left: 46px;
  line-height: 21px;
  margin-top: 5px;
  font-size: 12px;
}

ul li {
  padding-left: 3px;
}

.container {
	width: 990px;
	margin: 0 auto;
}

.top-shadow {
	height: 40px;
	background-image: url(../images/top-shadow.png);
}

.main-bg {
	background-image: url(../images/container-bg.jpg);
	padding: 51px 58px 40px;
}

.logo-eh {
	display: inline-block;
	vertical-align: bottom;
}

.phone {
	display: inline-block;
	position: absolute;
	right: 19px;
}

.top-pic {
	margin-top: 25px;
}

.top-pic a {
	display: inline-block;
	margin-left: 1px;
}

.top-pic a:first-child { margin-left: 0; }

.top-bg {
	padding: 19px;
	position: relative;
	background-image: url(../images/top-bg.gif);
	width: 850px;
	height: 97px;
}

.gray-box-top {
	width: 209px;
	height: 6px;
	background-image: url(../images/gray-box-top.gif);
}

.photo-categories {
	width: 161px;
	background-color: #333;
	display: inline-block;
	padding: 54px 24px 24px;
	position: relative;
}

.gray-box-bottom {
	width: 209px;
	height: 6px;
	background-image: url(../images/gray-box-bottom.gif);
	position: absolute;
	bottom: 0;
	left: 0;
}

.port-title {
	position: absolute;
	left: 5px;
	top: 23px;
}

.photo-categories a {
	font-family: 'BebasNeueRegular';
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	border-top: 1px solid #5C5C5C;
	margin-top: 12px;
	text-decoration: none;
	position: relative;
	width: 161px;
	float: left;
}

.photo-categories a:hover, .photo-categories a.current { color: #920704; }
.photo-categories a:first-child { border-top: 0; margin-top: 4px; }

.main-left {
	width: 209px;
	display: inline-block;
}

.main-right {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 660px;
}

.main-right-gallery {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 660px;
}

.text { display: inline-block; width: 446px; vertical-align: top; }

.main-right .text p, .main-right .right-second p, .main-right-gallery p { margin-left: 32px; font-size: 12px; line-height: 21px; margin-top: 14px; position: relative; margin-right: 32px; }
.main-right .text p:first-child { margin-top: 10px; }

.spacer {
	height: 1px;
	background-color: #CFC59A;
	position: absolute;
	width: 665px;
	left: -4px;
	top: 70px;
}

.vert-spacer {
	width: 1px;
    background-color: #CFC59A;
	position: absolute;
	min-height: 400px;
	left: 446px;
	top: 20px;
}

.right-second {
	width: 205px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -80px;
}

.main-right .right-second .righty p { margin-left: 27px; margin-right: 0; }
.main-right .right-second .righty p:first-child { margin-top: 39px; }

img.content-pic {
}

a.content-pic-link { display: block; float: right; padding-left: 16px; margin-top: 36px; width: 192px; height: 37px; position: relative; z-index: 100000000; }

.footer .left { display: inline-block; width: 410px; }

.footer .left a {
	display: inline-block;
	margin-top: 30px;
	margin-right: 25px;
	font-size: 11px;
	font-weight: bold;
	color: #A08849;
}

.footer .left a:hover, .footer .left a.current { color: #3E341C; }

.footer .left a:first-child { margin-left: 0; }

.footer .right { display: inline-block; vertical-align: top; margin-top: 30px; text-align: right; margin-left: 195px; }

.footer .right p { font-size: 10px; font-weight: bold; color: #A08849; }

.commercial-residential {
	margin-top: 16px;
	margin-left: 27px;
}

.commercial-residential img { margin-bottom: 16px; }

.serv-box {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.gallery-spacing {
	margin-left: 30px;
	min-height: 400px;
}

.industry-logos { text-align: center; width: 205px; margin-left: 20px; }
.industry-logos img { display: inline-block; vertical-align: top; margin: 0 auto; margin-top: 16px; }
.industry-logos.article { position: absolute; top: 0; right: 0; z-index: 100; }
.industry-logos.article.garage { width: 280px; text-align: right; }
.industry-logos.article.garage img { margin-top: 0; }

.nav-bg {
}

.nav a:link, .nav a:visited {
	font-size: 13px;
	color: #F3EEE0;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: url(../images/button-background.gif) no-repeat;
	background-position: 0 0;
	width: 109px;
	height: 37px;
	line-height: 34px;
}

.nav a:hover, .nav a.current { background-position: 0 -37px; }

.nav {
  margin-left: 0;
  margin-top: 0;
}

.nav li {
	display: inline-block;
	margin-left: 12px;
	list-style: none;
	padding-left: 0;
	line-height: normal;
	text-align: center;
	margin-top: 22px;
}

.nav li:first-child { margin-left: 0; }

/* Code for IE */

.logo-eh, .phone, .nav li, .photo-category, .photo-categories, .main-left, .main-right, .main-right-gallery, .vert-spacer, .right-second, .text, .serv-box, .footer, .footer .left, .footer .right, .industry-logos img {
	zoom:1;
	*display: inline;
}