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

body {
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #ccc;
    background: #000;
    text-align: left;
}

strong { color: #fff; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

a img { border: 0; }
a { color: #8395b6; text-decoration: none; }
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

#home #shell { background: url(/static/images/home-bg.jpg) no-repeat center 0; min-height: 727px; }

#shell { width: 1050px; margin: 0 auto; }

#footer {
    clear: both;
    padding: 1em 0;
    font-size: 10px;
    color: #353535;
}
#footer a { color: #504f4f; }
#footer a:hover { text-decoration: none; color: #fff; }

#home #footer { padding: 150px 0 0 612px; text-align: left; }
#portfolio #footer { padding-bottom: 5em; }

.landing { 
	margin-top: 254px; 
	padding-top: 45px; 
	background: url(/static/images/home-landing-bg.png) repeat-x 0 0; 
	height: 214px;
}

#home #header { 
	float: left; 
	display: inline; 
	width: 120px; 
	padding-left: 70px; 
	padding-top: 0;
}

h1#logo {
	height: 67px;
	width: 118px;
	font-size: 0;
	line-height: 0;
}

h1#logo a {
	display: block;
	background: url(/static/images/logo.gif);
	height: 67px;
	text-indent: -4000px;
}

.navigation ul { list-style: none  outside; padding-top: 15px; }

.navigation li { 
	text-align: right; 
	font-size: 10px; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-bottom:3px;
} 

.navigation a  { color: #fff; }
.navigation a:hover { text-decoration: none; color: #8395B6; }

.navigation .nav-active,
body.services .nav_services a,
body.hangar-doors .nav_hangar-doors a,
body.blast-doors .nav_blast-doors a,
body.about-us .nav_about-us a
{ text-decoration: underline; }

body.services_design .navigation .nav_services-design a,
body.services_manufacturing .navigation .nav_services-manufacturing a,
body.services_refurbishing .navigation .nav_services-refurbishing a,
body.services_installation .navigation .nav_services-installation a,
body.services_consulting .navigation .nav_services-consulting a
{ color: #fff; }

.navigation .nav-item .nav-item a { text-decoration: none; }

.navigation ul ul { display: none; }
body.services ul li.nav_services ul { display: block; }

.landing h2 {
	float: left;
	display: inline	;
	background: url(/static/images/landing-headline.gif) no-repeat 0 0;
	height: 166px;
	width: 419px;
}
 
.slideshow { 
	float: left;
	display: inline;
	width: 350px;
}

.slideshow h3 {
	padding-bottom: 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.slideshow ul { list-style: none outside; }

.slideshow .info { margin-top: 15px; }

.slideshow .info p,
#content .slideshow .info p { 
	float: left; 
	display: inline; 
	width: 170px; 
	padding-bottom: 3px;
	line-height:15px;
	font-size:11px;
}

.slideshow .info p a { display: block; margin-top: 5px; }
.slideshow .info p span { font-size: 15px; }

#hangar-doors #shell { 
	background: url(/static/images/hangar-doors-bg.jpg) no-repeat 0 0; 
	min-height: 866px;
	
}

#blast-doors #shell { 
	background: url(/static/images/blast-doors-bg.jpg) no-repeat 0 0; 
	min-height: 882px;
}

#services #shell { 
	background: url(/static/images/services-bg.jpg) no-repeat 0 0;
	min-height: 823px;
}

#about-us #shell { 
	background: url(/static/images/about-us-bg.jpg) no-repeat 0 0;
	min-height: 823px;
}


#header {
	float: left;
	display: inline;
	width: 188px;
	padding-top: 54px;
	text-align: right;
}

#header #logo  { margin: 0 0 0 auto; }

#content { 
	float: right; 
	display: inline; 
	width: 345px; 
	margin: 43px 87px 0 0; 
	background: url(/static/images/cnt-bg.png) repeat 0 0;
	padding: 28px 10px 28px 28px;
	line-height:18px;
}

