/*
 Screen style    
 Site: Alan Browne
*/

body {
 background: #fff;
 color: #333;
 font-size: 75%;
 padding: 0;
}

hr.divider {
 background: #333;
 border: 0;
 clear: both;
 color: #333;
 display: block;
 height: 1px;
 margin: 30px 0;
}

label em {
 background-color: transparent;
 color: #CC3300;
}

.contact-form td.label {
 width: 110px;
}

.contact-form textarea {
 width: 300px;
}

.contact-send {
 margin-top: 2em;
}

.quote-form textarea {
 width: 350px;
}

.quote-form input {
margin-right: 200px
}

.home #content {
 background-color: transparent;
 color: #666;
 float: none;
 margin-left: 0;
 padding: 0;
 width: 766px;
}

.home #content-wrapper {
 background: transparent url(../images/bg/content.gif) top left repeat-x;
 color: #666;
 padding: 18px 0 18px 28px;
}

.home #intro .intro-text {
 margin-top: 15px;
}

.home #intro h1 {
 height: 59px;
 margin-top: 35px;
 width: 383px;
 color: #666;
}

.home #intro h1 span {
 background-image: url(../images/titles/home.gif);
 height: 59px;
 width: 383px;
 
}

.home #intro-wrapper {
 height: 206px;
}

.sIFR-hasFlash #content h2.sifr {
 font-size: 26px;
 line-height: 32px;
 visibility: hidden;
}

.sIFR-hasFlash #content h3.sifr {
 font-size: 16px;
 line-height: 24px;
 visibility: hidden;
}

.sIFR-hasFlash #content-wrapper h2.sifr {
 font-size: 16px;
 line-height: 24px;
 visibility: hidden;
}

.sIFR-hasFlash #content-wrapper h3.sifr {
 font-size: 16px;
 line-height: 24px;
 visibility: hidden;
}

#content {
 background-color: transparent;
 color: #000;
 float: left;
 margin-left: 47px;
 padding: 30px 0 45px 0;
 width: 485px;
}

#content a {
 padding-bottom: 1px;
}

#content a:hover, #sec-nav a:hover, #sec-nav a.current {
 background-color: #003399;
 color: #fff;
}

#content h1 {
 margin: 0 0 10px 0;
}

#content h2.sifr {
 margin: 0 0 0.25em 0;
}

#content h3.sifr {
 margin-bottom: 0.25em;
}

#content li, #sidebar li {
 list-style: square;
 margin-bottom: 0.75em;
}

.item {
 border-bottom: 1px #CCC dashed;
 margin-bottom: 0.75em;
}

#content-wrapper {
 background-color: #fff;
 color: #666;
}

#content-wrapper:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#decorative {
 border-right: 1px solid #B3B3B3;
 float: left;
 height: 147px;
 position: relative;
 width: 349px;
}

#footer {
 line-height: 1.5;
 padding: 20px 0 0 35px;
 width: 766px;
}

#footer .auburn {
 margin-left: 10px;
}

#footer .fax, #footer .email {
 margin-left: 6px;
}

#footer a {
 background-color: transparent;
 color: #999;
}

#footer p {
 margin: 2px 0 0 0;
}

#footer p.links {
 margin-top: 20px;
}

#footer p.links a {
 margin-right: 10px;
}

#footer-wrapper {
 background: #fff url(../images/bg/footer.gif) top left repeat-x;
 clear: both;
 color: #999;
 min-height: 142px;
}

#free-advice {
 background-color: #fff;
 border: 1px solid #CFCFCF;
 color: #666;
 float: right;
 line-height: 1.5;
 padding-bottom: 10px;
 width: 242px;
}

#free-advice h2 {
 font-size: 1em;
 height: 18px;
 margin: 2px 10px 3px 10px;
 overflow: hidden;
 position: relative;
 width: 182px;
}

#free-advice h2 span {
 background-image: url(../images/text/free-advice.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 18px;
 left: 0;
 position: absolute;
 top: 0;
 width: 182px;
 z-index: 1;
}

#free-advice p {
 margin: 3px 10px 0 10px;
}

#free-advice p span {
 background-color: transparent;
 color: #003399;
 font-size: 1.33em;
 font-weight: bold;
 margin-left: 5px;
}

#header {
 height: 102px;
 position: relative;
 width: 801px;
}

