/*
Theme Name: American Sign 
Theme URI: http://www.livermoreprintandsign.com
Description: American Sign Template
Version: 1.0
Author: William J Hines
Author URI: http://williamjhines.com
Tags: The Ageless Image

	 American Sign Template
	 http://www.americansigninstall.com

	This theme was designed and built by William J Hines for Livermore Print Sign & Design


*/


html {
background: #172144 url(images/header-bg.jpg) repeat-x top;
overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

.main {
background: url(images/header.jpg) no-repeat top center;
width: 100%;
}

.headerWrapper {
width: 970px;
margin: 0 auto;
}

.navTable {
padding: 112px 0 0 250px;
}

.clear {
clear: both;
}

a {
cursor: pointer;
}

#navBox li a span {
margin: 0 0 0 -3000px;
}

li {
list-style: none outside none;
}

ul#navBox {
z-index: 7;
height: 41px;
margin: 0;
}

ul#navBox li {
display: inline;
float: left;
margin: 0;
padding: 0;
}

#navBox li a.mNav {
text-decoration: none;
height: 41px;
display: block;
background: url(images/sprite.png) no-repeat scroll 0 0 transparent;
z-index: 6;
margin: 0 15px 0 0;
}

ul#navBox li#home a.mNav {
background-position: 0 0;
width: 103px;
}

ul#navBox li#home a:hover.mNav {
background-position: 0 -100px;
}

ul#navBox li#home.homeCur a.mNav {
background-position: 0 -50px;
}

ul#navBox li#about a.mNav {
background-position: -126px 0;
width: 138px;
}

ul#navBox li#about a:hover.mNav {
background-position: -126px -100px;
}

ul#navBox li#about.aboutCur a.mNav {
background-position: -126px -50px;
}

ul#navBox li#services a.mNav {
background-position: -278px 0;
width: 138px;
}

ul#navBox li#services a:hover.mNav {
background-position: -278px -100px;
}

ul#navBox li#services.servicesCur a.mNav  {
background-position: -278px -50px;
}

ul#navBox li#portfolio a.mNav {
background-position: -435px 0;
width: 138px;
}

ul#navBox li#portfolio a:hover.mNav  {
background-position: -435px -100px;
}

ul#navBox li#portfolio.portfolioCur a.mNav {
background-position: -435px -50px;
}

ul#navBox li#contact a.mNav {
background-position: -594px 0;
width: 122px;
}

ul#navBox li#contact a:hover.mNav  {
background-position: -594px -100px;
}

ul#navBox li#contact.contactCur a.mNav {
background-position: -594px -50px;
}

.featuredWrapper {
background: #172144;
width: 100%;
margin: 2px 0 0 0;
}

.featuredBox {
width: 970px;
margin: 0 auto;
background: url(images/featured-bg.jpg) no-repeat top left;
height: 265px;
}

.flashBoxWrapper {
padding: 20px 0 0 356px;
}

.flashBoxInset {
width: 595px;
height: 225px;
}



.featuredWrapper {
background: #172144;
width: 100%;
}

.footer {
width: 970px;
margin: 0 auto;
background: url(images/van-btm.jpg) no-repeat top right;
}

.mainWrapper {
background: #646464;
width: 100%;
margin: 2px 0 0 0;
}

.mainBox {
width: 970px;
margin: 0 auto;
background: url(images/main-bg.jpg) repeat-y;
}

#mainBoxFormat {
background: url(images/van-top.jpg) no-repeat bottom right;
width: 970px;
}

.sideCol {
width: 324px;
float: right;
text-align: center;
}

.sideColInfo {
padding: 80px 0 130px 0;
}

.mainCol {
width: 580px;
float: left;
}

.mainColFormat { padding: 35px 0 35px 35px; }

#sideBtns li a span {
margin: 0 0 0 -3000px;
}

ul#sideBtns {
z-index: 7;
margin: 0;
padding: 60px 0 0 0;
}

ul#sideBtns li {
display: inline;
margin: 0;
}

#sideBtns li a.sNav {
text-decoration: none;
height: 87px;
display: block;
background: url(images/sprite.png) no-repeat scroll 0 0 transparent;
z-index: 6;
margin: 15px 0 0 0;
}

ul#sideBtns li#quoteCall a.sNav {
background-position: 0 -154px;
width: 324px;
}

ul#sideBtns li#quoteCall a:hover.sNav {
background-position: -336px -154px;
}

ul#sideBtns li#quoteCall a:focus.sNav {
background-position: -336px -154px;
}

