/**  CSS code for Paragon   **/


body { 
margin: 0px;
padding: 0px;
background-color: #879FA0;
color: #000;
}

.wrapper {
position: relative;
width: 760px;
margin-top: -15px;
margin-left: 25px;
background-color: #FFF;
}

/**  Preloads four menu bar images for faster menu display  **/
div#preloaded-images {
   position: absolute;
   left: -9999px; 
   top: -9999px;
}

/**  Location of site logo "Paragon Design Associates  **/
.header_photo {
padding-left: 35px;
padding-top: 35px;
height: 110px;
}

/*  Menu bar   */

.menu {
margin-top: -15px;
margin-left: 10px;
}

.menu li {
float: left;
padding: 0px 0px;
list-style: none;
}

.menu .left {
background: url(images/left_blue.gif) no-repeat left top;
display: inline-block;
height: 50px;
float: left;
padding-left: 17px;
}

.menu .right {
background: url(images/right_blue.gif) no-repeat left top;
display: inline-block;
height: 50px;
float: left;
padding-left: 20px;
}

.menu .middle {
background: url(images/middle_blue.gif) repeat-x;
display: inline-block;
height: 50px;
float: left;
padding: 16px 6px 0px 10px;
}

.menu .spacer {
background: url(images/spacer_blue.gif) no-repeat left top;
display: inline-block;
height: 50px;
float: left;
padding: 0px 6px 0px 0px;
 }

.menu a {
color: white;
font-size: 11px;
text-decoration: none;
}

.menu a:hover {
color: #CCCCCC;
height: 50px; 
}

.breadcrums {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 55px;
height: 20px;
font-size: 10px;
color: gray;
}

.breadcrums a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
}

/**  Colors the last item in the breadcrums black  **/
.black {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000;
}

/**  Page title on upper right hand side of page like "relationships"   **/
.page {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: gray;
text-align: right;
padding-right: 55px;
text-transform: uppercase;
}

/**  Sets picture location from top and left of page within menu wrapper  **/
.menu_wrapper {
position: absolute;
left: 55px;
}

/**  A tag page links  **/
a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #000;
font-weight: normal;
}

a:hover {
text-decoration: none;
color: #000;
}

/**  Sets underline and font size for in text links   **/
.text_link {
font-size: 12px;
}

p a:hover .text_link {
text-decoration: none;
}

.content {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
padding: 4px 40px 15px 365px;
}

h3 {
font-size: 14px;
color: #6287B6;
margin-top: -7px;
margin-bottom: 10px; 
}

p {
margin: 0px;
padding-bottom: 10px;
}

/**  Decreases top of UL space on sustainability page   **/
.sustain {
margin-top: -5px;
}

/**  Sets text below double image in left side bar  **/
.image_block {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 15px;
}

/**  Used for list spacing on sustainability page   **/
ul li {
padding-bottom: 8px;
}

.photo_left {
float: left;
margin: 5px 10px 0px 0px;
border: 1px solid #000;
}

/**  Photos on ICE page  **/
.photo_left_ice {
float: left;
margin: 5px 10px 0px 0px;
}

.photo_right_ice {
float: right;
margin: 5px 10px 0px 10px;
}

/**  Needed to set font size for mail to link on contact us page   **/
.email {
font-size: 12px;
}

.footer {
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: left;
font-size: 10px;
color: #FFFFFF;
background-color: #503C21;
padding: 10px 0px 10px 55px;
}

/**  Text after DIRTT logo in lower footer   **/
.footer_text {
text-align: right;
font-size: 10px;
color: black;
padding-right: 110px;
}

/**  Small DIRTT logo in lower footer   **/
.footer_photo {
margin: 3px 10px 2px 0px;
vertical-align: -10px;
}

/**   Web site design credit in footer   **/
.design_footer {
color: #AAA;
float: left;
font-size: 10px;
padding-top: 10px;
padding-left: 53px;
}

.design_footer a {
color: #AAA;
font-size: .9em;
}

.design_footer a:hover {
color: #555;
}

/**Horz rule on home page  **/
.rule {
width: 200px;
margin-left: 60px;
margin-top: 12px;
margin-bottom: 15px;
border-top: 1px solid black;
}

.lynn {
width: 250px;
padding: 15px;
margin: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.chicago {
margin-top: 30px;
}

/*  Clears float after menu  */
.clear {
clear: both;
}


/**  End of CSS   **/