/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}
body {
    font-size: 0.9em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,
body { 
	background-position: center; 
	background-image: url("../img/bkg_map.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
}
a {
	font-weight: bold;
	color: #444;
}
/*=======HEADER========*/
#container {
	width: 1001px;
	margin: 0 auto;
	position: relative;
}
#logo {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	top: 35px; 
	position: relative;
	border: 0;
	width: 100%;
}
/*=======TOP NAVIGATION========*/
#topnav {
	height: 92px; /*92px */
	background-color: rgba(173, 173, 173, .5);
	width: 1002px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	background: transparent/9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FADADAD,endColorstr=#7FADADAD)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FADADAD,endColorstr=#7FADADAD);   /* IE6 & 7 */
    zoom: 1;
    -webkit-box-shadow: 0px 2px 5px #191919;
    -moz-box-shadow: 0px 2px 5px #191919;
    box-shadow: 0px 2px 5px #191919;
}
#topnav ul {
	padding-left: 10px;
}
#topnav ul li {
	float:left;
	width:120px;
	margin:-18px 0 0 36px;
}
#home a, #home a:link, #home a:visited {
	display:block;
}
#home {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_home.gif");
	background-repeat: no-repeat;
}
#home img {
	border:0;
	visibility:hidden;
}
#home a:hover img { 
	visibility:visible;
}
#gallery a, #gallery a:link, #gallery a:visited {
	display:block;
}
#gallery {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_galleries.gif");
	background-repeat: no-repeat;
}
#gallery img {
	border:0;
	visibility:hidden;
}
#gallery a:hover img { 
	visibility:visible;
}

#design a, #design a:link, #design a:visited {
	display:block;
}
#design {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_design.gif");
	background-repeat: no-repeat;
}
#design img {
	border:0;
	visibility:hidden;
}
#design a:hover img { 
	visibility:visible;
}
#testimonials a, #testimonials a:link, #testimonials a:visited {
	display:block;
}
#testimonials {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_testimonials.gif");
	background-repeat: no-repeat;
}
#testimonials img {
	border:0;
	visibility:hidden;
}
#testimonials a:hover img { 
	visibility:visible;
}
#about a, #about a:link, #about a:visited {
	display:block;
}
#about {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_about.gif");
	background-repeat: no-repeat;
}
#about img {
	border:0;
	visibility:hidden;
}
#about a:hover img { 
	visibility:visible;
}
#manufacturing  a, #manufacturing  a:link, #manufacturing  a:visited {
	display:block;
}
#manufacturing  {
	height:105px;
	width:125px;
	margin:0 auto;
	padding:0;
	background:url("../img/b_manuf.gif");
	background-repeat: no-repeat;
}
#manufacturing  img {
	border:0;
	visibility:hidden;
}
#manufacturing  a:hover img { 
	visibility:visible;
}
/*=======PAGE STYLES========*/
#main {
	padding: 0;
	position: relative;
}
.onecolumn {
	padding: 0 100px 0 100px;	
}
.twocolumn img {
	margin-right: 16px;
	float:left;
}
.threecolumn img {
	margin-right: 12px;
}
.titleimg {
	margin-top: 36px;
}
.shadow {
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
#corkboard {
	margin: 36px 0;
}
#portfolio {
	float:left;
	padding: 0 80px 50px 80px;
}
#portfolio ul {
	list-style:none;
}
#portfolio ul li {
	float:left;
	padding:16px 16px 0px 16px;
}
.hide {
	display:none;
}
.galleryobject {
	width:224px;
	height:154px;
	background-color: rgba(173, 173, 173, .5);
	border:1px solid #666666;
	background: transparent/9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FADADAD,endColorstr=#7FADADAD)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FADADAD,endColorstr=#7FADADAD);   /* IE6 & 7 */
    zoom: 1;
}
.galleryobject img{
	margin-left:-21px;
	margin-top:-1px;
}
/*=======SLIDESHOW========*/
#slideshow {
	position: relative;
	margin-top: 36px;
}
.theme-default #slider {
    margin:28px auto 0 auto;
    width:782px; /* Make sure your images are the same size */
    height:502px; /* Make sure your images are the same size */
}
/* ~~ This is the layout information. ~~ 
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
*/
/*=======ADDRESS========*/
.address {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	text-align:center;
	margin-bottom:28px;
}
.address img {
	margin-top:28px;
}
/*=======BOTTOM NAVIGATION========*/
#bottomnav {	
}
#bottomnav ul {
	list-style: none;
	height: 20px;
	width: 1000px;
	margin: auto;
}
#bottomnav li {
	float: left;
	width: 160px;
	text-align:center;
	display:inline-block;
}
#bottomnav a {
	line-height: 20px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.8em; 
	font-weight: bold;
	color: #000000;
}
footer {
	padding: 10px 0 10px 10px;
}
footer p {
 color: #333333; 
 font-family: Verdana, Geneva, sans-serif; 
 font-size: 10px;
 padding: 0;
 margin: 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}