* { padding: 0; margin: 0; }


body {
background: black url('images/bg_repeat.gif') repeat-y center top;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header2 {
background: url('images/header-us.jpg');
background-repeat: no-repeat;
 width: 920px;
 border: 1px solid #ccc;
 height: 157px;
  margin: 3px 0px 5px 0px;
}


#header {
	float: left;
	width: 100%;
	background: url('images/header-us.jpg') no-repeat top left;
 width: 920px;
 border: 1px solid #ccc;
 height: 157px;
  margin: 3px 0px 5px 0px;
	}

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	}
#header h1 a {
    position: relative;
top: 20px;
left: 55px;
	width: 355px;
	height: 55px;
	display: block;
	}
#header h1 a span { display: none; }


#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 640px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}


#leftcolumn2 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 930px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}


#leftcolumn3 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 2210px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}

#leftcolumn4 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 1050px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}

#leftcolumn5 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 1810px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}
#leftcolumn6 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 3140px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}
#leftcolumn7 { 
 color: #333;
 margin: 0px 5px 5px 0px;
padding: 0px;
height: 1250px;
 width: 250px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 5px;
height: 630px;
width: 460px;
 display: inline;
line-height:1.4em;
}


#content h1, #content2 h1, #content3 h1, #content4 h1, #content5 h1, #content6 h1, #content7 h1 {font-size:1.6em; color:#333; margin: 5px 0 15px 5px;}

#content h2, #content2 h2, #content3 h2, #content4 h2, #content5 h2, #content6 h2, #content7 h2 {font-size:1.3em; color:#333; margin: 20px 0 3px 0;}
.features {font-size:0.9em;}


#content h3, #content3 h3, #content4 h3 {color: #990100; font-size: 1.1em; margin-top:7px;}

#content7 h3 {font-size:1.1em; color:#333; margin: 20px 0 7px 0;}

#content2 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 920px;
width: 653px;
 display: inline;
line-height:1.4em;
}

#content2 td {padding:3px;}


#content3 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 2200px;
width: 653px;
 display: inline;
line-height:1.4em;
}

#content4 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 1040px;
width: 653px;
 display: inline;
line-height:1.4em;
}

#content5 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 1800px;
width: 653px;
 display: inline;
line-height:1.4em;
}
#content6 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 3130px;
width: 653px;
 display: inline;
line-height:1.4em;
}
#content7 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
height: 1240px;
width: 653px;
 display: inline;
line-height:1.4em;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: 630px;
 width: 176px;
 float: left;
}

#rightcolumn2 { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: 920px;
 width: 176px;
 float: left;
}

#rightcolumn3 { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: 1920px;
 width: 176px;
 float: left;
}
#rightcolumn4 { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: 1230px;
 width: 176px;
 float: left;
}
#top {
background-image: url(images/right-bg-image4.jpg); 
background-repeat: no-repeat;
height: 425px;
} 

#top1 {
background-image: url(images/right-bg-image4top.jpg); 
background-repeat: no-repeat;
} 
#top11 {
background: url(images/right-bg-image4top.jpg) no-repeat; 
} 

#top2 {
background-image: url(images/right-bg-image4mid.jpg); 
background-repeat: repeat-y;
} 
#top22 {
background: url(images/right-bg-image4mid.jpg) repeat-y center top; 
} 
#top3 {
background-image: url(images/right-bg-image4bottom.jpg); 
background-repeat: no-repeat;
margin:0px;
}




#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
font-size: 85%;
text-align:center;
}

#footer a {
color: #122413;
text-decoration: underline;
}
#footer a:hover {
color: #316434;
text-decoration: none;
}

#bottom { 
 width: 100%;
 clear: both;
font-size: 90%;
padding: 0px 20px 10px 0px;
font-family: Tahoma;
text-align:right;
}






#content p {padding-bottom: 10px;}

#content2 p, #content4 p {padding-bottom: 5px;}

#rightcolumn p {padding-bottom: 5px;}

