body {margin: 0; padding: 0; background: url('../images/bgTile.jpg') top center repeat-x #fff; text-align: center; font-size: 62.5%; font-family: Trebuchet, "Trebuchet MS", Tahoma, Arial; height: 100%;}
img {border: none;}
p {font-size: 1.4em; color: #333; line-height: 150%;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.8em;}
:focus {outline: none;}
.left {float: left; margin: 10px 10px 5px 0;}
.clear {clear: both;}
a {color: #000;}
a:visited {color: #333;}

#wrapper {width: 976px; margin: 0 auto; text-align: left; position: relative;}
p.welcomeExp {position: absolute; top: 500px; right: 160px; font-size: 24px; color: #777;}


#contentArea {width: 100%; height: 340px; position: relative; margin-bottom: 25px;}

#footer {height: 50px;}

#header {width: 100%; height: 90px; margin: 0; padding: 0; position: relative;}
h2#logo {float: right; margin: 0 0 0 0; padding: 0; display: block; height: 90px; width: 281px; background: url('../images/pinnacleSignsLogo.jpg') top left no-repeat; text-indent: -9999px;}
ul#nav {list-style: none; margin: 0; padding: 0; position: absolute; bottom: 13px; left: 0;}
ul#nav li {float: left; height: 15px; margin-right: 35px;}
ul#nav li a {display: block; text-indent: -9999px; height: 15px;}
li a.home {width: 57px; background: url('../images/homeBtn.jpg') top right no-repeat;}
li a.gallery {width: 79px; background: url('../images/galleryBtn.jpg') top right no-repeat;}
li a.services {width: 85px; background: url('../images/servicesBtn.jpg') top right no-repeat;}
li a.about {width: 62px; background: url('../images/aboutBtn.jpg') top right no-repeat;}
li a.contact {width: 89px; background: url('../images/contactBtn.jpg') top right no-repeat;}
li a:hover {background-position: top center;}
#home .home, #gallery .gallery, #services .services, #about .about, #contact .contact {background-position: top left;}

#window {height: 407px; width: 717px; margin: 0; float: right;}

#headline {display: block; height: 36px; text-indent: -9999px; margin: 30px 0 0 35px; padding: 0;}
h1#headline.about {/*width: 152px*/ width: 198px; background: url('../images/headlines/aboutHL2.png') top left no-repeat; margin: 0;}
h1.home {width: 198px; background: url('../images/headlines/welcomeHL.png') top left no-repeat;}
h1.contact {width: 198px; background: url('../images/headlines/contactHL.png') top left no-repeat;}
h1#headline.service {/*width: 208px*/ width: 198px; background: url('../images/headlines/servicesHL2.png') top left no-repeat; margin: 0;}

.bodyCopy {background: #626367; width: 508px; position: relative; margin: 0 30px 0 0; padding: 0; float: left;}
#home .bodyCopy, #contact .bodyCopy {width: 250px; margin-right: 0px; float: right;}
#contact .bodyCopy {height: 250px;}
.bodyCopy .inner {padding: 15px;}
#home .bodyCopy .tl, #contact .bodyCopy .tl {height: 27px; width: 27px; background: url('../images/tl.jpg') no-repeat top left; position: absolute; top: 0; left: 0;}
#home .bodyCopy .tr, #contact .bodyCopy .tr {height: 27px; width: 27px; background: url('../images/tr.jpg') no-repeat top right; position: absolute; top: 0; right: 0;}
.bodyCopy .tl {height: 27px; width: 27px; background: url('../images/tl.png') no-repeat top left; position: absolute; top: 0; left: 0;}
.bodyCopy .tr {height: 27px; width: 27px; background: url('../images/tr.png') no-repeat top right; position: absolute; top: 0; right: 0;}
.bodyCopy p {font-size: 1.4em; color: #fff; width: auto;}

#gallery .bodyCopy, #services .bodyCopy {width: 235px;}
#gallery .bodyCopy .inner {padding: 20px 0;}
#gallery .bodyCopy .inner h3 {margin-left: 20px;}

#footer {text-align: center; border-top: 2px #666 solid; color: #666; margin: 0;}
#footer p {color: #666;}

ul.gal {font-size:14px; color: #fff; list-style: none; margin: 10px 0 0 0; padding: 0;}
ul.gal li {margin: 0 0 5px 0; padding: 0;}
ul.gal li a, ul.gal li a:visited {color: #fff; text-decoration: none; padding: 0 0 0 40px; width: 195px; display: block;}
ul.gal li a.active {background: #333; color: #fff; width: 195px; display: block; border-top: 3px solid #333; border-bottom: 3px solid #333; text-shadow: black 0.1em 0.1em 0.2em}
ul.gal li a:hover {}

.thumbs {float: right; width: 700px; margin: 0;}
.thumbs img {margin: 0; padding: 0; width: 60px; height: 60px;}
.thumbs a, .thumbs a:visited {float: left; margin-left: 15px; margin-bottom: 15px; border: solid 2px #666; padding: 0; display: block; height: 60px; width: 60px;}
.thumbs a:hover {border: solid 2px #999;}

ul.selector {margin: 300px 0 0 0; padding: 0; list-style: none; margin-bottom: 20px;}
ul.selector li {width: 212px; height: 24px; display: block; text-indent: -9999px; margin: 0; padding: 0;}
ul.selector li a.industry {width: 212px; height: 24px; display: block; background: url('../images/industry.png') bottom left no-repeat;}
ul.selector li a.type {width: 212px; height: 24px; display: block; background: url('../images/type.png') bottom left no-repeat;}
ul.selector li a.active {background-position: top; height: 24px;}

ul.subNav {list-style: none; font-size: 18px; padding: 30px 0 0 40px;}
ul.subNav li {margin: 0 0 10px 0;}
ul.subNav li a, ul.subNav li a:visited {color: #fff; text-decoration: none; font-family: Tahoma, Arial, Verdana; font-weight: normal; width: 185px; display: block; padding: 0 0 2px 25px;}
ul.subNav li a.active {background: #626367; color: #fff;}

#smallImage {top: 5px; right: 50px; width: 548px; height: 304px; position: absolute;}

.col {width: 420px; float: left; margin: 0 100px 0 0;}
.r {margin: 0;}

.caption {font-size: 12px; color: #666; margin-top: 45px; margin-bottom: 4px;}