﻿body   {margin:0px; padding:0px; background-image:url('images/bg.jpg');
       background-color:#027508; background-attachment: scroll; 
       background-repeat:no-repeat; background-position:center top;
       font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; cursor:default;
}



h5, ul, li {margin:0px; padding:0px;}


#wrap {margin:0px auto;
 width:960px; height:1560px;
 max-width: 960px; min-width: 480px;
 background-image:url('images/wrapbg.jpg');
 background-position:center bottom;
 background-repeat:no-repeat;
 background-color:transparent;
       
 padding:0px 0px 0px 0px;

 border-right: 0px solid #000000;
 border-left: 0px solid #000000;}




#banner {background-color:transparent;
        width:960px; height:123px;
        padding:0px 0px 0px 0px;
        border-bottom: 0px solid #000000;}



/* menu Sprite ------------- */


ul#menu{margin:0px; padding:0; list-style:none; float:right;}
		
#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}

			
#menu li a{background:url('images/menu.png') no-repeat; width:570px; height:116px; display:block;}
 

			
/* Home Button */
			
#menu li.home {width:70px; height:57px;}
				#menu li.home a{background-position:-0px -0px;}
				#menu li.home a:hover{background-position:-0px -57px;}
				#menu li.home a.selected{background-position:-0px -58px;}

			
/* Services Button */
			
#menu li.services {width:111px; height:57px;}
				#menu li.services a{background-position: -72px -0px;}
				#menu li.services a:hover{background-position:-72px -57px;}
				#menu li.services a.selected{background-position:-72px -57px;}

			
/* Portfolio Button */
			
#menu li.portfolio {width:110px; height:57px;}
				#menu li.portfolio a{background-position:-183px -0px;}
				#menu li.portfolio a:hover{background-position:-183px -57px;}
				#menu li.portfolio a.selected{background-position:-183px -57px;}

/* About Us Button */
			
#menu li.aboutus {width:101px; height:57px;}
				#menu li.aboutus a{background-position: -292px -0px;}
				#menu li.aboutus a:hover{background-position:-292px -57px;}
				#menu li.aboutus a.selected{background-position:-292px -57px;}

			
/* Request A Quote Button */
			
#menu li.requestaquote {width:156px; height:57px;}
				#menu li.requestaquote a{background-position:-391px -0px;}
				#menu li.requestaquote a:hover{background-position:-391px -57px;}
				#menu li.requestaquote a.selected{background-position:-391px -57px;}






/* ribbon Sprite ------------- */



ul#ribbon{padding:0; list-style:none; 
          margin:0; position: relative; bottom: 339px; left: -8px; 
           z-index: 10;}
		
#ribbon li{overflow:hidden; text-indent:9999px; display:inline; float:left;}

			
#ribbon li a{background:url('images/ribbonsprite.png') no-repeat; width:183px; height:178px; display:block;

}
 

			
/* ribbon Button */
			
#ribbonli.main {width:200px; height:178px;}
				#ribbon li.main a{background-position:-0px -0px;}
				#ribbon li.main a:hover{background-position:-0px -182px;}
				#ribbon li.main a.selected{background-position:-0px -178px;}




#container {float:left;
	width: 547px; height: 336px;
        background-color:transparent;
        margin-top: 11px; 
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px; 
        padding:0px 0px 0px 0px;}




div#slideshow {
	width: 547px; height: 336px; padding: 0px 0px 0px 0px;
        background-color:transparent;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;
}
	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: relative; top: 210px; z-index: 15;
	}
		div#slideshow ul#nav li#prev {
			float: left;  margin: 0 0 0 80px;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 50px 0 0;
		}
		div#slideshow ul#nav li a {
			display: block; width: 64px; height: 57px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				 background: url(images/prev.png)no-repeat;
			}
			div#slideshow ul#nav li#next a {
				 background: url(images/next.png)no-repeat;
                                
			}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 0 0;
		}

a {outline: none; }






.intro {float:right;
   width:400px; height:320px;
   background-color:transparent;
   margin:0px auto;
   text-align:left;

 padding:0px 0px 0px 0px;

 }


.welcome {float:left;
   width:544px; height:570px;
   background-color:transparent;
   text-align:left;
       
   padding:0px 0px 0px 0px;

   margin-top:30px; margin-bottom:0px;
   margin-right:0px; margin-left:0px;

 }



.about {float:left;
   width:400px; height:600px;
   background-image:url('images/servicebg.png');
   background-color:transparent;
   text-align:left;
   font-size:12px;
       
   padding:0px 0px 0px 0px;

   margin-top:0px; margin-bottom:0px;
   margin-right:0px; margin-left:16px;


 }


.valid {float:left;
   width:960px; height:80px;
   background-color:transparent;
   text-align:left;
   font-size:12px;
       
   padding:0px 0px 0px 0px;

   margin-top:80px; margin-bottom:0px;
   margin-right:0px; margin-left:0px;

}





