@charset "utf-8";
/* CSS Document */
p {margin:0px; padding:0px;}
img{border:none;}
a {text-decoration:none;}
body {margin:0; padding:0; overflow-x:hidden;}

.preload-images{display:none;}

.wrapper{width:100%; height:auto; overflow:auto; background:#2D2C30;}
.main{width:960px; height:auto; margin:0; padding:0; border-top:4px solid #000; overflow:auto; margin:auto;}
.main-content{width:960px; height:auto; margin:0; padding:0 0 0 0; overflow:auto; margin:auto; background:#F7F7F7;}
.navigation-top{height:100px;}
.navigation-top-left{width:200px; float:left; display:inline; margin:15px 0 0 0;}
.navigation-top-right{width:400px; float:right; display:inline;}
.menu ul{float:right; margin:35px 0 0 0;}
.menu ul li{float:left; display:inline; margin:0 0 0 25px; padding:0px 5px;}
.menu ul li a{font-size:11px; text-decoration:none; text-transform:uppercase; font-family:sans-serif; font-style:italic; display:block; border-bottom:1px dotted #999999; padding:2px 0 2px 0; color:#999999;}
.menu ul li:hover{background:#e6433a;}
.menu ul li:hover > a{border-bottom:none; color:#FFFFFF;}
.main-feature{height:425px; background:#333333;}
.main-subfeature{background:#FFFFFF; overflow:auto;}
.main-subfeature-row{width:906px; height:auto; margin:auto; overflow:hidden;}
.main-subfeature-row-item{width:300px; height:200px; float:left; display:inline; margin: 0 1px;}
.main-subfeature-general{width:906px; height:auto; margin:30px auto; overflow:auto;}
.main-subfeature-general p{font-size:12px; text-decoration:none; font-family:sans-serif; color:#666666;}

.main-project-header{height:100px; width:100%; line-height:100px;}
.main-project-header h1{font-size:25px; font-family:Greyscale Basic, sans-serif; color:#8E8E8E; margin:0 0 0 0; font-weight:bold; text-align:center;}
.main-project{background-color: #FFFFFF; border: 1px solid #DBDEDF; border-radius: 5px; width: 900px; margin: 0 auto 30px;}
.main-project-title{height:100px; width:100%; border-bottom:1px solid #DBDEDF; line-height:100px;}
.main-project-title h1{font-size:22px; font-family:Greyscale Basic, sans-serif; color:#293A43; margin:0 0 0 0; font-weight:bold; text-align:left;}
.main-project-title img{float:left; display:inline; margin:20px 15px; overflow:auto;}
.main-project-content{width:100%; height:auto; overflow:auto;}
.main-project-content-L{float:left; display:inline; overflow:auto; width:350px; margin:15px 25px;}
.main-project-content-L h1{font-size:16px; font-family:sans-serif; color:#293A43; font-weight:normal; text-transform:uppercase; text-align:left;}
.main-project-content-L p{font-size:12px; font-family:Helvetica; color:#293A43; font-weight:normal; text-align:justify; margin:10px 0 0 0; line-height:18px;}
.main-project-content-R{float:right; display:inline; height:400px; width:350px; margin:50px 25px 0 25px; overflow:hidden;}
.main-project-linkarea{width:300px; height:auto; margin:10px 0; float:left; overflow:auto;}
.main-project-linkarea a{width:125px; height:25px; line-height:25px; text-decoration:none; border:1px solid #DBDEDF; margin:0 5px 0 0; float:left; display:inline; color:#FFFFFF; font-size:12px; font-style:italic; font-family:Helvetica; text-align:center;}
a.red{background:#e6433a;}
a.black{background:#2f2e33;}
a.blue{background:#2ab1c1;}
a.green{background:#66c12a;}
.main-project-icon{float:left; display:inline; width:100px; margin:162px 0 0 0;}
.main-project-image{float:left; display:inline;}

.contact-main{overflow:auto; width:900px; margin:0 auto 50px auto;}
.contact-main-L{float:left; display:inline; width:500px; height:500px; background:#2f2e33 url(images/asburymobile_logo_transparent_500.png) no-repeat;}
.contact-main-R{float:left; display:inline;  width:400px; overflow:auto;}
.contact-main-R-top{width:100%; height:100px; background:#d62f26; line-height:100px;}
.contact-main-R-top h1{font-size:28px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#FFFFFF; margin:0 0 0 0; font-weight:bold; text-align:center;}
.contact-main-R-top2{width:100%; height:100px; background:#e6433a; line-height:100px;}
.contact-main-R-top2 p{font-size:22px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#FFFFFF; margin:0 0 0 0; font-weight:normal; text-align:center;}
.contact-main-R-middle{width:60%; overflow-y:auto; overflow-x:hidden; margin:75px 20% 0 20%;}
.contact-main-R-middle h1{font-size:22px; text-decoration:none; text-transform:uppercase; font-family:Greyscale Basic, sans-serif; color:#8E8E8E; margin:0 0 0 0; font-weight:normal; text-align:left;}
.contact-main-R-middle p{font-size:12px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#8E8E8E; margin:0 0 0 0; font-weight:normal; text-align:justify;}

.about-main{overflow-y:auto; overflow-x:hidden; width:900px; margin:20px auto 50px auto;}
.about-main-headtag{width:99px; height:73px; margin:auto; background:url(images/tag_aboutus.png) no-repeat;}
.about-main h1{font-size:28px; text-decoration:none; font-family:Greyscale Basic, sans-serif; text-transform:uppercase; color:#2f2e33; margin:0 50px 50px 50px; font-weight:bold; text-align:center;}
.about-border-double{float:left; width:100%; height:3px; border-top:5px solid #2f2e33; border-bottom:1px dotted #c5c6c7; margin:15px 0;}
.about-main-L{float:left; display:inline; width:700px; overflow:auto; line-height:20px; border-right:1px dotted #c5c6c7;}
.about-main-L-section{float:left; overflow:auto;}
.about-main-L-section-L{float:left; display:inline; width:500px; overflow:auto; border-right:1px dotted #c5c6c7;}
.about-main-L-section-L-section{float:left; width:500px; height:300px; overflow:hidden; border-bottom:1px dotted #c5c6c7;}
.about-main-L-section-R{float:left; display:inline; width:195px; overflow:auto; margin:0 0 0 2px;}
.about-main-L-section-R-section{float:left; width:195px; height:200px; overflow-y:auto; border-bottom:1px dotted #c5c6c7;}
.about-main-L h1{font-size:16px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#2f2e33; margin:15px 0 0 0; font-weight:bold; text-align:left;}
.about-main-L-col{float:left; display:inline; width:325px; overflow:auto; line-height:20px; margin:0 20px 0 0;}
.about-main-L p{font-size:12px; text-decoration:none; font-family:Georgia, sans-serif; color:#2f2e33; margin:0 0 0 0; font-weight:normal; text-align:left;}
.about-main-R{float:right; display:inline; width:190px; overflow:auto;}
.about-main-R h1{font-size:16px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#2f2e33; margin:15px 0 0 0; font-weight:bold; text-align:left;}
.about-main-R p{font-size:12px; text-decoration:none; font-family:Georgia, sans-serif; color:#8E8E8E; margin:15px 0 0 0; font-weight:normal; text-align:left;}

.sub-whatwedo-left{width:250px; height:auto; float:left; display:inline; overflow:auto;}
.sub-whatwedo-left h1{font-size:36px; text-decoration:none; text-transform:uppercase; font-family:Greyscale Basic, sans-serif; color:#8E8E8E; margin:0 0 0 0;}
.sub-whatwedo-left h2{font-size:16px; text-decoration:none; font-family:Greyscale Basic, sans-serif; color:#8E8E8E; margin:0 0 0 0; font-weight:normal;}
.sub-whatwedo-middle{width:300px; height:auto; float:left; display:inline; overflow:auto; margin:0 0 0 10px;}
.sub-whatwedo-middle p{margin:5px 0 0 0; text-align:justify;}
.sub-whatwedo-right{width:320px; height:auto; float:right; display:inline; overflow:auto;}
.sub-whatwedo-item{float:left; width:160px; margin:10px 0;}
.sub-whatwedo-item img{float:left; display:inline; margin:0 5px 0 15px;}
.sub-whatwedo-item p{float:left; display:inline; margin:5px 0 0 0;}

.divider-recentwork{width:920px; height:15px; margin:10px auto; background:url(images/recent_work_divider.png) no-repeat;}
.divider-whatwedo{width:920px; height:15px; margin:10px auto; background:url(images/what_we_do_divider.png) no-repeat;}
.divider-blank{width:920px; height:15px; margin:10px auto; background:url(images/blank_divider.png) no-repeat;}
.spacer{height:20px; width:100%;}

.footer{width:100%; background:#5a5a5c; padding:25px 0 25px 0; overflow-y:auto; overflow-x:hidden;}
.footer-column-left{float:left; display:inline; width:200px; margin:0 0 0 30px;}
.footer-column-right{float:right; display:inline; width:200px; margin:0 30px 0 0;}
.footer-column-left h3{font-size:12px; text-transform:uppercase; font-family:sans-serif; color:#FFFFFF; margin:0 0 5px 0; font-weight:bold; border-bottom:1px solid #666666; padding:0 0 5px 0;}
.footer-column-right h3{font-size:12px; text-transform:uppercase; font-family:sans-serif; color:#FFFFFF; margin:0 0 5px 0; font-weight:bold; border-bottom:1px solid #666666; padding:0 0 5px 0;}
.footer-column-right h4{font-size:14px; font-family:sans-serif; color:#999999; margin:10px 0 5px 0; font-weight:bold;}
.footer-column-left ul{width:200px; list-style:none; padding:0; margin:0;}
.footer-column-left ul li{line-height:20px;}
.footer-column-left ul li a{font-size:11px; font-family:sans-serif; color:#FFFFFF; margin:0 0 0 0; font-weight:normal;}
.footer-column-left ul li a:hover{text-decoration:underline;}
.footer-column-right ul{width:200px; list-style:none; padding:0; margin:0;}
.footer-column-right ul li{line-height:20px;}
.footer-column-right ul li a{font-size:11px; font-family:sans-serif; color:#999999; margin:0 0 0 0; font-weight:normal; text-decoration:line-through;}


.footer2{width:100%; height:50px; background:#3b3b3f; line-height:50px;}
.footer2 img{float:left; display:inline; margin:5px 0 0 20px;}
.footer2 p{float:right; display:inline; font-size:11px; color:#f6f5f5; font-family:sans-serif; margin:0 20px 0 0;}



#prevBtn, #nextBtn,
#slider1next, #slider1prev{position:absolute; top:250px; height:100px; width:100px; display:block;}
#prevBtn, #slider1prev{left:-60px;}	
#nextBtn, #slider1next{right:-60px;}
#prevBtn:hover, #slider1prev:hover{left:-50px;}	
#nextBtn:hover, #slider1next:hover{right:-50px;}														
#prevBtn a, #slider1prev a{position:absolute; display:block; height:100px; width:100px; background:url(images/slideshow_button_previous.png) no-repeat;}	
#nextBtn a, #slider1next a{position:absolute; display:block; height:100px; width:100px; background:url(images/slideshow_button_next.png) no-repeat;}

#slider2{height:88px; width:499px; position:relative; bottom:148px; left:15px;}
.slideshow-shadow{width:960px; height:20px; background:url(images/slideshow_shadow.png) no-repeat;}