@charset "utf-8";
/* HRS Style Sheet
   Updated: March 6, 2010
   Author:  Purple Dragonfly Designs
   ----------------------------------------------------*/

/* Generic
   ----------------------------------------------------*/

body {
margin: 0px;
padding: 0px;
background-image: url(../images/page-bg.jpg);
background-repeat: repeat-x;
background-color: #3b5262;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.3em;
}

#wrapper {
width: 850px;
margin-right: auto;
margin-left: auto;
}

/* Header
   ----------------------------------------------------*/

#header-wrap {
float: left;
height: 108px;
width: 850px;
}

#hrs-logo {
float: left;
height: 80px;
width: 555px;
margin-top: 8px;
}

#service-areas {
float: left;
width: 678px;
color: #60554A;
font-size: 80%;
font-style: italic;
}

#hrs-phone {
 float: right;
 width: 200px;
 text-align: right;
 color: #3B5262;
 font-size: 135%;
 font-weight: bold;
 height: 70px;
 padding-top: 20px;
}

/* Typology
   ----------------------------------------------------*/
			
h1 {
font-size: 125%;
}

h2 {
color: #3B5262;
font-size: 120%;
}

h3 {
font-size: 115%;
}

h4 {
color: #53200E;
font-size: 120%;
font-weight: bold;
margin-bottom: 0px;
padding-bottom: 0px;
}

.top-box-title {
color: #c7d5df;
}

/* Navigation
   ----------------------------------------------------*/
#navbar {
float: left;
width: 830px;
background-color: #60554a;
padding-left: 20px;
}

#content-wrap {
float: left;
width: 850px;
}

/* Content
   ----------------------------------------------------*/
			
#top-box {
float: left;
height: 338px;
width: 306px;
color: #e1d9d1;
background-color: #3b5262;
padding: 20px;
}

#top-box2 {
float: left;
width: 535px;
background-color: #3B5262;
color: #E1D9D1;
padding-top: 14px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
height: 266px;
}

#top-box2 a:link, #top-box2 a:visited {
color: #C7D5DF;
}

#top-box2 a:hover {
color: #60554A;
text-decoration: none;
}

#slideshow {
float: right;
height: 378px;
width: 504px;
background-image: url(../images/gallery1.jpg);
background-repeat: no-repeat;
}

#slideshow2 {
float: right;
height: 300px;
width: 275px;
}

#middle-title-box {
background-color: #60554A;
float: left;
width: 850px;
text-align: center;
}

#middle-title-box2 {
background-color: #3B5262;
float: left;
width: 850px;
text-align: center;
}

#middle-box {
float: left;
width: 810px;
background-color: #becbd4;
color: #40362d;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin: 0px;
}

#middle-box a:link, #middle-box a:visited {
color: #3B5262;
font-weight: bold;
}

#middle-box a:hover {
	font-weight: bold;
}

#middle-box2 {
float: left;
width: 810px;
background-color: #E1D9D1;
color: #40362d;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 25px;
padding-left: 20px;
margin: 0px;
}

#middle-box2 a:link, #middle-box2 a:visited {
color: #3B5262;
font-weight: bold;
}

#middle-box2 a:hover {
	font-weight: bold;
}

#bottom-box-title {
background-color: #5F554B;
float: left;
width: 850px;
}

#bottom-wrap {
float: left;
width: 850px;
height: auto;
margin: 0px;
}

#bottom-box-left a:link, #bottom-box-left a:visited {
color: #900;
}

#bottom-box-left a:hover {
color: #5F554B;
}

#bottom-box-left2 a:link, #bottom-box-left2 a:visited {
color: #900;
}

#bottom-box-left2 a:hover {
color: #5F554B;
}
#bottom-box-left {
background-color: #e1d9d1;
float: left;
width: 540px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
height: 240px;
}

#bottom-box-left2 {
background-color: #BECBD4;
float: left;
width: 540px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
height: 240px;
}

#bottom-box-right {
background-color: #2f4554;
width: 250px;
float: right;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: #E1D9D1;
text-align: right;
height: 240px;
}

#bottom-box-right a:link, #bottom-box-right a:visited {
color: #E1D9D1;
}

#bottom-box-right a:hover {
color: #BECBD4;
}

/* Footer
   ----------------------------------------------------*/
			
#footer {
clear: both;
float: left;
width: 850px;
color: #9BA3A6;
text-align: center;
font-size: 90%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#footer a:link, #footer a:visited {
color: #9BA3A6;
text-decoration: none;
}

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

/* Misc.
   ----------------------------------------------------*/
			
.clearit {
clear: both;
}

.floatright {
float: right;
padding-left: 10px;
}

.floatleft {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.testimonials {
font-style: italic;
}

.texas-star {
padding-left: 35px;
font-size: 120%;
color: #441A0B;
font-weight: bold;
background-image: url(../images/texas-star.png);
background-repeat: no-repeat;
height: 30px;
padding-top: 8px;
padding-bottom: 0px;
margin: 0px;
}

.testimonials-text {
margin-left: 35px;
}

.divider {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A99D92;
}