/* font styles ------------- */


img.btframe { margin-top:20px; margin-bottom:0px;
              margin-right:0px; margin-left:0px;}


hr {
border: 0;
color: #005a00;
background-color: #006807;
height: 3px;
width: 75%;
text-align: center;
margin-left:50px; 
margin-top:10px;
margin-right:0px; 
margin-bottom:10px;
}


img {border:0px;}


span {display:none;}



@font-face {
	font-family: 'TallysRegular';
	src: url('fontface/tallys_15-webfont.eot');
	src: local('☺'), url('fontface/tallys_15-webfont.woff') format('woff'), 
        url('fontface/tallys_15-webfont.ttf') format('truetype'), 
        url('fontface/tallys_15-webfont.svg#webfontCUKX9kYQ') format('svg');

}


@font-face {
	font-family: 'DeliciousSmallCapsRegular';
	src: url('fontface/delicious-smallcaps-webfont.eot');
	src: local('☺'), url('fontface/delicious-smallcaps-webfont.woff') format('woff'), 
        url('fontface/delicious-smallcaps-webfont.ttf') format('truetype'), 
        url('fontface/delicious-smallcaps-webfont.svg#webfont6cRwfkEz') format('svg');

}



p.top {font-size:14px; color:#ffffff;
          font-family:Arial, Helvetica, sans-serif;
          text-align:left; line-height:20px;
          margin-left:6px; margin-top:5px;
          margin-right:0px; margin-bottom:0px;
          padding:0px 0px 0px 0px;}

p.bottom {font-size:14px; color:#ffffff;
          font-family:Arial, Helvetica, sans-serif;
          text-align:left; line-height:18px;
          margin-left:50px; margin-top:0px;
          margin-right:25px; margin-bottom:0px;
          padding:0px 20px 0px 0px;}



p.down {font-size:14px; color:#ffffff;
          font-family:Arial, Helvetica, sans-serif;
          text-align:left; line-height:18px;
          margin-left:50px; margin-top:0px;
          margin-right:25px; margin-bottom:0px;
          padding:0px 20px 0px 0px;}

p.head {font-size:20px; color:#ffffff;
          font-family:DeliciousSmallCapsRegular, Arial, sans-serif;
          text-align:left; line-height:18px;
          margin-left:50px; margin-top:50px;
          margin-right:25px; margin-bottom:0px;
          padding:0px 20px 0px 0px;}

p.headb {font-size:20px; color:#ffffff;
          font-family:DeliciousSmallCapsRegular, Arial,sans-serif;
          text-align:left; line-height:18px;
          margin-left:50px; margin-top:0px;
          margin-right:25px; margin-bottom:0px;
          padding:0px 20px 0px 0px;}


p.copy {font-size:13px; color:#ffffff;
          font-family:Arial, Helvetica, sans-serif;
          text-align:center; line-height:18px;
          margin-left:50px; margin-top:35px;
          margin-right:0px; margin-bottom:0px;
          padding:0px 0px 0px 0px;

}



h1 {float:left;width:300px; height:90px;
    background-color:transparent; 
    padding: 0px 0px 0px 0px; 
    margin-top:30px; margin-bottom:0px;
    margin-right:0px; margin-left:0px;}


h2 {width:407px; height:97px; 
    background-image:url('images/logo.png');
    padding:0px 0px 0px 0px;
    margin-top:20px; margin-bottom:0px;
    margin-right:0px; margin-left:0px;
    font-size:39px; line-height:32px;
    font-family:Arial, Helvetica, sans-serif;}


