@charset "UTF-8";

* { font-size:100%; margin:0; padding:0; vertical-align: baseline; }
img {border:0;} a{text-decoration: none;}
a:active, a:focus {outline: none;}
a {color: #300;}
#main a:hover, #main a:focus {text-decoration: underline;}

body {font: bold 14px/140% "Helvetica Neue", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
color:#fff;
text-align:center;
background: #000 url(i/bg.jpg) top left repeat-x;
min-width: 960px;
}

#bg {
margin: 0px auto;
overflow: visible;
background: url(i/bg-2.jpg) top center no-repeat;
}
#wrap {
margin: 0 auto;
width: 960px;
height: 100%;
overflow: hidden;
}
#top {
height: 159px;
}
#logo {
float: left;
width: 300px;
padding: 60px 10px 0 30px;
}
#tag {
float: right;
padding: 100px 40px 0 0;
font: bold italic 24px/140% "Helvetica Neue", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
color:#fff;
text-transform: uppercase;
}


/* TOP NAV */
#top-nav {
height: 57px;
width: 960px;
background: url(i/navbar-lft.jpg) 0 0 no-repeat;
}
#top-nav-inner {
height: 57px;
width: 928px;
padding: 0 16px;
background: url(i/navbar-rt.jpg) 100% 0 no-repeat;
}
ul#nav {
padding: 0;
margin: 0;
}
ul#nav li {
padding: 0;
margin: 0;
list-style: none;
display: block;
float: left;
background: url(i/nav.gif);
background-position: 100% 0;
background-repeat: no-repeat;
}
ul#nav li.last  {
background-position: 0 0;
}
ul#nav li a {
padding: 0 5px 0 0;
display: block;
float: left;
width: 180px;
height: 57px;
color: #fff;
font-size: 20px;
line-height: 57px;
text-transform: uppercase;
}
ul#nav li.last a  {
width: 188px;
padding: 0;
}
ul#nav li a:hover, ul#nav li a:focus {
color: #c66;
background: url(i/nav-on.jpg) 48% 0 no-repeat;
}
/* END TOP NAV */

#main {background: #e4bc8b url(i/cont-lft.gif) 0 0 repeat-y; color: #000; width: 100%; overflow: hidden; clear: both;}
#main1 {background: url(i/cont-top.gif) 0 0 repeat-x; width: 100%;  overflow: hidden;}
#main2 {background: url(i/cont-btm.jpg) 0 100% no-repeat; width: 100%;  overflow: hidden;}
#main3 {background: url(i/cont-rt.gif) 100% 0 repeat-y; width: 100%; overflow: hidden;}
#main-min-ht {height: 600px; width: 1px; overflow: hidden;
clear: both; height: 100%; position: relative;
}

#content {
float: left;
width: 920px;
padding: 20px 0 20px 20px;
overflow: hidden;
text-align: left;
}

#flash {float: right; margin: 10px 0;}

#gallery {
background: url(i/tech-drwg-1.png);
overflow: hidden;padding: 0 10px;
height: 100%;
}
/* galleryimages is used to define the lightbox */
    #indexgalleryimages {text-align: center; background: #612; color: #ccc; padding: 16px 10px; margin: 0 0 20px 0; border: 6px ridge #000; overflow: hidden; height: 100%; clear both; font-size: 0.8em;}
    #galleryimages {text-align: center; background: #612; color: #ccc; padding: 16px 10px; width: 325px; margin: 0 auto 20px auto; border: 6px ridge #000; overflow: hidden; height: 100%; clear both; font-size: 0.8em;}
	#galleryimages ul, #indexgalleryimages ul { list-style: none; margin: 0; padding: 0; }
 /* #galleryimages ul li {display: block; float: left; margin: 0; padding: 0; width: 108px; height: 110px; line-height: 110%; list-style: none; position: relative; overflow: hidden;} */
	#galleryimages ul li {display: inline;  margin: 0 auto; padding: 0 5px; width: 108px; height: 110px; line-height: 110%; list-style: none; position: relative; overflow: hidden;}
	
	 #indexgalleryimages ul li {display: block; float: left; margin: 0; padding: 0; width: 217px; height: 200px; line-height: 110%; list-style: none; position: relative; overflow: hidden;}
	#galleryimages ul img {
		border: 5px solid #af6d61;
		border-width: 2px 2px 10px 2px;
		margin: 5px 0;
	}
	#indexgalleryimages ul img {
		border: 2px solid #af6d61;
	}
	#galleryimages ul li a, #indexgalleryimages ul li a { color: #fcb; font-weight: normal;}
	#galleryimages ul li a:hover img, #indexgalleryimages ul li a:hover img {
		border-color:#fff;
		color: #fff;
	}
	#galleryimages ul li a:hover, #indexgalleryimages ul li a:hover { color: #fff; }

.left-col {
clear: both;
width: 45%;
float:left;
overflow: hidden;
}

.right-col {
width: 52%;
float:left;
padding-left: 3%;
overflow: hidden;
}

/* Footer */
#footer {
margin: 20px 0; 
font-weight: normal; 
overflow: hidden;
clear: both;  
position: relative;
}
#btm-nav { float: left; overflow: hidden;}
#btm-nav a { color: #eee; padding: 0 10px;}
#btm-nav a:hover, #btm-nav a:focus { color: #fcb;}
#cpyrt {float: right; font-size: 0.9em; padding: 0 10px; overflow: hidden;}


/* typography */
h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
color: #034;
}
h2 {font-size: 1.5em;
line-height: 130%;
padding: 6px 0;
color: #369;
}
h3 {font-size: 1.4em;
line-height: 130%;
padding: 6px 0;
color: #369;
}
h4 {font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
color: #369;
}
h5 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
color: #369;
}
h6 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
color: #369;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
list-style: square;
padding: 0 0 0 1em;
margin: 4px 1em;
background: url(i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
padding: 0;
background: none;
color: #ddd
}

/* Home Page Gallery Links */
.homeverticals {
	clear: both;
	width: 100%;
}

.vertical1, .vertical3 {
width: 300px;
padding: 0;
float: left;
text-align: center;
}
.vertical2 {
width: 300px;
padding: 0 10px;
float: left;
text-align: center;
}
.homeverticals h3 {
display: block;
font-size: 14px;
line-height: 26px;
width: 300px;
background: url(i/gallerylink.gif) no-repeat;
color: #fff;
padding: 0;
margin: 0;
}
.homeverticals h3 a { color: #fc0;}
.homeverticals h3 a:hover, .homeverticals h3 a:focus { color: #fff;}

/* Special Navs */
a.back {
display: block;
margin: 0 auto;
width: 119px; 
height: 46px; 
background: url(i/back-btn.jpg) 0 0 no-repeat; 
text-align: center;
line-height: 33px;
color: #fff;
}
a.back:hover, a.back:focus {
background-position: 0 100%;
}
a.back span {
display: none;
}

/* forms */
form {padding-top: 20px;}
form label {display: block; float: left; width: 165px; text-align: right; padding-right: 10px; clear: left}
form p {padding: 2px 0;}

/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small; font-weight: normal;}
.larger{font-size:larger;}
.nobold {font-weight: normal;}
.lowlight {
font: bold italic 48px/80% "Helvetica Neue", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
color:#4b3b2d;
letter-spacing: 6px;
}

.full {
	clear: both;
	width: 100%;
}