/*
 Screen style    
 Site: Reynolds Signs and Plastics
*/
body { font-size: 81.25%; background: #010101; color: #fff; }
a { color: #fff; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#inner:after, #top:after, #content:after, .home-boxes .inner:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Header */
#header-wrapper { background: url(../images/bg/header-wrapper.gif) repeat-x; border-bottom: 3px solid #fff015; }
#header { width: 901px; margin: 0 auto; height: 168px; position: relative; }
#header .logo { position: absolute; top: 10px; left: 1px; }
#header .logo img { display: block; margin: 0; color: #fff; }
#header .slogan { position: absolute; top: 91px; left: 165px; line-height: 1.17; width: 266px; height: 52px; }
#header .slogan span { background-image: url(../images/text/slogan.gif); }
#header .action { position: absolute; top: 0; right: 0; width: 257px; }
#header .action .accessibility { display: none; }
#header .action .view-gallery { margin-bottom: 48px; padding-left: 1px; height: 40px; }
#header .action .view-gallery img { display: block;  }
#header .action .phone { width: 258px; height: 52px; }
#header .action .phone span { background-image: url(../images/text/phone.gif); }

/* Inner */
#inner-wrapper { background: #000; clear: both; }
#inner { width: 901px; margin: 0 auto; padding: 0 0 47px 0; }

/* Top */
#top { margin: 9px 0 75px 0; }
#top .established { font-size: 0.92em; float: right; text-align: right; text-transform: lowercase; width: 114px; height: 11px; }
#top .established span { background-image: url(../images/text/established.gif); }

/* Navigation */
#nav { height: 34px; width: 456px; float: left; }
#nav li { float: left; }
#nav a { color: #fff; display: block; height: 34px; line-height: 34px; overflow: hidden; position: relative; text-align: center; text-decoration: none; margin-right: 29px; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #000; color: #fff; }
#nav a:hover span, #nav a.current span { background-position: left bottom; }
#nav a.nav01 { width: 41px; }
#nav a.nav02 { width: 44px; }
#nav a.nav03 { width: 38px; }
#nav a.nav04 { width: 52px; }
#nav a.nav05 { width: 50px; }
#nav a.nav06 { width: 56px; }
#nav a.nav01 span { background-image: url(../images/nav/01.gif); }
#nav a.nav02 span { background-image: url(../images/nav/02.gif); }
#nav a.nav03 span { background-image: url(../images/nav/03.gif); }
#nav a.nav04 span { background-image: url(../images/nav/04.gif); }
#nav a.nav05 span { background-image: url(../images/nav/05.gif); }
#nav a.nav06 span { background-image: url(../images/nav/06.gif); }

/* Content */
#content { float: left; width: 489px; padding-left: 40px; }
#content a:hover { background: #fff015; color: #000; text-decoration: none; }
#content ul { list-style: square; margin: 0.5em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content .view-our-gallery { margin: 22px 0 0 1px; }
#content .view-our-gallery img { display: block; }

/* Gallery */
#gallery { width: 550px; height: 400px; margin: 25px -31px 25px -30px; position: relative; }

/* Home */
.home #inner { padding-bottom: 50px; }
.home #top { margin-bottom: 55px; }
.home #content { float: none; width: auto; padding: 0 38px 0 39px; }

/* Home Boxes */
.home-boxes { padding-top: 23px; background: url(../images/bg/home-boxes.png) no-repeat; }
.home-boxes .inner { padding: 0 13px 92px 24px; background: url(../images/bg/home-boxes.png) bottom no-repeat; min-height: 195px; }
.home-boxes .signs { float: left; width: 346px; }
.home-boxes .plastics { float: right; width: 367px; }
.home-boxes img.division { float: left; display: block; }
.home-boxes .text { margin-left: 177px; }
.home-boxes h2 { margin: 0 0 14px 0; font-size: 1.38em; color: #fff; width: 169px; height: 61px; }
.home-boxes h2 strong { text-transform: uppercase; color: #fff015; }
.home-boxes .signs h2 span { background-image: url(../images/text/signs.jpg); }
.home-boxes .plastics h2 { width: 178px; }
.home-boxes .plastics h2 span { background-image: url(../images/text/plastics.jpg); }
.home-boxes p { margin: 0 0 0 3px; font-size: 0.92em; line-height: 1.5; }

/* Gallery */
#gallery { width: 550px; height: 400px; }

/* Sidebar */
#sidebar { float: right; width: 267px; margin-top: 5px; }
#sidebar .thumbs li { float: left; margin: 0 0 7px 9px; }
#sidebar .thumbs a, #sidebar .thumbs img { display: block; }
#sidebar .sec-nav { margin: 15px 0 0 15px; }
#sidebar .sec-nav li { margin-bottom: 6px; list-style: square; }
#sidebar .sec-nav a:hover { background: #fff015; color: #000; text-decoration: none; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 300px; }
.contact-form legend { color: #fff; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin: 25px 0 0 15px; }

/* Footer */
#footer-wrapper { background: url(../images/bg/footer-wrapper.gif) repeat-x; clear: both; border-top: 3px solid #fff015; }
#footer { width: 901px; margin: 0 auto; padding: 20px 0; font-size: 0.85em; }
#footer .vcard { float: left; width: 710px; }
#footer .vcard p { margin: 0; }
#footer .vcard p strong { color: #fff015; margin-left: 7px; }
#footer .vcard p strong.first { margin-left: 0; }
#footer a:hover { background: #fff015; color: #000; text-decoration: none; }
#footer ul { margin-top: 8px; clear: both; }
#footer li { float: left; padding-left: 14px; margin-left: 14px; background: url(../images/bg/footer-sep.gif) 0 2px no-repeat; }
#footer li.first { background: none; margin: 0; padding: 0; }
#footer li strong { margin-right: 3px; }

/* Newsletter */
#footer .newsletter { float: right; width: 170px; }
#footer .newsletter p { margin-bottom: 5px; }
#footer .newsletter label { margin-left: 1px; }
#footer .newsletter input { vertical-align: middle; }
#footer .newsletter .text-input { width: 110px; margin: 0; border: 1px solid #ccc; padding: 3px 4px; color: #000; }
.perspex {
	border: 5px solid #FFF;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}