html { height:100%; margin:0; padding:0; }
body { background:url(../Resources/background.png) #00548c repeat-x 100px 120px; height:100%; margin:0; padding:0; }
h1 { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; font-weight:400; font-size:2.5em; line-height:.95em; margin:0 0 20px; color:#3c3c3d }
.h-first { font-family:HelveticaNeue-Bold, Helvetica, Arial, sans-serif; font-weight:700; color:#1b4178; margin:0 -2px 0 0 }
.h-second { font-family:HelveticaNeue-Bold, Helvetica, Arial, sans-serif; font-weight:700; color:#1b4178; margin:0 0 0 0px }
.tag-line { margin:40px 0 0 0 }

h2 { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; font-weight:400; font-size:1.4em; margin:15px 0 5px; }
h3 { margin:20px 0 0px 0 }
h4 { margin:0; padding:0; }

div.hr {color:#fff; text-align: right; border:none; height:40px; width:700px; margin:0 0 10px -20px; padding:0; clear:both; background: url(../Resources/hr-shadow2.png) 0 0 no-repeat}
div.hr hr {display: none}

p { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; color:#333; font-size:.85em; line-height:1.5em; font-weight:400; margin:0px 0 10px 0; }
dt { font-family:HelveticaNeue-Bold, Helvetica, Arial, sans-serif; font-weight:700; margin:0 0 2px 0px; padding:0 }
dd { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; color:#333; font-weight:400; margin:0 0 20px 0; text-indent: 0; padding:0 }
fieldset { border:0; margin:0; padding:0; }
a { color:#00548d; }
a:hover { color:#3a88fa; }
#faq { font-family:HelveticaNeue-Bold, Helvetica, Arial, sans-serif; color:#00548d; font-size:.85em; line-height:1.5em; margin:0px 0 10px 0px; padding:0 }

.img-right-140, .img-left-140, .img-right-220, .img-left-220, .img-right-300, .img-left-300 { position:relative; padding:10px; border:2px solid #f3f3f3; background: #fff; font-weight:700; }
.img-right-140 p, .img-left-140 p, .img-right-220 p, .img-left-220 p, .img-right-300 p, .img-left-300 p { font-size: .65em; color:#888; line-height:1.2em; font-weight:700;  margin:4px 0 0 0 }
.img-right-140 { float:right; margin:5px 0 10px 20px; width:120px; box-shadow: 0px 2px 5px #d5d5d5;}
.img-left-140 { float:left; margin:5px 20px 10px 0; width:120px;box-shadow: 0px 2px 10px #e9e9e9; -moz-box-shadow:0px 2px 10px #e9e9e9; -webkit-box-shadow:0px 2px 10px #e9e9e9;}
.img-right-220 { float:right; margin:5px 0 10px 20px; width:200px;box-shadow: 0px 2px 10px #e9e9e9; -moz-box-shadow:0px 2px 10px #e9e9e9; -webkit-box-shadow:0px 2px 10px #e9e9e9;}
.img-left-220 { float:left; margin:5px 20px 10px 0; width:200px;box-shadow: 0px 2px 10px #e9e9e9; -moz-box-shadow:0px 2px 10px #e9e9e9; -webkit-box-shadow:0px 2px 10px #e9e9e9;}
.img-right-300 { float:right; margin:5px 0 10px 20px; width:280px; box-shadow: 0px 2px 10px #e9e9e9; -moz-box-shadow:0px 2px 10px #e9e9e9; -webkit-box-shadow:0px 2px 20px #e9e9e9;}
.img-left-300 {float:left; margin:5px 20px 10px 0; width:280px;box-shadow: 0px 2px 10px #e9e9e9; -moz-box-shadow:0px 2px 10px #e9e9e9; -webkit-box-shadow:0px 2px 10px #e9e9e9;}

.fujitech-right {float:right; padding:10px; margin:-5px -10px 0 0}

#pagediv { position:relative; min-height:100%; width:1000px; margin:auto; padding:0; }
#container { position:absolute; left:0; top:165px; width:1000px; height:auto; z-index:2; overflow:visible; }
#content-nav-shadow { position:relative; float:left; width:960px; height:auto; clear:both; overflow:visible; background:url(../Resources/container-shadow.png) repeat-y top center transparent; padding:0 20px; }
#content-subnav { position:relative; float:left; width:960px; height:auto; overflow:visible; background:url(../Resources/content-subnav-shadow.png) no-repeat top center; padding:0; }

#content { position:relative; float:left; clear:both; width:640px; height:auto; min-height:510px; overflow:visible }
#content p strong { font-weight: 700 }
#content p em { font-weight: 400; font-style: italic }




#footer { position:relative; float:left; width:900px; height:55px; clear:both; background:url(../Resources/footer-bottom.png) no-repeat bottom center transparent; padding:15px 50px; }

#footer p { font-size:.7em; color:#f5f5f5; text-align: center }

.disclaimer { position:relative; float:left; width:900px;margin:-20px 0 20px 0; text-align:center; font-size:.7em; color:#ffffff; padding:0px 50px; }
.disclaimer a { text-decoration: none; color:#FFFFFF }
.disclaimer a:hover { text-decoration: underline; color:#FFFFFF }



#top { position:absolute; top:0; left:20px; z-index:1; width:960px; height:200px; background:url(../Resources/top.png) no-repeat top center; }
.logo { position:absolute; top:15px; left:20px; z-index:20; width:301px; height:96px; display:block; background:url(../Resources/Virginia-Elevator-Company-Logo.png) no-repeat transparent; }
.contact { position:absolute; top:20px; left:750px; z-index:20; width:217px; height:77px; display:block; background:url(../Resources/call-contact.png) no-repeat transparent; }
.ask-a-pro form fieldset p input { font-size:14px; width:250px; position: relative; }


.celebrate55 { position:absolute; top:5px; left:380px; z-index:30; width:277px; height:119px; display:block; background:url(../Resources/55-years.png) no-repeat transparent; }
.celebrate56 { position:absolute; top:5px; left:380px; z-index:30; width:277px; height:119px; display:block; background:url(../Resources/56-years.png) no-repeat transparent; }
.celebrate57 { position:absolute; top:5px; left:380px; z-index:30; width:277px; height:119px; display:block; background:url(../Resources/57-years.png) no-repeat transparent; }
.celebrate58 { position:absolute; top:5px; left:380px; z-index:30; width:277px; height:119px; display:block; background:url(../Resources/58-years.png) no-repeat transparent; }
.celebrate59 { position:absolute; top:5px; left:380px; z-index:30; width:277px; height:119px; display:block; background:url(../Resources/59-years.png) no-repeat transparent; }

#query { position:relative; float:left; width:auto; }
.replace { display:block; width:1px; height:1px; outline:none; overflow:hidden; text-indent:-9999px; }
.divider { border-top:1px #555 solid; }
.arch-support { background: url(/Resources/arch-support-back.jpg) no-repeat; padding:42px 35px 40px 45px; margin:0px 0 0 0; }
.escalator { background: url(/Resources/escalators/virginia-fujitec-escalators.jpg) no-repeat; padding:365px 35px 40px 45px; margin:0px 0 0 0; }
.history { background: url(/Resources/history/ed-trask-mural.jpg) no-repeat; padding:325px 35px 40px 45px; margin:0px 0 0 0; }
.service-area { background: url(/Resources/Central-Virginia.png) no-repeat; padding:40px 35px 40px 45px; margin:0px 0 0 0; }
.pass-ele { background: url(/Resources/passenger-elevator/hotel-elevators.jpg) no-repeat; padding:325px 35px 40px 45px; margin:0px 0 0 0; }
.directions { background: url(/Resources/virginia-elevator-location-map.jpg) no-repeat; padding:42px 35px 40px 45px; margin:0px 0 0 0; }
.page { background: url(/Resources/page-shadow.png) no-repeat; padding:42px 35px 40px 45px; margin:0px 0 0 0; }
.home { background:#fff; margin:0; padding:0;  }

#nav,#nav ul { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; position:absolute; left:20px; top:125px; width:960px; z-index:50; font-size:.85em; list-style-type:none; list-style-position:outside; line-height:1.5em; background:#444 url(../Resources/all-nav.png) 100% 100% no-repeat; margin:0; padding:0; }
#nav ul { position:absolute; display:none; width:160px; top:40px; left:0; padding:0px 0; }
#nav ul a { display:block; border:none; color:#F9F9F9; text-decoration:none; background:#444; font-weight:700; padding:5px 15px; }
#nav ul a:hover { font-weight:700; background-color:#2659be; color:#FFF; }
#nav li { float:left; position:relative; width:auto; }
#nav li ul a { width:130px; height:auto; float:left; }
#nav ul ul { top:auto; }
#nav li ul ul { left:12em; margin:0 0 0 40px; }
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul { display:block; }
a.activehome { display:block; height:40px; width:81px; float:left; }
a.active { display:block; height:40px; width:160px; float:left; }

#nav li.nav-home,#nav li.nav-home-hover { background-image:url(../Resources/all-nav.png); background-position:0 0;  }
#nav li.nav-home:hover,#nav li.nav-home-hover { background-position:100% 0;  }
#nav li.nav-residential,#nav li.nav-residential-hover { display:block; height:40px; width:160px; background-image:url(../Resources/all-nav.png); background-position:0 -40px; }
#nav li.nav-residential:hover,#nav li.nav-residential-hover { background-position:100% -40px; }
#nav li.nav-commercial,#nav li.nav-commercial-hover { display:block; height:40px; width:160px; background-image:url(../Resources/all-nav.png); background-position:0 -80px; }
#nav li.nav-commercial:hover,#nav li.nav-commercial-hover { background-position:100% -80px; }
#nav li.nav-about,#nav li.nav-about-hover { display:block; height:40px; width:160px; background-image:url(../Resources/all-nav.png); background-position:0 -160px; }
#nav li.nav-about:hover,#nav li.nav-about-hover { background-position:100% -160px; }
#nav li.nav-service-repair,#nav li.nav-service-repair-hover { display:block; height:40px; width:160px; background-image:url(../Resources/all-nav.png); background-position:0 80px; }
#nav li.nav-service-repair:hover { background-position:100% 80px; }
#nav li ul {

-moz-box-shadow: 0px 2px 10px #000;
 -webkit-box-shadow: 0px 2px 10px #000;
 box-shadow: 0px 2px 10px #000;

}
#subnav { font-family:HelveticaNeue-Regular,Helvetica,Arial,sans-serif; font-weight:400; font-size:.8em; position:relative; float:right; clear:right; height:auto; list-style:none; width:180px; background:url(../Resources/sub-menu-shade.png) 0% 100% no-repeat; margin:0 0px 20px 0 ; padding:0 20px 18px; }
#subnav-header { position:relative; float:right; background:url(../Resources/residential-sub-menu.png) top center no-repeat #d9d9d9; height:50px; width:220px; margin:0 10px 0 0; padding:0 }
#commercial-subnav-header { position:relative; float:right; background:url(../Resources/commercial-sub-menu.png) top center no-repeat #d9d9d9; height:50px; width:220px; margin:0 10px 0 0; padding:0 }
#service-subnav-header { position:relative; float:right; background:url(../Resources/service-sub-menu.png) top center no-repeat #d9d9d9; height:50px; width:220px; margin:0 10px 0 0; padding:0 }
#about-subnav-header { position:relative; float:right; background:url(../Resources/about-us.png) top center no-repeat #d9d9d9; height:50px; width:220px; margin:0 10px 0 0; padding:0 }
#subnav a { display:block; width:140px; border:none; color:#555; text-decoration:none; margin:0; padding:8px 30px; }
#subnav a:hover { font-weight:700; background:#00548c url(../Resources/sub-arrow.png) top left; color:#f9f9f9; width:138px; }
#subnav li .hover { font-weight:700; background:#00548c url(../Resources/sub-arrow.png) 0% 47%; color:#f9f9f9; width:138px; }
#subnav li { float:right; position:relative; border:1px solid #f1f1f1; background: url(../Resources/sub-arrow.png) 0% 90%; width:198px; }
#subnav li a { height:auto; width:198px; }

#search { position:absolute; display:block; top:125px; left:741px; z-index:80; width:219px; background:#444 url(../Resources/all-nav.png) 100% 40px; padding:10px; }
#searchfield { position:relative; float:right; width:150px; border:0; background:transparent; font-size:.7em; margin:0 25px 0 0; padding:3px 5px; }
#searchsubmit { position:absolute; top:10px; left:204px; border:0; width:25px; height:20px; margin:0; }
.special { position:relative; float:right; clear:right; border:0; right:-10px; width:220px; height:140px; background:url(../Resources/special-shadow-back.png) no-repeat top left; text-align:center; margin:25px 0 0; }
.ask-a-pro-sub { position:relative; float:right; background:url(../Resources/ask-a-pro-sub.png) no-repeat; width:200px; height:125px; display:block; padding:9px 10px 10px; margin:0 10px 0 0 }

.sub-right { position:relative; float:right; clear:right; background:transparent; width:220px; height:140px; display:block; border:0; padding:0px 10px 10px; text-decoration: none}
.home-stair-lift { position:absolute; top:515px; left:20px; z-index:310; background:url(../Resources/special-shadow-back.png); width:220px; height:140px; display:block; padding:8px 10px 10px;text-decoration: none }
.home-repair { position:absolute; top:515px; left:260px; z-index:310; background:url(../Resources/special-shadow-back.png); width:220px; height:140px; display:block; padding:8px 10px 10px; text-decoration: none}
.home-modernization { position:absolute; top:515px; left:500px; z-index:310; background:url(../Resources/special-shadow-back.png); width:220px; height:140px; display:block; padding:8px 10px 10px; text-decoration: none }
.ask-pro-home { position:absolute; top:515px; left:740px; z-index:310; background:url(../Resources/ask-a-pro.png); width:220px; height:140px; display:block; padding:9px 10px 10px; text-decoration: none}
.pics { height:320px; width:940px; overflow:hidden; left:10px; top:5px; margin:0; padding:0; }

#pagediv a img { text-decoration: none }


.homebig { position:absolute; top:180px; left:20px; z-index:20; width:960px; height:340px; background:url(../Resources/home-back.png) no-repeat top left; }
.slideshow { position: absolute; top:0px; left:10px }



a.sub-right img.imgnone,a:hover.sub-right img.imgnone { border:0; text-decoration:none; }
a.sub-right,a:hover.sub-right { text-decoration:none; border:0; }

div.features { border:2px solid #fff; width:180px; padding:20px 20px 15px 20px; position:relative; float: right; margin:-30px 0 20px 30px; background: #f9f1d0; font-family:HelveticaNeue-Bold, Helvetica, Arial, sans-serif; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div.features h3 { margin:0 0 10px 0; color:#333; padding:0; font-weight:700; font-size:.95em; text-transform: uppercase; text-align: center; }
div.features ol, div.features ul { list-style-type: disc ; margin:0 0 0 15px; padding:0; color:#333; font-weight:400; font-size:.7em; line-height:1.4em; }
div.features ol li, div.features ul li { margin:0 0 10px 0px }	
	
a img { border: 0 }

.subindexthumb {position:relative; float:left; clear:both; margin:0 20px 0 0; border:1px solid grey; padding:5px}
.ask-a-pro { background: url(/Resources/ask-pro-back.jpg) no-repeat; padding:40px 35px 40px 45px; margin:0px 0 0 0; }


.required {color:#000000}
.required_text { color:#931819 }
label.error { color:red; padding:0 0 0 2em; background:url(../Resources/error-arrow.png) no-repeat 4% 50% }

div#form textarea { 
font-weight: normal; border:1px solid #777; font-size:1em; padding:2px 5px; margin:10px 0 20px 0; width:570px; height:180px
}

.recentprojects ul { font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; color:#333; font-size:.85em; line-height:1.5em; font-weight:400; }
.recentprojects li { width:300px; position: relative; float: left; margin:0 0px 5px 0px; background: url(/Resources/dot.png) no-repeat 0% 50%; padding:0 0 0 15px }

#service-location { margin:410px 0 0 0 }
#service-location h2 { position: relative; float: left; clear:both }
#service-location ul {font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif; color:#333; font-size:.85em; line-height:1.5em; font-weight:400; position: relative; float: left; clear:both}
.approved { position: relative; float: left; margin:0 0px 0px 0px; background: url(/Resources/dot.png) no-repeat 0% 50%; padding:0 0 0 15px; width: 190px}
.ok-approved { position: relative; float: left; margin:0 0px 0px 0px; background: url(/Resources/dot-ok.png) no-repeat 0% 50%; padding:0 0 0 15px; width: 190px}
.green-area { border:1px solid black; height:16px; width:16px; margin:0 6px 0 0; background:#b8db7c }
.yellow-area { border:1px solid black; height:16px; width:16px; margin:0 6px 0 0; background: #efdb57}

.county-style { position: relative; float: left;width:680px }
.county-style ul { position: relative; float: left; width:680px }
.county-style ul li {position: relative; float: left; width:210px}