/* CSS Document */

.disable { display:none}
#container { height:698px; width:1024px; margin:0 auto; position:relative;}
#content { height:657px;}
.landing_content { background-image:url(/https/rmautorestoration.com/img/bg/landing-bg.jpg);}
.upholstery_content { background-image: url(/https/rmautorestoration.com/img/bg/upholstery-bg.jpg)}
.mechanical_content { background-image: url(/https/rmautorestoration.com/img/bg/mechanical-bg.jpg)}
.fabrication_content { background-image: url(/https/rmautorestoration.com/img/bg/fabrication-bg.jpg)}
.finishing_content { background-image: url(/https/rmautorestoration.com/img/bg/finishing-bg.jpg)}
#footer { height:71px; width:100%; background-image:url(/https/rmautorestoration.com/img/layout/footer.jpg)}
#title { height:80px; background:url(/https/rmautorestoration.com/img/layout/title-bar.png) no-repeat right; top:30px; position:absolute; right:0; width:100%; z-index:1 }
#title div { float:right; width:400px; padding:10px; height:0px}
#title div div { width:280px; float:none; display:inline-block; padding:0}
#title div img { float:right; width:}

#title div h1.portfolio,#title div h1.aboutus,#title div h1.theteam,#title div h1.contactus,#title div h1.careers { padding:5px}


div.scrollbar {width:20px !important;margin:0 !important;}
div.track { width: 20px !important;}
div.thumb { width: 20px !important; background-image:url(/https/rmautorestoration.com/img/fancybox/scollbar_gradient_large.png) !important; }



.search_button { border:none; outline:none; color:white; margin:0; height:26px; padding:5px !important; font-size:12px; cursor:pointer}
.search_box{ border:none; margin:0; background-color:#f3f3f4; height:26px; width:250px; padding:0px 0px 0px 10px}
.search_button:hover {

background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#7f7f7f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#7f7f7f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #464646,  #7f7f7f); /* for firefox 3.6+ */ 
}


#Welcome {  margin:80px 0 0 50px; width:400px;}
.left_content { width:370px; margin-left:40px; float:left;}
.right_content { float: right;width: 570px;display: inline-block; margin-right:40px;}
.content { height:550px; display:inline-block; margin-top:105px}
#enter_arrow { height:60px; text-transform:uppercase; color:white; font-size:14px; width:230px; margin-left:-35px}
#arrow a { color:white; padding:32px 30px 30px 50px; display:inline-block}
#arrow { 
	background:url(/https/rmautorestoration.com/img/layout/enter-arrow.png) no-repeat;
	height:80px;
}
#arrow:hover { 
	background:url(/https/rmautorestoration.com/img/layout/enter-arrow-hover.png) no-repeat;
}

div.theteam { float:left; margin:5px 14px 15px 0; border:none; width:123px; height:237px; display:block; position:relative}
div.theteam img { width:122px; height:184px;}
.theteam h4 { margin:0;}
.theteam p { margin:0}
.theteam img { margin-bottom:5px; width:122px;}
.scroll_end,.scroll_start { cursor:pointer}
#theteamscrollbar { width: 570px; clear: both; margin: 0 0 10px 0; }
#theteamscrollbar .viewport { width: 550px; height: 440px; overflow: hidden; position: relative; }
#theteamscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
#theteamscrollbar .thumb  { background-image:url(/https/rmautorestoration.com/img/fancybox/scollbar_gradient.png); background-repeat:y-repeat; position:absolute; top:0; }
#theteamscrollbar .scrollbar { position: relative; float: right; width: 15px; background-color: #f3f3f4; }
#theteamscrollbar .track { height: 100%; width:13px; position: relative; padding: 0; }
#theteamscrollbar .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#theteamscrollbar .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#theteamscrollbar .disable{ display: none; }
#theteamscrollbar .scroll_start,#theteamscrollbar .scroll_end { height:17px;}
#theteamscrollbar .scroll_start img, #theteamscrollbar .scroll_end img { padding:0;float:right}