#home-box {
 background-color: #fff;
 border: 1px solid #CDCDCD;
 color: #333;
 float: left;
 padding: 15px 12px 15px 14px;
 width: 476px;
}

#intro {
 float: left;
 margin-left: 15px;
 width: 400px;
}

#intro .intro-text {
 font-size: 1em;
 height: 17px;
 margin: 12px 0 19px 0;
 overflow: hidden;
 position: relative;
 width: 263px;
}

#intro .intro-text span {
 background: transparent url(../images/text/calibration-laboratories.gif) top left no-repeat;
 color: #fff;
 display: block;
 height: 17px;
 left: 0;
 position: absolute;
 top: 0;
 width: 263px;
 z-index: 1;
}

#intro h1 {
 background-color: transparent;
 color: #fff;
 font-size: 1em;
 height: 64px;
 margin: 25px 0 0 0;
 overflow: hidden;
 position: relative;
 width: 313px;
}

#intro h1 span {
 background: transparent url(../images/titles/30years.gif) top left no-repeat;
 color: #fff;
 display: block;
 height: 64px;
 left: 0;
 position: absolute;
 top: 0;
 width: 313px;
 z-index: 1;
}

#intro p {
 margin: 0;
}

#intro-wrapper {
 background-color: #666;
 border-bottom: 1px solid #666;
 border-top: 1px solid #4C4C4C;
 color: #fff;
 height: 147px;
}

#logo {
 height: 90px;
 left: 30px;
 margin: 0;
 position: absolute;
 top: 0;
 width: 126px;
}

#nav {
 bottom: 0;
 margin: 0;
 position: absolute;
 right: 0;
}

#nav a {
 background-color: transparent;
 color: #666;
 display: block;
 font-size: 1em;
 height: 27px;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-decoration: none;
 text-transform: uppercase;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 27px;
 left: 0;
 position: absolute;
 top: 0;
 z-index: 1;
}

#nav a#nav01 {
 width: 53px;
}

#nav a#nav01 span {
 background-image: url(../images/nav/01.gif);
 width: 53px;
}

#nav a#nav02 {
 width: 57px;
}

#nav a#nav02 span {
 background-image: url(../images/nav/02.gif);
 width: 57px;
}

#nav a#nav03 {
 width: 78px;
}

#nav a#nav03 span {
 background-image: url(../images/nav/03.gif);
 width: 78px;
}

#nav a#nav04 {
 width: 72px;
}

#nav a#nav04 span {
 background-image: url(../images/nav/04.gif);
 width: 72px;
}

#nav a#nav05 {
 width: 69px;
}

#nav a#nav05 span {
 background-image: url(../images/nav/05.gif);
 width: 69px;
}

#nav a#nav06 {
 width: 95px;
}

#nav a#nav06 span {
 background-image: url(../images/nav/06.gif);
 width: 95px;
}

#nav a:hover {
 background-color: #fff;
 color: #666;
}

#nav a:hover span, #nav a.current span {
 background-position: 0 -27px;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#column1 {
 background-color: transparent;
 color: #000;
 float: left;
 margin-left: 47px;
 padding: 30px 0 45px 0;
 width: 358px;
}

#column2 {
 float: left;
 margin-left: 27px;
 margin-top: 45px;
 padding: 30px 0;
 width: 359px;
}

#sidebar {
 float: left;
 margin-left: 27px;
 padding: 30px 0;
 width: 232px;
}

#sidebar li {
 margin-bottom: 0.25em;
}

#slideshow {
 border-right: 1px solid #B3B3B3;
 float: left;
 height: 206px;
 width: 349px;
}

#slideshow object {
 border: none;
 height: 206px;
 margin: 0;
 width: 349px;
}

#tel {
 height: 40px;
 margin: 0;
 position: absolute;
 right: 8px;
 top: 18px;
 width: 237px;
}

.tipsandhintsbutton {
	padding-left: 10px;
}

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #999; width: 250px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 135px; }
.fields { text-align: left}
#form-group-2 input {width: 200px}
.quote-form input {float: right; margin-right: 100px; margin-bottom: 5px}
.quote-form label {float: left; clear: both}
.quote-form textarea {float: left; margin-right: 20px; margin-bottom: 5px}
#alert-content { color: #CC0000;}
#alert-content h2 { color: #CC0000;}