/* Getting the new tags for HTML5*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, nav, time{ display: inline;}

body{margin: 0;padding: 0;background: #FFFFFF url(images/back.jpg) repeat-x;text-align:center;}
h1{font-size:28px; color:#838383; display:block; margin:0 0 15px 0; font-weight:normal;}
h2{font-size:18px; display:block; margin:10px 0 8px 0; font-weight:normal; color:#000000;}
h3{font-size:16px; display:block; margin:0; font-weight:normal;color:#121212}

#frame{width: 970px; margin: 0px auto; padding:0 15px 0 15px;}
#top{float: left;width: 1000px;height: 150px;background:transparent url(/images/top-back.png) no-repeat;text-align:left;}
#logo{width: 375px;height: 55px;margin:20px 0 25px 15px;}
#banner{float:left; width:1000px; height:352px; background:transparent url(/images/back-banner.jpg) no-repeat; margin:0 0 15px 0;}
/*slide show*/
#slider{float:right; width:952px; height:339px; margin:0 43px 0 0;}
#slider img{display:none;}
#slider img.first{float:right; display:block;}
#navslide {position:absolute; margin:280px 0 0 260px; z-index:50;}
#navslide a { float:left; margin: 0 5px; background:transparent url(/images/btn-no-active.png) no-repeat; width:17px; height:17px; color:#78b00b; text-decoration:none;}
#navslide a.activeSlide { background:transparent url(/images/btn-active.png) no-repeat; width:17px; height:17px; color:#121212; text-decoration:none;}
#btn-quote {position:absolute; margin:270px 0 0 5px; z-index:50;}
/*content section*/
#content{float:left; width:1000px; height:auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#3d3d3d;line-height:18px; margin:0 0 25px 0;}
#hp-left{float:left;display:table-cell;width:490px; height:auto; padding: 0 37px 0 0;border-right:1px solid #e6e6e6;}
#hp-right{float:left; display:table-cell;width:413px; height:auto; padding: 0 0 0 37px;}
.linkHP{display:block;font-size: 13px; color:#FFFFFF; margin:15px 0 0 0; padding:5px;}
.linkP{display:block;font-size: 13px; color:#FFFFFF; margin:15px 0 0 0; padding:5px;}
a.linkHP{float:left;display:block;width:auto;background:url(images/back-link.jpg) repeat-x;text-decoration:none;text-align: center; color:#FFFFFF;}
a.linkHP:hover{background:url(/images/back-link-over.jpg) repeat-x;text-decoration:none;text-align: center; color:#FFFFFF;}
a.linkP{float:left;display:block;width:auto;background:url(/images/back-link-over.jpg) repeat-x;text-decoration:none;text-align: center; margin:10px 10px 0 0;}
a.linkP:hover{background:url(/images/back-link.jpg) repeat-x;text-decoration:none;text-align: center; margin:10px 10px 0 0;}
#lefthp{float: left;width:490px; height:auto;margin:0 0 25px 0;}
#righthp{float: left;width:413px; height:auto;margin:0 0 25px 0;}
.projectHP{float:left;}
ul.projectHP{width: 413px;overflow:hidden;margin:0;padding:0;list-style-type:none;display:inline-block;display: inline;text-align:left;}
li.projectHP{display:block;width: 393px;overflow: hidden;height: auto; margin: 0 0 15px 0; padding:10px;text-align:left;list-style-type:none;background-color:#f5f5f5;}
li.projectHP:hover{ background-color:#f1f4d7;}
li.projectHP img{float: left;width: 100px;border: 0px solid #d5d5d5;clear: both; text-align:left; margin:0 25px 0 0;}
.text{overflow: hidden;line-height:18px;}
/*home page quick links*/
.list{font-size:18px;font-weight:normal;}
ul.list{width:490px; height:auto; margin:0; padding:0; list-style:none;text-align:left;}
li.list a {color:#121212; text-decoration:none; line-height:25px; background:url(/images/bullet.png) top left no-repeat; padding-left:40px; margin-bottom:5px;display:block; border-bottom:1px solid #e2e2e2; vertical-align:middle;}
li.list a:hover {color:#838383; text-decoration:none; background:transparent url(/images/bullet-over.png) top left no-repeat;}
/*footer*/
#copyright{float:left; width:1000px; height:auto; padding-top:115px;text-align:center; background:transparent url(/images/back-footer.png) no-repeat; background-position:top; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#3d3d3d;line-height:16px;}
#copyright img{margin-bottom:10px;text-align:center; vertical-align:middle;}
/*directory*/
.directory{float:left; display:table-cell; width:260px; height:auto; padding:0 37px 0 0;}
ul.directory{width:490px; height:auto; margin:0; padding:0; list-style:none;text-align:left;}
li.directory a {color:#838383; text-decoration:none;background:url(/images/bullet.png) top left no-repeat; padding: 0 0 10px 40px; margin-bottom:5px;display:block; border-bottom:1px solid #e2e2e2; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
li.directory a:hover {color:#121212; text-decoration:none; background:transparent url(/images/bullet-over.png) top left no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
/*content page*/
aside{border-right:1px solid #e6e6e6;}
#content-page{float:left; display:table-cell;width:660px; height:100%; margin: 0 0 0 37px;}
#linkpage a{color:#121212;}
#media{float:right; width:auto; height:auto; display:block;}
#ad{float:left;display:block; margin:25px 0 0 0;}
#ad a{ color:#121212;}
.imgport{display: block; margin:25px 0 0 0; text-align:left;}
/*portfolio*/
.portfolio{}
ul.portfolio{float:left; width: 660px;overflow:hidden;margin:0;padding:0;text-align:left;list-style-type:none;}
li.portfolio{display:block;width: 640px;overflow: hidden;height: auto; margin: 0 0 15px 0; padding:10px;text-align:left;list-style-type:none;background-color:#f5f5f5;}
li.portfolio:hover{ background-color:#f1f4d7;}
li.portfolio img{float: left;width: 100px;border: 0px solid #d5d5d5;clear: both; text-align:left; margin:0 25px 0 0;}
/*navigation*/
.nav{float:left;display:block;width: auto;height:auto;text-align: left;margin: 10px 0 20px 0;}
.navselect{float:left;display:block;width: auto;height:auto;text-align: left;margin: 10px 0 0 0;}
a.navselect{display: block;background-color:#121212;font-size: 12px;text-decoration:none;padding:7px 10px 5px 10px;text-align:center;color: #FFFFFF;margin: 0 4px 0 4px;line-height:12px;vertical-align:bottom;}
a.nav{display:block;background-color:#e8e8e8;font-size: 12px;text-decoration:none;padding:7px 10px 5px 10px;text-align:center;color: #1c1c1c;margin: 0 4px 0 4px;line-height:12px;}
a.nav:hover{display:block;background-color:#121212;font-size: 12px;text-decoration:none;padding:7px 10px 5px 10px;text-align:center;color:#FFFFFF;margin: 0 4px 0 4px;}
/*testimonials*/
ul.testimonial{float:left; width: 660px;overflow:hidden;margin:0;padding:0;list-style-type:none;text-align:left;}
li.testimonial{display:block;width: 650px;overflow: hidden;height: auto; margin: 0 0 15px 0; padding:10px;text-align:left;list-style-type:none;}
#apply{background-color:#ececec; margin-top:20px;}
label.error {display:block; color:#FF0000; margin: 5px 0 0 0;}
#apply input[type=text]{width: 90%;height: 22px;}
#apply textarea{width: 90%;}
#apply input[type=submit]{height:30px;}
#apply table{padding:10px;}
#apply td{padding: 10px 10px 10px 10px;}
.secur{display:block;width: 85px;height: 17px;font-size:1.6em;letter-spacing: 20px;color: #000000;background-color: #FFFFFF;border: 0px solid #d3f56b;text-align:center;padding: 10px 0 10px 0;}
#scroll{float: left;width: 100%;height: 150px;overflow: auto;border: 1px solid #d4d4d4;}
#sticker{position: absolute; width:209px; height:108px; top:-108px; left:105px;z-index:1;}