#theteam_content { width:350px; height:515px; margin-top:140px;}
#theteamphotos { width:570px;height:515px; margin-top:140px;}
#our-services-photo { background:url(/https/rmautorestoration.com/img/layout/about-us-our-service.jpg) right no-repeat; width:610px; margin-right:0;}
#recreating-photo { background:url(/https/rmautorestoration.com/img/layout/about-us-recreating.jpg) right no-repeat; width:610px; margin-right:0;}
#anatomy-photo { background:url(/https/rmautorestoration.com/img/layout/about-us-anatomy.jpg) right no-repeat; width:610px; margin-right:0;}
#ground-up-photo { background:url(/https/rmautorestoration.com/img/layout/about-us-from-ground-up.jpg) right no-repeat; width:610px; margin-right:0;}
#contactus-photo { background:url(/https/rmautorestoration.com/img/layout/contact-us.jpg) right no-repeat; width:610px; margin-right:0;}



#aboutusscrollbar { width: 375px; clear: both; margin: 20px 0 10px; }
#aboutusscrollbar .viewport { width: 340px; height: 480px; overflow: hidden; position: relative; float:right }
#aboutusscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
#aboutusscrollbar .scrollbar { position: relative; float: left; width: 15px; background-color: #f3f3f4; margin-right:20px }
#aboutusscrollbar .track { height: 100%; width:15px; position: relative; }
#aboutusscrollbar .thumb { height: 40px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#aboutusscrollbar .thumb { background-image:url(/https/rmautorestoration.com/img/fancybox/scollbar_gradient.png); background-repeat:y-repeat; position:absolute; top:0; }
#aboutusscrollbar .disable{ display: none; }


.tooltip-img { position:absolute; left:0; top:0; z-index:1;}
.tooltip-img-glow { position:absolute; left:0; top:0; z-index:0;}
.tooltip-container { position:absolute; display:inline-block}
.nobullet { list-style:none}

#upholstery_tip1 { top:460px; left:40px;}
#upholstery_tip2 { top:300px; left:240px;}
#upholstery_tip3 { top:350px; left:800px;}
#upholstery_tip4 { top:200px; left:600px;}
#upholstery_tip5 { display:none}

#mechanical_tip1 { top:250px; left:280px;}
#mechanical_tip2 { top:330px; left:490px;}
#mechanical_tip3 { top:285px; left:630px;}
#mechanical_tip4 { top:320px; left:860px;}
#mechanical_tip5 { display:none}

#fabrication_tip1 { top:350px; left:60px; display:none;}
#fabrication_tip2 { top:360px; left:174px;}
#fabrication_tip3 { top:245px; left:594px;}
#fabrication_tip4 { top:365px; left:800px;}
#fabrication_tip5 { display:none}


#finishing_tip1 { top:360px; left:170px;}
#finishing_tip2 { top:325px; left:520px;}
#finishing_tip3 { top:360px; left:820px;}
#finishing_tip4 { top:460px; left:830px;}
#finishing_tip5 { display:none}

#left { position:absolute; top:320px; left:0; z-index:1}
#right { position:absolute; top:320px; right:0; z-index:1}

.awards { width:250px; float:left;}
.awards img { width:250px;}
#award tr td { padding:10px}
.picture-gallery img { position:absolute;width: 600px; height:369px}

.panel {
	margin: 5px;
	display: inline-block;
	float: left;
	width: 160px;
 }
.panel div p { 
	font-size:10px;
}
.panel img { 
	width:100%;
}
.panel a:hover { color:black; }

#tiptitle { font-size:18px; margin-left:20px; margin-bottom:10px;}
#tooltip_container {width:640px; height:640px;display:inline-block;}
#tooltip_container.shorter { height:580px;}
#tooltip_image_container { position:relative; width:600px; height:390px; margin:0px 20px !important;}
#tooltip_image {  height:369px;}
#tooltip_image_nav { margin:5px 0 5px 0; float:right}

#scrollbar1 {  width:600px; height:180px; clear: both;float:left; margin-left:20px;}
#scrollbar1 .viewport { width: 580px; height:160px; overflow: hidden; position: relative; float:right }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-left:20px; }
#scrollbar1 .scrollbar { position: relative; float: left; width: 15px; background-color: #f3f3f4; margin:10px;  height:160px;}
#scrollbar1 .track { height: 100%; width:15px; position: relative; padding: 0; }
#scrollbar1 .thumb { height: 40px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb { background-image:url(../img/fancybox/scollbar_gradient.png); background-repeat:y-repeat; position:absolute; top:0; }
#scrollbar1.noscroll { display:inline-block; margin:0}
#scrollbar1.noscroll  .overview { padding:0}