/* CSS for  Quayle & Company*/
* {
	margin: 0;
	padding: 0;
  overflow: none;
}
body {
	font: 80% verdana, geneva, sans-serif;
  background: #96a17f;
}
h1 {
	color: #ffffff;
	font-size: 1.2em;
	margin: 0 0 10px 22px;
  padding-top: 10px;
}
h2 {
	color: #4a8ecb;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
h4 {
	color:#5EAEA6;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { margin: 0 0 10px 0; }

a img{ border: 0; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

img.l { margin-right:10px; }
img.r { margin-left:10px; }

.m-b-5 { margin-bottom: 5px; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }
.t-c { text-align: center; }
.t-r{ text-align: right; }

/* Header -------------------------------*/

#header{
  width: 810px;
  margin: 0 auto;
  z-index:150;
}

img.logo{
  display: block;
  margin: 10px auto -28px;
}

#number{
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 1.3em;
  margin-top: -1.6em;
  margin-right: 4px;
  color: #fff;
}

/*-------------------------------------------------------*/

/* Nav ----------------------------------------- */
#nav { /* all lists */
  display: block;
  height: 31px;
  background: url("/images/bg-black.png");
  border-bottom:5px #D6E542 solid;
}

#nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 1;

}

#nav a {
  width: 122px;
  padding: 8px 4px;
	display: block;
  font-size: 1em;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight:bold;
 /* text-transform: uppercase;*/
}

#nav a.current{
  margin-left: 3px;
  width: 117px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#nav a:hover{
  color: #DFE383;
}

#nav li.home, #nav li.home a{
  width: 108px;
  padding-right: 0;
}

#nav li { /* all list items */
  float: left;
  display: block;
}

#nav li ul { /* second-level lists */
  position: absolute;
  margin-top: 2px;
  margin-left: -180px;
  font-size: 1em;
  display: inline;
  float: right;
}

#nav li ul.about {
	margin-left:-170px;
}

#nav li ul.product {
	margin-left:-450px;
}

#nav li ul li { /* all list items */
  float: left;
  position: static;
}

#nav li ul li a{
  width: 142px;
  padding: 9px 4px;
	display: block;
  font-size: 1em;
  text-decoration: none;
  float: left;
  color: #fff;
  text-align: center;
  border: 0;
}

#sub-nav{
  margin-top: 0;
  margin-bottom: 20px;
  height: 24px;
  background: url("../images/bg-black.png");
}
/*------------------------------ */


/* Main ------------------------------------------------ */

#top-shadow{
  width: 810px;
  height: 7px;
  margin: 0 auto;
  background: url("/images/top-shadow.png") no-repeat;
}

#bottom-shadow{
  width: 810px;
  height: 7px;
  margin: 0 auto 15px auto;
  background: url("/images/bottom-shadow.png") no-repeat;
}

#main{
  width: 758px;
  margin: 0 auto 0 auto;
  padding: 24px 27px;
  background: url("/images/bg-body.png") repeat-y;
  z-index:-1;
}

#bwm-copy{
  width: 758px;
  height: 482px;
}


.index{ background: url("/images/bg-index.jpg") no-repeat;}
.about-us{ background: url("/images/bg-about.jpg") no-repeat;}
.portfolio{ background: url("/images/bg-portfolio.jpg") no-repeat;}
.news-awards{ background: url("/images/bg-index-old.jpg") no-repeat;}
.contact-us{ background: url("/images/bg-contact.jpg") no-repeat;}
.our-process{ background: url("/images/our-process.jpg") no-repeat;}
.product-line{ background: url("/images/product-bg.jpg") no-repeat;}

#index-copy{
  width: 798px;
  margin: 0 auto;
}

#index-copy p{
  color: #fff;
  font-size: .88em;
  line-height: 1.7em;
}

#contact-box{
  width: 295px;
  float: right;
  margin-left: 55px;
  text-align: center;
  border: 3px solid #D6E542;
}

#contact-box p{
  color: #fff;
  font-size: .88em;
  line-height: 1.4em;
}

#bigtext-block{
  color: #fff;
  background: url("/images/bg-black.png");
  width: 600px;
  height: 382px;
  margin-left: 22px;
  margin-top: 20px;
  overflow: auto;
}

