@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
}
html, body {
	height: 100%;
}

#home {
   background: url(../images/homeback.jpg) repeat-Y center bottom;   
}

#services {
   background: url(../images/servicesback.jpg) repeat-Y center bottom;   
}

#aboutus {

   background: url(../images/back1.jpg) repeat-Y center bottom;
      
}

#saying {
   background: url(../images/back11.jpg) repeat-Y center bottom;   
}

#contact {
   background: url(../images/back4.jpg) repeat-Y center bottom;   
}

#company {
   background: url(../images/back6.jpg) repeat-Y center bottom;   
}

#works {
   background: url(../images/back5.jpg) repeat-Y center bottom;   
}

#links {
   background: url(../images/back13.jpg) repeat-Y center bottom;   
}

#back1 {
   background: url(../images/back1.jpg) repeat-Y center bottom;   
}
#back2 {
   background: url(../images/back2.jpg) repeat-Y center bottom;   
}
#back3 {
   background: url(../images/back3.jpg) repeat-Y center bottom;   
}
#back4 {
   background: url(../images/back4.jpg) repeat-Y center bottom;   
}
#back5 {
   background: url(../images/back5.jpg) repeat-Y center bottom;   
}
#back6 {
   background: url(../images/back6.jpg) repeat-Y center bottom;   
}
#back7 {
   background: url(../images/back7.jpg) repeat-Y center bottom;   
}
#back8 {
   background: url(../images/back8.jpg) repeat-Y center bottom;   
}
#back9 {
   background: url(../images/back9.jpg) repeat-Y center bottom;   
}
#back10 {
   background: url(../images/back10.jpg) repeat-Y center bottom;   
}
#back11 {
   background: url(../images/back11.jpg) repeat-Y center bottom;   
}
#back12 {
   background: url(../images/back12.jpg) repeat-Y center bottom;   
}
#back13 {
   background: url(../images/back13.jpg) repeat-Y center bottom;   
}

#shadow {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 120px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

#topnavbar {
width: 100%;
position: relative;
margin:0px 0 0 150px;
background: url(../../images/NavBarTop.png) no-repeat top left;
width:800px;
height:123px;
}

#navcontent {
	position: absolute;
	bottom: 20px;
left: 20px;
}


ul#mainav {
float: left;
  margin: 0;
  padding: 0;
}

ul#mainav li {
display: inline;
margin:5px 15px 5px 5px;
font-family: 'Ubuntu', sans-serif;
font-size:.9em;
font-weight:300;
color:#CCC;
text-decoration:none;
}

ul#mainav li#youarehere a {
	color: #CCC;
	text-decoration: none;
}
ul#mainav li a {color: #CCC;text-decoration:none; }
ul#mainav a:hover {	color: #FFF; text-shadow: 0px 0px 2px #4d4d4d, 0px 5px 10px #aeaeae; }
ul#mainav a:active { color: #ccc; text-decoration:none;}

p.linkhead {margin-bottom:15px;
font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:800;
color:#FFF;
margin-top:50px;
}
p.linkbody {font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:300;
color:#FFF;
margin-bottom:1em;}
p.linkurl {font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:800;
color:#FFF;
margin-bottom:1em;}
p.linkurl a:hover {
text-shadow: 0px 0px 2px #4d4d4d, 0px 5px 10px #aeaeae;
}


#footerbar {
width:800px;
height:120px;
margin:0 0 0 150px;
background: url(../../images/NavBarBot.png) no-repeat bottom left;
overflow:hidden;
}

div.footlinksleft a {
position:relative;
top:15px;
height:100px;
float:left;
margin-left:15px;
font-family: 'Ubuntu', sans-serif;
font-size:.6em;
font-weight:300;
color:#CCC;
text-decoration:none;
clear:both;
}

div.footlinksleft a:hover {
color:#FFF; text-shadow: 0px 0px 2px #4d4d4d, 0px 5px 10px #aeaeae;
}

div.footlinksright a{
position:relative;
top:15px;
right:65px;
float:right;
font-family: 'Ubuntu', sans-serif;
font-size:.55em;
font-weight:300;
color:#CCC;
text-decoration:none;
text-align:right;
line-height:1.5em;
}