h3 {padding: 0px 0px 0px 0px; 
   margin-top:10px; margin-bottom:5px;
   margin-right:0px; margin-left:0px;
   font-size:28px; font-weight:normal;
   font-family:DeliciousSmallCapsRegular, Arial, sans-serif;
   color:#fff;}


h4 {width:306px; height:30px; 
   padding: 0px 0px 0px 0px; 
   margin-top:40px; margin-bottom:0px;
   margin-right:0px; margin-left:130px;
   font-size:35px; line-height:32px;
   font-family:TallysRegular, Arial, sans-serif;
   color:#fff;}



h5 {width:306px; height:30px; 
   padding: 0px 0px 0px 0px; 
   margin-top:40px; margin-bottom:0px;
   margin-right:0px; margin-left:130px;
   font-size:50px; line-height:32px;
   font-family:TallysRegular, Arial, sans-serif;
   color:white;}


img.rib {margin: 0 auto; position: relative; bottom: 337px; left: -11px;
         text-indent: -9999px; z-index: 10;}



a, a:active, a:focus {outline:none;}	


a:link {text-decoration: underline;color:#FFFFFF;}
a:visited {text-decoration: underline;color:#FFFFFF;}
a:hover {text-decoration: none;color:#c1c1c1;}
a:focus {text-decoration: none;color:#c1c1c1;}
a:active {text-decoration: none;color:#c1c1c1;}




/* Request a quote classes and ids ------------- */



#form {float:left;
	width: 949px; height: 290px;
        background-color:#156700;
        margin-top: 20px; 
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px; 
        padding:0px 0px 0px 11px;
        border:0px dashed #fff;}



.feedbackbgnd {float:left;
	   width: 960px; height: 310px;
           background-image:url('images/round-top.jpg');
           background-position:center top;
           background-repeat:no-repeat;
           background-color:transparent;
           margin-top: 20px; 
           margin-bottom: 0px;
           margin-right: 0px;
           margin-left: 0px; 
           padding:0px 0px 0px 0px;
           border:0px dashed #fff;}

     
p.formp {font-size:23px; color:#fff;
          font-family:DeliciousSmallCapsRegular, Helvetica, sans-serif;
          width:420px; height:32px;
          background-image:url('images/textareachoosebggreen.png');
          text-align:left;
          margin-left:10px; margin-top:10px;
          margin-right:0px; margin-bottom:0px;
          padding:4px 0px 0px 20px;}


p.formp2 {position:relative; left:625px; bottom:245px;
          width:300px; height:20px;
          font-size:17px; color:#fff;
          font-family: DeliciousSmallCapsRegular, Helvetica, sans-serif;
          text-align:left;
          margin:0px;
          padding:0px 0px 0px 0px;}


p.choose {font-size:13px; color:#fff;
          font-family:Arial, Helvetica, sans-serif;
          text-align:left; font-weight:bold;
          margin-left:0px; margin-top:10px;
          margin-right:0px; margin-bottom:10px;
          padding:0px 0px 0px 0px;}



p.formb {font-size:25px; color:#1b65ea;
          font-family:Verdana, Helvetica, sans-serif;
          text-align:left;
          margin-left:5px; margin-top:5px;
          margin-right:0px; margin-bottom:10px;
          padding:0px 0px 0px 0px;}


p.formheader {font-size:35px; color:#fff;
    font-family:DeliciousSmallCapsRegular, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    margin-left:10px; margin-top:0px;
    margin-right:0px; margin-bottom:5px;
    padding:0px 0px 0px 0px;}



/* Form Styles ------------- */



.fieldset {
  width:960px; height:400px;
  background: transparent 
  url("none") no-repeat;
  padding:0px 0px 0px 0px;
  border:0px solid #000;
  margin-right:0px;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;


}

.fieldset label {
text-align:right;
width:70px;
float:left;
padding:0.2em;
margin:0;
margin-top:0.3em;
  }
 
.fieldset .nobr {display:none;}  


.fieldset .textfield {
	margin-right:3px;
	margin-left:10px;
    margin-top:15px;
    margin-bottom:3px;
	padding:7px 10px 7px 10px;
	height:25px;
	width:243px;
	color:#FFF;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	border:solid 0 #fff;
	background: transparent 
	url("images/textfieldbggreen.png") no-repeat; }


.fieldset .textfield2 {
	margin-right:3px;
	margin-left:30px;
    margin-top:15px;
    margin-bottom:5px;
	padding:7px 10px 7px 10px;
	height:25px;
	width:243px;
	color:#FFF;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:14px;
	border:solid 0 #fff;
	background: transparent 
	url("images/textfieldbggreen.png") no-repeat; }



.fieldset .textarea {
position:relative; left:630px; bottom:245px;
margin:3px;
padding:7px 10px 7px 10px;
height:107px;
width:273px;
color:#FFF;
font-family:Arial, "Times New Roman", Times, serif;
font-size:14px;
overflow:hidden;
overflow-y: hidden;
overflow-x: hidden; 
border:solid 0 #fff;
background: transparent 
url("images/textareabggreen.png") repeat;
}

.submit {
position:relative; left:542px; bottom:170px;	
margin:0px;
padding:0px;
width:80px;
height:39px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border:solid 0 #fff;
background: transparent 
url("images/submitbuttonbg.png") repeat;
 }
 
 
.reset {
position:relative; left:378px; bottom:170px;	
padding:0px;
margin:0px;
width:80px;
height:39px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border:solid 0 #fff;;
background: transparent 
url("images/submitbuttonbg.png") repeat;
 }
 
.checkboxs  {
padding:0px;
margin-right:0px;
margin-left:18px;
margin-top:5px;
margin-bottom:7px;
  }
  
.checkboxs2  {
padding:0px;
margin-right:0px;
margin-left:20px;
margin-top:0px;
margin-bottom:7px;
  }
  
  
.checkboxs3  {
padding:0px;
margin-right:0px;
margin-left:25px;
margin-top:0px;
margin-bottom:7px;
  }


.checkboxs4  {
padding:0px;
margin-right:0px;
margin-left:20px;
margin-top:0px;
margin-bottom:7px;
  }


.checkboxs5  {
padding:0px;
margin-right:0px;
margin-left:6px;
margin-top:0px;
margin-bottom:7px;
  }