#content h2 {
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 22px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	padding-bottom: 22px;
}

#content h2.hangar { background-image: url(/static/images/hangar-h2.gif);  }

#content .text { border-bottom: 1px dashed #868585; margin-bottom: 15px; }
 
#content .text h3 span { 
	display: block;
	padding-bottom: 22px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;	
	color: #fff;
} 

#content p { padding-bottom: 20px; }

.hangar-doors #content .portfolio {
	display: block;
	background: url(/static/images/portfolio-hangar-link.gif) no-repeat 0 0;
	height: 45px;
	width: 236px;
	margin-bottom: 24px;
}

.blast-doors #content .portfolio {
	display: block;
	background: url(/static/images/portfolio-blast-link.gif) no-repeat 0 0;
	height: 45px;
	width: 236px;
	margin-bottom: 24px;
}

#content h4 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#content ul { list-style: none inside; padding-bottom: 25px; }
#content li { padding: 5px 0; }

h2.blast {  background-image: url(/static/images/blast-doors-h2.gif); }

.navigation ul ul { padding: 5px 0 0 0;  }
.navigation ul ul li{ text-transform: none; }
.navigation ul ul a { color: #aaa; }

h2.services { background-image: url(/static/images/services-h2.gif); }
h2.services_design { background-image: url(/static/images/services-design-h2.gif); }
h2.services_manufacturing { background-image: url(/static/images/services-manufacturing-h2.gif); }
h2.services_refurbishing { background-image: url(/static/images/services-refurbishing-h2.gif); }
h2.services_installation { background-image: url(/static/images/services-installation-h2.gif); }
h2.services_consulting { background-image: url(/static/images/services-consulting-h2.gif); }

.service { border-bottom: 1px dashed #8b8a8a; margin-bottom: 20px; padding-bottom:15px; }
#content .service p { padding-bottom: 5px; line-height: 18px; }
.service h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}
#services .slideshow { padding-top:10px; }

h2.about-us { background-image: url(/static/images/about-us-h2.gif); }

.more {
	background: url(/static/images/link-more-bg.gif) no-repeat right center;
	line-height: 11px;
	font-size:11px;
	padding-right:7px;
}

#portfolio #shell{ width: 866px; }

#portfolio .column-left {
	float: left;
	display: inline;
	width: 120px;
	margin-top: 55px;
}

.portfolio-gallery {
	float: right;
	display: inline;
	width: 697px;
	margin-top: 55px;
}

body.hangar-doors .portfolio-gallery h2.page-title,
body.blast-doors .portfolio-gallery h2.page-title {
	height: 22px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}
body.hangar-doors .portfolio-gallery h2.page-title { background: url(/static/images/portfolio-hangar.gif) no-repeat 0 0; }
body.blast-doors .portfolio-gallery h2.page-title { background: url(/static/images/portfolio-blast.gif) no-repeat 0 0; }

.portfolio-gallery h3 {
	margin: 15px 0 40px;
	font: 12px Arial, sans-serif;
	line-height: 18px;
	color: #c4c3c3;
}

.g-left { 
	float: left; 
	display: inline;
	width: 530px;
}

.g-right {
	margin-left: 530px;
	width: 167px;
}

.g-left h2,
.g-right h2 {
	padding-bottom: 20px;
	font: 16px Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
}

.portfolio-gallery .item { float: left; display: inline; width: 159px; height: 160px; margin: 0 5px 15px 0; }
.portfolio-gallery .item a img{ border:solid 5px #626161; }
.portfolio-gallery .item a:hover img{ border:solid 5px #3f3f3f; }
.portfolio-gallery .item p { padding-top:8px; }

#portfolio .slideshow { width:324px; padding-top:20px; }
#portfolio .slideshow h3 { border-top:dashed 1px #838282; padding:15px 0 15px 0; margin:0; font-weight: bold; font-size:11px; }
#portfolio .slideshow .info p { width:162px; }