div.footlinksright p{
position:relative;
top:15px;
right:65px;
float:right;
font-family: 'Ubuntu', sans-serif;
font-size:.55em;
font-weight:300;
color:#CCC;
text-decoration:none;
text-align:right;
line-height:1.5em;
}

div.footlinksright a:hover {
color:#FFF; text-shadow: 0px 0px 2px #4d4d4d, 0px 5px 10px #aeaeae;
}

#content {
/* height:153px; */
margin:70px 0 0 170px;
overflow:hidden;
}

#wrapcontent {
/* height:153px; */
overflow:hidden;
}

/* .contentbox-wrapper{
position:relative; 
left:0; 
width:auto; 
height:100%;
min-height:150px !important;
overflow:hidden;
} */

		.contentbox-wrapper{			
			position:relative; 
			left:0; 
			width:4000px; 
			height:100%;
		}

		
.contentbox{
width:580px;
height:100% !important; 
float:left; 
padding:10px;
}
		
#wrap{			
width:600px;
margin:0 auto;
}



.bodywrap {
clear:both;
position:relative;
margin:0;
width:600px;
}

.bodywrap a {font-style:italic; text-decoration:none; color:#FFF;} 
.bodywrap a:hover {text-decoration:none; color:#FFF; text-shadow: 0px 0px 2px #FFF, 0px 5px 10px;
} 

h1 {
font-family: 'Dosis', sans-serif;
font-size:5em;
font-weight:300;Text
color:#FFF;
margin-bottom:0;
}

h1.sitehead {
font-family: 'Dosis', sans-serif;
font-size:3.5em;
font-weight:300;
color:#FFF;
margin-bottom:0;

}

h2.subtitle {
font-family: 'Dosis', sans-serif;
font-size:1.9em;
font-weight:300;
color:#FFF;
margin:0;
}

h3.callusmain {
font-family: 'Dosis', sans-serif;
font-size:1.9em;
font-weight:300;
color:#FFF;
margin:80px 0 0 0;
}

h3.callus {
font-family: 'Dosis', sans-serif;
font-size:1.9em;
font-weight:300;
color:#FFF;
}

h3.numbers {
font-family: 'Dosis', sans-serif;
font-size:1.9em;
font-weight:300;
color:#FFF;
margin:0 0 50px 0;
}

img.rule {
width:700px;
margin:0 0 5px 0;
}

hr.titlerule {
align:left;
margin-top:0;
width:100%;
height:5px;
color:#FFF;
}

p.intropara {
margin:50px 0 15px 0;;
font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:800;
color:#FFF;
}

p.body {
font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:300;
color:#FFF;
margin-bottom:1em;
}

p.body a {
color:#FFF;
text-decoration:none;
}

p.body a:hover {
text-shadow: 0px 0px 2px #4d4d4d, 0px 5px 10px #aeaeae;
}

/** blockquote styles **/
.bq3 { position:relative; width: 550px; background: url(../images/LeftQuote.png) top left no-repeat; padding-left: 20px; margin:30px 0 30px 0; color: #575757;}
.bq3 p { padding-right: 0px; line-height: 18px; background: url(../images/RightQuote.png) bottom right no-repeat; padding-bottom: 20px; color: #FFF; font-family: 'Ubuntu', sans-serif;
font-size:.75em;
font-weight:300;
margin-bottom:1em;}

.quoteattribute {position:absolute; bottom:0; padding-left:20px;
font-family: 'Ubuntu', sans-serif;
font-size:.75em;
font-style:italic;
font-weight:300;
color:#FFF;
}

ul.bodylist {font-family: 'Ubuntu', sans-serif;
font-size:1em;
font-weight:300;
color:#FFF;
margin-bottom:1em;
}


.quotenavnext {
font-family: 'Ubuntu', sans-serif;
font-size:.8em;
font-weight:300;
color:#CCC;
text-decoration:none;
text-align:right;
}

.quotenavnext a {
	color:#CCC;
text-decoration:none;
}

.quotenavnext a:hover {
text-shadow: 0px 0px 2px #FFF, 0px 5px 10px;
}

/* #wrapnav a {
			padding: 5px 10px;
			
		}
		
		#wrapnav ul li{
			display:inline;
			margin-right:5px;
		}
		
		#wrapnav a:hover {
		}	*/
		
#guarantee {
	position: absolute;
	width: 200px;
	height: 115px;
	top:20px;
	left:680px;
	z-index: 10;
	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}