/* Getting the new tags to behave */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } /* Left & Right alignment */ .left { float:left;} .right { float:right;} .wrapper {width:100%; overflow:hidden;} /* Global properties ======================================================== */ body{ background: url(../images/bg.gif) top center repeat; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#323232; line-height:18px;} .css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;} /* Global Structure ============================================================= */ .body1{ background:url(../images/bg2.gif) top center repeat} #page1 .body2{ background:url(../images/bg3_top.jpg) 0 222px repeat-x;} .body2{background: url(../images/bg_top2.jpg) 0 222px repeat-x;} .body3{ background:url(../images/bg3.jpg) top center repeat;} /* ============================= main layout ====================== */ a{ color:#722410; text-decoration: underline; outline:none} a:hover{ text-decoration: none} h1{ float:left; padding:0 0 0 0} h2{ font-size:28px; color:#14181b; font-weight:bold; line-height:1.2em; padding:41px 0 15px 0} h3{ font-size:30px; color:#14181b; line-height:1.2em; font-weight:bold; padding:39px 0 29px 0} h3 span{ display:block; font-size:28px; line-height:1.2em; margin-top:-4px; font-weight:normal;} h3 strong{ font-size:30px;} h4{ font-size:21px; color:#000000; line-height:1.2em; padding:35px 0 12px 0; font-weight:normal} p{ padding-bottom:18px;} strong{ color:#111111} /* ============================= header ====================== */ header{ padding-top:79px; height:174px;} #page1 header{ height:579px;} #call{ float:right; font-size:21px; color:#717171; line-height:36px; padding:27px 0 0 0; height:40px;} #call span{ font-size: 30px; color: #722410; vertical-align: top; display: inline-block; } #logo{ display:block; background:url(../images/logo.gif) no-repeat; width:686px; height:83px; text-indent:-5000px;} .zInd{ position:relative; z-index:99} #menu { float:left; padding-top:16px;} #menu li { float:left; padding-right:1px; position:relative} #menu li a{ display:block; width:140px; text-align:center; font-size:21px; color:#fff; line-height:60px; background: url(../images/menu_bg.gif) top repeat-x; text-decoration: none} #menu #menu_active a, #menu li:hover a{ background:#722410;} #menu .ul_1{ position:absolute; top:61px; left:0;} #menu .ul_1 li{ float:none; padding-bottom:1px;} #menu .ul_1 li a, #menu #menu_active .ul_1 li a{ background: url(../images/bg_opacity_90.png) repeat; font-size:18px; text-align:left; line-height:55px;} #menu .ul_1 li a span{ display:block; background:url(../images/menu_marker.gif) 17px center no-repeat; padding-left:26px} #menu .ul_1 li:hover a, #menu #menu_active .ul_1 li:hover a{ background:#722410} #menu .ul_2{ position:absolute; left:141px; top:0} #menu li:hover .ul_2 li a, #menu #menu_active li:hover .ul_2 li a{ background: url(../images/bg_opacity_90.png) repeat;} #menu li:hover .ul_2 li:hover a, #menu #menu_active li:hover .ul_2 li:hover a{ background:#722410} #search{ float: right; background:url(../images/search.png) 0 0 no-repeat; width:211px; margin-top:29px;} #search .submit{ float:right; height:28px; width:40px; background:none; cursor:pointer;} #search .input { width:161px; padding:6px 0 6px 10px; float:right; background:none; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; height:16px; } /* The Nivo Slider styles */ #slider{ height:389px; width:100% !important; position: relative; top:20px; left:0; overflow:hidden ;display: block} .nivoSlider {position: absolute} .nivoSlider img { top:0px;left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0; margin:0;z-index:60;display:none;} /* The slices in the Slider */ .nivo-slice {display:block; position:absolute;z-index:50;height:100%;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; bottom:17px; z-index:99; cursor:pointer;text-indent:-5000px; width:36px; height:33px;} .nivo-prevNav { right:45px; display:block; background: url(../images/marker_left.png) right no-repeat;} .nivo-nextNav {right:9px; background:url(../images/marker_right.png) no-repeat;} .nivo-prevNav:hover{ background:url(../images/marker_left_active.png) right no-repeat} .nivo-nextNav:hover{ background:url(../images/marker_right_active.png) no-repeat} /* Caption styles */ .nivo-caption {position:absolute; bottom:0px;background: url(../images/bg_opacity_50.png) repeat; font-size:24px; text-transform:uppercase; font-weight:bold;color:#fff; width:830px;z-index:99; padding:0 90px 0 20px; height:69px; line-height:69px;} .nivo-caption .right { font-size:16px; font-weight:normal; text-transform:none;} .nivo-caption .right .color1{ color:#ebb52a;} .nivo-caption .right strong{ color:#fff;} .nivo-caption span { font-size:30px; vertical-align:baseline} .nivo-html-caption { display:none;} /* ============================= content ====================== */ #content{ padding-top:2px; width:100%; overflow:hidden; padding-bottom:76px;} #page1 #content{ padding-top:17px;} .pad_right1{ padding-right:33px;} .marg_right1{ margin-right:18px;} .pad_top1{ padding-top:6px;} .pad_bot1{ padding-bottom:34px} .pad_bot2{ padding-bottom:25px} .banners{ width:100%; overflow:hidden} .banners li{ float:left; width:210px; padding:0 13px 32px 12px;} .banners h2{ color:#fff; padding:24px 0 3px 0} .banners p{ color:#fff; padding-bottom:22px;} .ban1{ background:url(../images/bg_banner1.jpg) top repeat-x #d21f2d} .ban1 .button{ background:#c1051c} .ban2{ background:url(../images/bg_banner2.jpg) top repeat-x #da2c17} .ban2 .button{ background:#c61600} .ban3{ background:url(../images/bg_banner3.jpg) top repeat-x #e6620c} .ban3 .button{ background:#c84f00} .ban4{ background:url(../images/bg_banner4.jpg) top repeat-x #e19112} .ban4 .button{ background:#c07800} .button{ display:inline-block; background:#d41e34; font-size:16px; line-height:33px; padding:0 20px; color:#fff; text-decoration:none; text-transform:uppercase;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative;} .button:hover{ background:#fff; color:#14181b} .line1{ background:url(../images/line_ver1.gif) 690px 0 repeat-y;} .line1_top{ background:url(../images/line_ver1_top.gif) 690px 0 no-repeat;} .line2{ background:url(../images/line_ver1.gif) 333px 0 repeat-y;} .line2_top{ background:url(../images/line_ver1_top.gif) 333px 0 no-repeat;} .rss{ padding-left:34px; background:url(../images/rss.jpg) 0 0 no-repeat; line-height:24px; color:#000000; display:inline-block; text-decoration:none;} .rss:hover{ color:#ff9200} .list1{} .list1 li{ line-height:27px; padding-bottom:3px; font-size:14px;} .list1 li a{ display:block;color:#111111; text-decoration:none; font-style:italic; padding-left:11px; background:url(../images/marker_1.gif) 0 12px no-repeat} .list1 li a:hover{ background: url(../images/marker_1_active.gif) 12px 12px no-repeat #d41e34; color:#fff; padding-left:23px;} .list2 li{ line-height:28px; font-size:13px;} .list2 li a{ padding-left:12px; background:url(../images/marker_2.gif) 0 6px no-repeat; color:#000; text-decoration:none} .list2 li a:hover{ text-decoration:underline} .list3 li{ font:14px Arial, Helvetica, sans-serif; line-height:23px;} .list3 li a{ color:#04040c;} .list_color{ line-height:18px;} .list_color li{ padding-bottom:18px;} .list_color .no_pad{ padding-bottom:0} .list_color a{ color:#111111; text-decoration:none; display:block; padding-left:27px;} .list_color .col_1 a{ background:url(../images/marker_color1.gif) 5px 5px no-repeat} .list_color .col_1 a:hover strong{ color:#e23f59} .list_color .col_2 a{ background:url(../images/marker_color2.gif) 5px 5px no-repeat} .list_color .col_2 a:hover strong{ color:#e24f31} .list_color .col_3 a{ background:url(../images/marker_color3.gif) 5px 5px no-repeat} .list_color .col_3 a:hover strong{ color:#e5600c} .list_color .col_4 a{ background:url(../images/marker_color4.gif) 5px 5px no-repeat} .list_color .col_4 a:hover strong{ color:#ef8921} .list_color .col_5 a{ background:url(../images/marker_color5.gif) 5px 5px no-repeat} .list_color .col_5 a:hover strong{ color:#ebb126} .dropcap_1{ float:left; width:70px; height:70px; margin-right:9px; font-size:40px; line-height:70px; color:#fff; font-weight:bold; text-align:center} .list_color .col_1 .dropcap_1{ background: url(../images/dropcap_color1.jpg) 0 0 no-repeat} .list_color .col_2 .dropcap_1{ background: url(../images/dropcap_color2.jpg) 0 0 no-repeat} .list_color .col_3 .dropcap_1{ background: url(../images/dropcap_color3.jpg) 0 0 no-repeat} .list_color .col_4 .dropcap_1{ background: url(../images/dropcap_color4.jpg) 0 0 no-repeat} .list_img{ margin-top:-8px} .list_img li{ line-height:34px;} .list_img a{ color:#323232; text-decoration:none; padding-left:50px; display:inline-block;} .list_img a:hover{ text-decoration:underline} .list_img .img1{ background:url(../images/marker_img1.jpg) 19px 9px no-repeat} .list_img .img2{ background:url(../images/marker_img2.jpg) 19px 9px no-repeat} .list_img .img3{ background:url(../images/marker_img3.jpg) 19px 9px no-repeat} .list_img .img4{ background:url(../images/marker_img4.jpg) 19px 9px no-repeat} .under{ background:url(../images/line_hor1.gif) bottom repeat-x; padding-bottom:31px; margin-bottom:17px;} .box1{ background:#f1f0f2; padding:0 19px 27px 29px; margin-top:18px;} .box1 h2{ font-weight:normal; padding:21px 0 31px 0} #icon{ padding-top:1px; width:100%; overflow:hidden; padding-bottom:18px;} #icon li{ float:left; padding-right:3px;} #page1 .list1{ margin-right:60px;} #page2 .line1{ background:url(../images/line_ver1.gif) 658px 0 repeat-y;} #page2 .line1_top{ background:url(../images/line_ver1_top.gif) 658px 0 no-repeat;} #page2 .pad_right1{ padding-right:14px;} #page2 .marg_right1{ margin-right:20px;} #page2 .grid_3{ width:240px; padding-left:60px;} #page2 .banners li{ width:428px; padding:0 13px 14px 29px; margin-top:4px;} #page2 .banners li .img1{ float:left; margin-right:24px; padding-top:36px; padding-bottom:10px;} #page2 .banners li .img2{ float:left; margin-right:10px; padding-top:36px; padding-bottom:10px;} #page2 .banners li .pad_top1{ padding-top:35px;} #page2 .banners p{ color:#323232; padding-bottom:18px;} #page2 .banners p span{color:#111111;} #page2 .banners strong{ color:#fff;} #page2 .banners .ban1{ width:438px;} #page2 .banners .ban2{ width:418px;} #page3 .line1{ background:url(../images/line_ver1.gif) 469px 0 repeat-y;} #page3 .grid_5{ width:410px; padding-left:39px;} #page3 .pad_right1{ padding-right:14px;} #page3 .grid_5 .marg_right1{ margin-right:26px} #page3 .grid_4{ width:275px; float:right} #page4 .grid_8{ width:560px; padding-right:60px} #page4 .line1{ background:url(../images/line_ver1.gif) 603px 0 repeat-y;} #page4 .line1_top{ background:url(../images/line_ver1_top.gif) 603px 0 no-repeat;} #page4 .list_color li{ padding-bottom:18px; background:url(../images/line_hor1.gif) bottom repeat-x; margin-bottom:18px; width:100%; overflow:hidden} #page4 .list_color .bg_none{ background:none; padding-bottom:0; margin-bottom:0} #page4 #content{ padding-bottom:50px} #page5 .grid_5{ width:260px; padding-right:60px; padding-left:60px} #page5 .line1{ background:url(../images/line_ver1.gif) 677px 0 repeat-y;} #page5 .line1_top{ background:url(../images/line_ver1_top.gif) 677px 0 no-repeat;} #page5 figure{ margin-bottom:25px;} iframe{ margin-top:-3px;} #page5 .grid_1{ width:172px; line-height:20px; margin-left:0;} /* ============================= footer ====================== */ footer { font-size:14px; color:#242424; line-height:20px; width:100%; overflow:hidden; padding-bottom:50px} footer a{ color:#242424} footer .color1{ color:#d41e34} #icons{ padding-top:10px;} #icons li{ line-height:25px; font-size:13px; padding-bottom:4px;} #icons li img{ float:left; margin-right:8px;} #icons li a{color:#000000; text-decoration:none; display:block} #icons li a:hover{text-decoration: underline;} .privacy{ float:right; width:318px; margin-right:5px; padding-top:39px;} #footer_menu{ width:100%; overflow:hidden} #footer_menu li { float:left; padding-right:8px; background:url(../images/footer_menu.gif) right 5px no-repeat; margin-right:7px;} #footer_menu .bg_none{ background:none; padding-right:0; margin-right:0} #footer_menu li a{ color:#797979; text-decoration:none;} #footer_menu li a:hover, #footer_menu li .active{ text-decoration:underline} /* ============================= forms ============================= */ #ContactForm { margin-top:-7px;} #ContactForm .wrapper{ min-height:50px;} #ContactForm .textarea_box{ min-height:185px;} #ContactForm .input {width:248px; height:16px; border:1px inset #fff; background:#fff; padding:2px 5px;color:#323232; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif} #ContactForm textarea { overflow: auto;width:248px; height:139px; border:1px inset #fff; background:#fff; padding:2px 5px;color:#323232; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0}