#bigtext-block{
  color: #fff;
  background: url("/images/bg-black.png");
  width: 545px;
  height: 382px;
  margin-left: 22px;
  margin-top: 20px;
  overflow: auto;
}

#bigtext-block img.v-m{
  vertical-align: middle;
  margin-right: 10px;
}

#bigtext-block p{
  padding: 0 22px 5px 22px;
  font-size: .88em;
  line-height: 1.6em;
}

#bigtext-block p.no-img{
  padding-left: 145px;
}

#bigtext-block a img.l{
  border: 1px solid #fff;
  float: left;
  margin: 5px 20px 0 22px;
}

#bigtext-block a:hover img.l{
  border: 1px solid #b8bfa8;
}

#bigtext-block img.r{
  margin: 15px 22px 0 10px;
}

#bigtext-block ul, #bigtext-block ol{
  font-size: .88em;
  line-height: 1.4em;
  margin: -12px 10px 8px 40px;
}

#bigtext-block p span.small{
  font-size: .8em;
}

#bigtext-block a{
  color: #fff;
}

#bigtext-block a:hover{
  color: #b8bfa8;
}



#bigtext-block div.portfolio-link{
  margin: 0 70px 10px 70px;
  clear: both;
}

#bigtext-block div.portfolio-link img{
  vertical-align: middle;
}

#bigtext-block div.portfolio-link a img{
  margin-right: 20px;
  border: 1px solid #fff;
}

#bigtext-block div.portfolio-link a:hover img{
  border: 1px solid #b8bfa8;
}

#bigtext-block div.portfolio-link p{
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}


#bigtext-block div.portfolio-link p a{
  text-decoration: none;
}

#bigtext-block div.ba-block{
  width: 450px;
  margin: 0 auto;
  text-align: center;
}

#bigtext-block div.ba-link{
  width: 82px;
  height: 80px;
  padding: 0;
  margin: 0 20px 10px 20px;
  float: left;
  text-align: center;
}

#bigtext-block div.ba-link p{
  text-align: center;
  padding: 0;
  margin: 0;
}

#bigtext-block div.ba-link img{

  vertical-align: middle;
  height: 60px;
  display: inline;
}

#bigtext-block div.ba-link a img{
  border: 1px solid #fff;
  display: block;
}

#bigtext-block div.ba-link a:hover img{
  border: 1px solid #b8bfa8;
}

#bigtext-block div.port-block{
  width: 318px;
  margin: 0 auto;
}

#bigtext-block div.bigport-block{
  width: 518px;
  margin: 0 auto;
}

#bigtext-block div.port-block a img{
  border: 1px solid #fff;
  display: block;
  float: left;
  margin: 10px;
}
#bigtext-block div.bigport-block a img{
  border: 1px solid #fff;
  display: block;
  float: left;
  margin: 10px;
}

#bigtext-block div.port-block a:hover img{
  border: 1px solid #b8bfa8;
}


#bigtext-block div.image-block{
  width: 80px;
  height: 80px;
  margin: 6px 6px 10px 6px;
  text-align: center;
  float: left;
  font-size: .88em;
}


#bigtext-block div.image-block a img{
  border: 1px solid #fff;
}

#bigtext-block div.image-block a:hover img{
  border: 1px solid #b8bfa8;
}

#bigtext-block div.article-image {
  width: 200px;
  margin: 10px 10px 24px 10px;
  float: left;
}

#bigtext-block div.article-image p{
  font-size: .8em;
  line-height: 1.2em;
  margin: 0;
  padding: 10px;
}

#bigtext-block a img.award-gallery{
  border: 1px solid #fff;
  float: left;
  margin: 0 20px 0 22px;
}

#bigtext-block a:hover img.award-gallery{
  border: 1px solid #b8bfa8;
}

#text-block{
  color: #fff;
  background: url("/images/bg-black.png");
  width: 500px;
  height: 382px;
  margin-left: 22px;
  margin-top: 20px;
  overflow: auto;
}

#text-block img.v-m{
  vertical-align: middle;
  margin-right: 10px;
}