a {text-decoration:underline; color:#7F121A}
a:hover {text-decoration:none; color:#7F121A}


#search-submit {background: url(images/btn-search.gif) no-repeat; width: 25px; height:20px; overflow: hidden; border: none; cursor: pointer; text-indent: -7000px;margin-bottom:15px; }
.search_form #s {padding: 3px 6px 0; width: 130px; height: 19px; color: #b0b0b0; background:#fff; border: 1px solid; font-size:11px }
.search_form {float: right; margin: 20px 2px 0 10px }


.customers {padding: 10px 5px 5px 8px; color:#fff; font-size: 14px; width:155px; text-align:center; font-weight:bold; line-height: 1.4em;}
.testimonial {padding: 10px 5px 0px 8px; color:#333; font-size: 11px; width:155px;}
.submittestimonial {padding: 5px 5px 25px 8px; color:#333; font-size: 11px; width:155px;}



 form {
	margin: 0px;
}

#name, #email, #phone, #address, #city, #state, #zip, #company, #howmany, #installed, #brands, #types  {padding:2px;}

 form input, textarea {
	font-size:12px;
	font-family:Verdana, sans-serif;
	color:#404040;
	border:1px solid #cccccc;
	background-color: #f5f5f5;
}

 form div {
	margin: 0; 
}

.input-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;

}

.hide{
    display: none;
}

.show{
    display: block;
}

.red{color: #CC3300;}

.rightbanner {margin: 0 0 0 4px; padding:0;}





.menu{margin:0; padding:0; width:250px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 15px; font:17px Georgia, Times New Roman, Serif; color:rgb(255,255,255); display:block; background:url('images/menu-2.png') 0px 0px no-repeat; text-decoration:none; font-weight:bold;}
.menu li a:hover{background:url('images/menu-2.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('images/menu-2.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}


#news h2 {font-size: 1.3em; font-weight:bold; text-align:center;text-decoration: underline; margin-bottom: 10px;}


#rss a {
color: #122413 !important;
font-size: 11px;
text-decoration: underline;
}
#rss a:hover {
color: #316434 !important;
font-size: 11px;
text-decoration: none;
}

#cssdriveid{
padding: 5px;
border: 1px dashed black;
}

#cssdriveid .rsscontainer{ /*Style for RSS item body within #cssdriveid box*/
	font-size: 11px;
}


#cssdriveid .rsscontainer .rsstitle{ /*Style for RSS titles*/
	font-weight: bold;
	font-size: 11px;
}

#cssdriveid .rsscontainer .rssdate{ /*Style for RSS dates within #nytimesid box*/
color: #1f4122 !important;
padding-bottom: 10px !important;
text-align:right;
}

.midimage {text-align:center; margin:15px 0;}
hr {width:80%; text-align:center; margin:20px 0;}


ul.firstl {margin: 10px 0 0 15px;}
ul.secondl li {margin-left:25px;}
ul.thirdl li {margin-left:40px;}

.leftimg {border:2px solid #333;}


.yo a {
display: block;
width: 243px;
height: 224px;
background: transparent url(images/features2.jpg) no-repeat;
text-decoration: none;

}

.yo a:hover {
background-position: -242px 0;
} 

.yo2 a {
display: block;
width: 243px;
height: 224px;
background: transparent url(images/types-ramps22.jpg) no-repeat;
text-decoration: none;

}

.yo2 a:hover {
background-position: -242px 0;
text-decoration: none;

} 

.yo3 a {
display: block;
width: 243px;
height: 224px;
background: transparent url(images/terms-know2.jpg) no-repeat;
text-decoration: none;

}

.yo3 a:hover {
background-position: -242px 0;
text-decoration: none;
} 


.yo4 a {
display: block;
width: 243px;
height: 224px;
background: transparent url(images/materials2.jpg) no-repeat;
text-decoration: none;

}

.yo4 a:hover {
background-position: -242px 0;
text-decoration: none;
} 



#map {
color:#333  !important;
}

.form {height:16px;}

img.floatLeft { 
    float: left; 
    margin: 0 15px; 
}



#submenu h2 {padding:0 0 10px 10px;}
#submenu p {padding:0 5px 3px 10px;font-weight:bold;color: #316434}
#submenu a{color: #122413;text-decoration: underline;}
#submenu a:hover{color: #316434;text-decoration: none;}




.leftBoxHeading a{text-align:left;height:30px !important; padding:10px 15px 0 15px !important; margin:0; font:17px Georgia, Times New Roman, Serif; color:rgb(255,255,255); display:block; background:url('http://ramps.org/images/menu-2.png') 0px 0px no-repeat; text-decoration:none; font-weight:bold !important;}
.leftBoxHeading a:hover{background:url('http://ramps.org/images/menu-2.png') 0px -40px no-repeat; color:rgb(255,255,255); font-weight:bold !important;}

.leftBoxHeading a.active {background:url('http://ramps.org/images/menu-2.png') 0px -80px no-repeat; color:rgb(255,255,255); font-weight:bold !important;}



			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

/* Easy Slider */
	#slider1, #slider2, #slider3, #slider4, #slider5, #slider6 {margin: 15px 0 0 80px;}

	#slider1 ul, #slider1 li, #slider3 li, #slider2 ul, #slider2 li, #slider3 ul, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li, #slider6 ul, #slider6 li {
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider1 li, #slider2 li, #slider3 li, #slider4 li, #slider5, #slider6 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:450px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* numeric control2 */	

	ol#control2{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#control2 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#control2 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#control2 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#control2 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* numeric control3 */	

	ol#control3{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#control3 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#control3 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#control3 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#control3 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* numeric control4 */	

	ol#control4{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#control4 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#control4 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#control4 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#control4 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* numeric control5 */	

	ol#control5{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#control5 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#control5 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#control5 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#control5 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* numeric control6 */	

	ol#control6{
		// margin:1em 0;
margin: 10px 0 25px 80px;
		padding:0;
		height:28px;	
		}
	ol#control6 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#control6 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#control6 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#control6 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}