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

ALL CODE, IMAGES & CONTENT COPYRIGHT ROCKFORD CORPORATION
HILLSBORO, OREGON ALL RIGHTS RESERVED

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

/* EXTERNAL NAV STYLE SHEET IMPORT */

@import url("superfish.css");

/* GLOBAL BROWSER RESET */

* {
padding: 0;
margin: 0;
}

ul, ol {
list-style: none;
}

a img, :link img, :visited img {
border: none;
}

body {
background: #bacad3;
}

p {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: normal;
line-height: 16px;
margin-bottom: 8px;
text-align: justify;
}

p.no-justify {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: normal;
line-height: 16px;
margin-bottom: 8px;
text-align: left;
}

a {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1b396b;
font-weight: 600;
text-decoration: underline;
}

a:hover {
color: #e51937;
}

a:visited {
color: #6095c2;
}

h3 {
margin: 0 0 12px 0;
font-family: Franklin Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #354e78;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
}

h4 {
margin: 10px 0 10px 0;
font-family: Franklin Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #354e78;
font-weight: 800;
}

h5 {
margin: 10px 0 10px 0;
font-family: Franklin Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #354e78;
font-weight: 800;
}

ul {
margin-left: 25px;
list-style-position: outside;
list-style-type: disc;
}

ul li {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: normal;
line-height: 16px;
margin-bottom: 3px;
}

.liststyle ul {
list-style-image: url("../images/bullet.png");
list-style-position: outside;
padding-left: 10px;
margin-left: 35px;
}

.liststyle ul li {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: normal;
margin-bottom: 3px;
}

#liststyle a {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: 500;
text-decoration: none;
}

#liststyle a:hover {
color: #354e78;
font-weight: 500;
text-decoration: underline;
}

/* MISC ELEMENT STYLES */

/* Styles link on Past Projects pages */

#breadcrumb a {
margin: 6px 0 6px 0;
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
font-weight: 500;
text-decoration: none;
}

#breadcrumb a:hover {
text-decoration: underline;
color: #354e78;
}

/* CSS Buttons */

.button {
height: 28px;
width: 60px;
padding: 0px 10px;
margin-top: 3px;
line-height: 25px;
color: #fff;
font-size: 14px;
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
background-color: #354e78;
border: none;
text-decoration: none;
cursor: pointer;
}

#login {
position: relative;
width: 60px;
height: 28px;
}

#more {
position: relative;
width: 60px;
height: 28px;
margin-left: 200px;
}

/* Other Styles */

blockquote {
margin-left: 25px;
}

.bullet img {
margin: auto 0 auto 0;
}

.clearer {
clear: both;
height: 10px;
}

.clearer1 {
clear: both;
height: 1px;
}

.image-float {
float: left;
padding-right: 15px;
}

/* BLOCK ELEMENT LAYOUTS */

/* Global Block Layouts */

/* Top Navigation Layout & Styles */

#navblock {
position: absolute;
top: 112px;
left: 185px;
width: 650px;
z-index: 50;
}

#wrapper {
position: relative;
margin: 10px auto 10px auto;
width: 900px;
background-color: #fff;
}

#content {
float: left;
top: 0px;
left: 0px;
padding: 25px 20px 0 50px;
width: 515px;
z-index: 5;
}

#photo-block {
float: right;
top: 0;
left: 586px;
right: 0;
width: 314px;
z-index: 10;
}

#footer {
position: relative;
margin-top: 25px;
padding-top: 5px;
left: 0;
width: 900px;
height: 27px;
background: #fff url("../images/shadow.png") 0px 0px repeat-x;
}

#footer p {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
color: #000;
font-weight: normal;
text-align: center;
display: block;
}

/* Home Page Layouts */

#home-content {
position: relative;
top: 0px;
left: 0;
width: 900px;
padding: 0;
margin: 0;
}

#services {
float: left;
top: 0;
left: 0px;
width: 175px;
padding-left: 15px;
}

#animation {
float: right;
top: 0;
left: 175px;
width: 700px;
z-index: 2;
}

#lower-block {
position: relative;
top: 0;
left: 0;
width: 900px;
height: 250px;
background-color: #fff;
}

#lower-photo {
position: absolute;
top: 0;
left: 0;
width: 281px;
background: #fff;
}

#lower-photo p {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
color: #000;
font-weight: normal;
line-height: 13px;
text-align: right;
}

#safety-block {
position: absolute;
top: 0px;
left: 281px;
width: 289px;
padding: 5px 0 0 15px;
background: #fff url("../images/services-bkgrnd.jpg") 0px 0px no-repeat;
}

#sidebar {
position: absolute;
top: 0;
left: 584px;
width: 299px;
padding: 5px 0 0 15px;
background: #fff url("../images/sidebar-bkgrnd.jpg") 0px 0px no-repeat;
}

/* Our History Page Layout */

#slideshow {
position: absolute;
top: 167px;
left: 586px;
width: 300px;
height: 300px;
display: none;
}

/* Our Team Page Layout */

#team-content {
float: left;
top: 0px;
left: 0px;
padding: 25px 20px 0 130px;
width: 500px;
}

/* Project Page/Gallery Layouts */

#project-content {
float: left;
top: 0;
left: 0;
padding: 25px 20px 0 50px;
width: 830px;
}

.project-block {
position: relative;
width: 830px;
height: 445px;
background-color: #647a9e;
border: 1px solid #bcc6e4;
padding-top: 10px;
}

.project-block-content {
float: left;
top: 0;
left: 0;
width: 315px;
padding: 5px 0 0 15px;
}

.project-block-content p {
color: #fff;
}

.project-block-content h4 {
color: #fff;
}

.project-block-images {
float: right;
top: 0;
left: 350px;
width: 460px;
padding: 0px 10px 0px 10px;
}

/* Safety Page Sidebar */

#safety-sidebar {
position: relative;
top: 0;
left: 0;
width: 299px;
margin-bottom: 10px;
padding: 5px 0 0 10px;
border: 1px solid #74a6d0;
background: url("../images/services-bkgrnd.jpg") 0px 0px repeat-x;
}

/* Safety Conference Page Layout */

#conference-content {
float: left;
top: 0;
left: 0;
padding: 25px 20px 0 50px;
width: 760px;
}

.image-left {
float: left;
top: 0;
left: 0;
width: 375px;
}

.image-right {
float: right;
top: 0;
left: 380px;
width: 375px;
}