#text-block p{
  padding: 0 22px 5px 22px;
  font-size: .88em;
  line-height: 1.6em;
}

#text-block p.no-img{
  padding-left: 145px;
}

#text-block a img.l{
  border: 1px solid #fff;
  float: left;
  margin: 5px 20px 0 22px;
}

#text-block a:hover img.l{
  border: 1px solid #b8bfa8;
}

#text-block img.r{
  margin: 15px 22px 0 10px;
}

#text-block ul, #text-block ol{
  font-size: .88em;
  line-height: 1.4em;
  margin: -12px 10px 8px 40px;
}

#text-block p span.small{
  font-size: .8em;
}

#text-block a{
  color: #fff;
}

#text-block a:hover{
  color: #b8bfa8;
}



#text-block div.portfolio-link{
  margin: 0 70px 10px 70px;
  clear: both;
}

#text-block div.portfolio-link img{
  vertical-align: middle;
}

#text-block div.portfolio-link a img{
  margin-right: 20px;
  border: 1px solid #fff;
}

#text-block div.portfolio-link a:hover img{
  border: 1px solid #b8bfa8;
}

#text-block div.portfolio-link p{
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}


#text-block div.portfolio-link p a{
  text-decoration: none;
}

#text-block div.ba-block{
  width: 450px;
  margin: 0 auto;
  text-align: center;
}

#text-block div.ba-link{
  width: 82px;
  height: 80px;
  padding: 0;
  margin: 0 20px 10px 20px;
  float: left;
  text-align: center;
}

#text-block div.ba-link p{
  text-align: center;
  padding: 0;
  margin: 0;
}

#text-block div.ba-link img{

  vertical-align: middle;
  height: 60px;
  display: inline;
}

#text-block div.ba-link a img{
  border: 1px solid #fff;
  display: block;
}

#text-block div.ba-link a:hover img{
  border: 1px solid #b8bfa8;
}

#text-block div.port-block{
  width: 318px;
  margin: 0 auto;
}


#text-block div.port-block a img{
  border: 1px solid #fff;
  display: block;
  float: left;
  margin: 10px;
}
#text-block div.bigport-block a img{
  border: 1px solid #fff;
  display: block;
  float: left;
  margin: 10px;
}

#text-block div.port-block a:hover img{
  border: 1px solid #b8bfa8;
}


#text-block div.image-block{
  width: 80px;
  height: 80px;
  margin: 6px 6px 10px 6px;
  text-align: center;
  float: left;
  font-size: .88em;
}


#text-block div.image-block a img{
  border: 1px solid #fff;
}

#text-block div.image-block a:hover img{
  border: 1px solid #b8bfa8;
}

#text-block div.article-image {
  width: 200px;
  margin: 10px 10px 24px 10px;
  float: left;
}

#text-block div.article-image p{
  font-size: .8em;
  line-height: 1.2em;
  margin: 0;
  padding: 10px;
}

#text-block a img.award-gallery{
  border: 1px solid #fff;
  float: left;
  margin: 0 20px 0 22px;
}

#text-block a:hover img.award-gallery{
  border: 1px solid #b8bfa8;
}
/*------------------------------------------------*/

/* Footer ---------------------------------------*/

#footer-contact {
  width: 798px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  color: #FFF;  
  font-size: 1em;
  line-height: 1em;
}

#footer{
  width: 798px;
  margin: 0 auto;
  padding-top: 10px;
  border-top: 1px solid #a1ab8c;
  color: #b8bfa8;  
  font-size: .88em;
  line-height: .7em;
}

#text-nav{
  float: left;
  color: #fff;
  
}

#text-nav a{
  color: #fff;
  text-decoration: none;
}

#text-nav a:hover{
  text-decoration: underline;
}

#footer a.bwm{
  color: #b8bfa8;
  text-decoration: none;
}

#footer a.bwm:hover{  
  color: #4a8ecb;
  text-decoration: underline;
}

.contact {
  color:#FFFFFF;
  text-decoration:none;
  font-size:1.1em;
  font-weight:bold;
}

a.contact:hover {
  color:#D6E542;
  text-decoration:underline;
}