ul#sideBtns li#quoteOnline a.sNav {
background-position: 0 -258px;
width: 324px;
}

ul#sideBtns li#quoteOnline a:hover.sNav {
background-position: -336px -258px;
}

ul#sideBtns li#quoteOnline a:focus.sNav {
background-position: -336px -258px;
}

ul#portfolioBtns {
z-index: 7;
margin: 0;
padding: 70px 0 0 0;
background: url(images/portfolio-hdr.jpg) no-repeat 0px 40px; 
}

ul#portfolioBtns li {
display: inline;
padding: 0;
text-align: left;
margin: 0;
}

#portfolioBtns li a.pNav {
text-decoration: none;
height: 27px;
display: block;
background: #313642;
z-index: 6;
padding: 5px 0 0 50px;
width: 274px;
margin: 7px 0 0 0;
font-weight: bold;
color: #bcc0cf;
}

ul#portfolioBtns li a:hover.pNav {
background: #96150f;
color: #eedb8e;
}

ul#portfolioBtns li#portfolioR a.pNav {
background: #bebebe;
color: #121b3e;
}

/* Clearfix for Styling Main Container*/


.clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.clearfix {display:inline-block;}


/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* End hide from IE-mac */


body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	line-height: 24px;
	color: #646464;
}

.pageTitle {
	font-size: 1.7em;
	color: #121b3e;
	margin-bottom: 6px;
}

.sideColInfo p { color: #bebebe; line-height: 1.4em; font-size: 0.9em; }

p.sideColTitle { color: #ffffff; font-weight: bold; font-size: 1.2em; }

.footer { padding: 35px; color: #717997; font-size: 0.9em; line-height: 1.2em; }

.designedby a, .designedby a:focus, .designedby a:visited { color: #7e8b9d; text-decoration: none; }

.designedby a:hover { color: #ffffff; }

.designedby { color: #727993; margin: 7px 0 0 0; }

.copyrights { color: #bebebe; }

.areas { color: #4c5369;  font-size: 0.8em; line-height: 1em; margin: 15px 0 0 0; }

.pageContent p { margin: 0 0 10px 0; }

.ngg-galleryoverview { margin: 0 0 15px 0; }

#featuredImage { height: 410px; }

.portfolioBox { width: 540px; height: 1100px; }

.portfolioTab { width: 260px; height: 165px; float: left; margin: 10px 7px 0 0; }

.portfolioTabImg a { width: 260px; height: 126px; display: block; }

.portfolioTabImg a span {
margin: 0 0 0 -3000px;
}

.portfolioTabTitle a { width: 260px; margin: 5px 0 0 0; text-align: center;  padding: 6px 0 6px 0; text-decoration: none; color: #313960; display: block; text-size: 1.2em; background: #dedede; font-weight: bold; }

.portfolioTabTitle a:hover { background: #96150f; color:#EEDB8E; }

.tabStorefront { background: url(images/btn-storefront.jpg) no-repeat top left; }

.tabSand { background: url(images/btn-sand.jpg) no-repeat top left; }

.tabBanner { background: url(images/btn-banner.jpg) no-repeat top left; }

.tabHanging { background: url(images/btn-hanging.jpg) no-repeat top left; }

.tabIlluminated { background: url(images/btn-illuminated.jpg) no-repeat top left; }

.tabInterior { background: url(images/btn-interior.jpg) no-repeat top left; }

.tabMonument { background: url(images/btn-monument.jpg) no-repeat top left; }

.tabMural { background: url(images/btn-murals.jpg) no-repeat top left; }

.tabPylon  { background: url(images/btn-pylon.jpg) no-repeat top left; }

.tabVerizon  { background: url(images/btn-verizon.jpg) no-repeat top left; }

.tabVinyl { background: url(images/btn-vinyl.jpg) no-repeat top left; }

.tabAwning { background: url(images/btn-awning.jpg) no-repeat top left; }

#sideBtns li a span {
margin: 0 0 0 -3000px;
}

ul#sideBtns {
z-index: 7;
margin: 0;
padding: 60px 0 0 0;
}

ul#sideBtns li {
display: inline;
margin: 0;
}

#sideBtns li a.sNav {
text-decoration: none;
height: 87px;
display: block;
background: url(images/sprite.png) no-repeat scroll 0 0 transparent;
z-index: 6;
margin: 15px 0 0 0;
}

ul#sideBtns li#quoteCall a.sNav {
background-position: 0 -154px;
width: 324px;
}

#flashBox, #flashBox a, #flashBox a:visited { color: #ffffff; }