body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html {} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0} legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#1a3a54 url(../images/bg.png) repeat-x;text-align:center; font-family:Arial;} .main{ width:940px; margin:auto; text-align:left} .top{ width:930px; height:178px; margin:auto;} .topRow1{ width:930px; height:32px; margin:auto;} .info{ width:486px; height:32px; float:left;} .topRow2{ width:930px; height:90px; margin:auto;} .topRow2 ul { list-style:none; overflow:hidden;height:90px;} li.logo { width:446px; height:90px; list-style:none; background:url(../images/logo.png) no-repeat 0 -4px;float:left} li.searchCont {width:300px; height:90px; list-style:none;background:url(../images/searchBox.png) no-repeat 10px 18px; float:left; position:relative;} li.menuCont1 {width:184px; height:90px; padding:8px 0 0 0; list-style:none; float:left;} .header{ width:940px; height:334px; margin:auto;} .headerMedia{ width:940px; height:186px;margin:auto;background:url(../images/headerMedia.png);} .headCalls{ width:936px; height:150px; padding:0 0 0 4px;margin:auto;background:url(../images/headCalls.png);} .headCalls ul li{ list-style:none; overflow:hidden; display:block} .headCalls li{ width:308px; height:72px; float:left;list-style:none; overflow:hidden;margin:1px 0 0 2px;} *html .headCalls li{ margin:2px 1px 0 1px} .content{ width:940px;margin:auto;background:url(../images/content.png);} .contentSub{ width:940px; hmargin:auto;background:#fff;background:url(../images/contentSub.png);} .contentL{ width:278px;padding:14px 0 0 30px;float:left} .contentL2{ width:313px;float:left; border-right:1px solid #dbdbdb} .mod1{ width:258px; font-size:12px; color:#353535} .mod2{ width:258px;background:url(../images/mod2.png) no-repeat 0 30px;} .contentR{ width:626px;min-height:660px; padding:0 0 0 1px;float:left;background:url(../images/contentR.png) left 60px no-repeat;} .contentR2{ width:600px;min-height:660px; float:left;} .contentin{ padding:20px; font-size:12px; color:#000; background:url(../images/shadow.png) left top no-repeat;min-height:600px; margin-top:-4px;} *html .contentin{height:600px;} .contentin a, .contentin a:active{ color:#1034FF;} .contentin a:hover{ color:#000; text-decoration:none;} .mod3{ padding:16px 20px 28px 26px} .mod4{padding:24px 20px 6px 26px;height:148px; position: relative;background:url(../images/mod4.png) center 10px no-repeat;} .mod4Txt{width:194px;} .mod5{padding:16px 20px 0 185px; height:149px; position: relative;background:url(../images/mod5.png) left top no-repeat;} .mod6{padding:28px 20px 0 26px; height:149px; position: relative;background:url(../images/mod6.png) 26px 66px no-repeat;} .mod7{padding:0px 20px 0 0; height:268px; position: relative;background:url(../images/mod7.jpg) 26px 164px no-repeat;} .mod7Txt{padding:0 44px 0 5px;} .mod8{padding:184px 20px 0 0; height:200px; position: relative;background:url(../images/mod5.png) 0 0 no-repeat;} .mod8Txt{padding:0 44px 0 5px;} .mod9Txt{padding:0 44px 0 5px;} .mod9{padding:10px 20px 0 0; height:280px; position: relative;background:url(../images/mod6.png) center 45px no-repeat;} .mod6Txt{ width:330px; position:absolute; left: 254px; top: 66px; height: 81px; } .modContanier{ padding:0 0 0 18px} *html contentR{height:660px;} .border{ width:271px; height:1px; font-size:1px;background:url(../images/border.png); margin:22px 0;} .border2{ width:542px; height:1px; font-size:1px;background:url(../images/border2.png);} .footer{ width:750px; height:45px; padding:18px 90px;margin:auto;background:url(../images/footer.png);text-align:center;} .footer a { color:#a2d4ef; text-decoration:none; font-size:11px; margin:6px; line-height:24px;} .footer a:hover { color:#020c15; } .copyRight{ width:898px; height:60px; padding:16px; margin:auto; text-align:center; font-size:11px; color:#fff} /**************************************************************************************************************************** * form elements >> css ****************************************************************************************************************************/ .searchField{ width:124px; height:20px; border:0px; position:absolute; font-size:11px; color:#0c2854; background:transparent; left:105px; top:38px; } .search-btn{ width:35px; height:20px; border:0px; position:absolute; left: 236px; top: 34px; } /**************************************************************************************************************************** * quick contact form >> css ****************************************************************************************************************************/ .form{width:190px;font-size:11px;color:#666666;padding:15px 0 0 56px;} .qcButton{width:114px; height:37px; margin:16px 0 0 14px;} .textfield {width:134px;height:13px;padding:2px 8px;margin:3px;border:0;background:transparent url(../images/inputBox.png); border:1px solid #503121;} .form input.btnSubmit {width:58px; height:25px; background:#E5E5DD url(../images/btnSubmit.png) no-repeat;} .form input.btnSubmit:hover {background:#C9C9C2 url(../images/btnSubmit.png) no-repeat 0 -25px;} .txtArea{width:134px;height:32px;padding:8px;margin:3px; background:transparent url(../images/inputBox.png) repeat-x;background-attachment:fixed; border:1px solid #503121;} label {width:70px;margin:4px 0 0;text-align:right;} fieldset {border:0 solid #FFFFFF; width:188px;} fieldset > .txtArea{background:transparent url(../images/inputBox.png) repeat-x;border:1px solid #503121;OVERFLOW: auto;} fieldset > input.textfield { background:transparent url(../images/inputBox.png) } /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:255px;height:143px;padding:0;overflow:hidden; } #replace1 span, span.replace1 { position:absolute;top:0;left:0px;width:255px;height:143px;background:url(../images/replaceSet1.png) 0 0} #replace2 { position:relative;width:146px;height:17px;padding:0;overflow:hidden; } #replace2 span, span.replace2 { position:absolute;top:0;left:0px;width:146px;height:17px;background:url(../images/replaceSet1.png) 0 -164px} #replace3 { position:relative;width:247px;height:19px;padding:0;overflow:hidden; } #replace3 span, span.replace3 { position:absolute;top:0;left:0px;width:247px;height:19px;background:url(../images/replaceSet1.png) 0 -185px} #replace4 { position:relative;width:193px;height:20px;padding:0;overflow:hidden; } #replace4 span, span.replace4 { position:absolute;top:0;left:0px;width:193px;height:20px;background:url(../images/replaceSet1.png) 0 -209px} #replace5 { position:relative;width:137px;height:23px;padding:0;overflow:hidden; } #replace5 span, span.replace5 { position:absolute;top:0;left:0px;width:137px;height:24px;background:url(../images/replaceSet1.png) -5px -231px} #replace6 { position:relative;width:320px;height:22px;padding:0;overflow:hidden; } #replace6 span, span.replace6 { position:absolute;top:0;left:0px;width:320px;height:22px;background:url(../images/replaceSet1.png) -5px -253px} #replace7 { position:relative;width:486px;height:19px;padding:0;overflow:hidden; } #replace7 span, span.replace7 { position:absolute;top:0;left:0px;width:486px;height:19px;background:url(../images/info.png) 0 0} #replace8 { position:relative;width:261px;height:18px;padding:0;overflow:hidden; } #replace8 span, span.replace8{ position:absolute;top:0;left:0px;width:261px;height:18px;background:url(../images/replaceSet1.png) 0 -276px} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu1Cont {width:124px; height:54px; position: absolute; left:0; top:0; } .menu7Cont {width:111px; height:35px; padding:8px 0 0 0;margin:auto} .menu8Cont { width:111px; height:35px; position:absolute; left: 464px; top: 51px; } .menu9Cont { width:111px; height:35px; position:absolute; left: 467px; top: 122px; } .menu10Cont { width:111px; height:35px; position:absolute; left: 467px; top: 141px; } .menu11Cont { width:111px; height:35px; position:absolute; left: 167px; top: 219px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 0px;} a#menu1:hover span, span.menu1_span_oo {background-position:-312px 0px;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -73px;} a#menu2:hover span, span.menu2_span_oo {background-position:-312px -73px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -146px;} a#menu3:hover span, span.menu3_span_oo {background-position:-312px -146px;cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -219px;} a#menu4:hover span, span.menu4_span_oo {background-position:-312px -219px;cursor:pointer} a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -292px;} a#menu5:hover span, span.menu5_span_oo {background-position:-312px -292px;cursor:pointer} a#menu6, #menu6 span, span.menu6_span { display:block; position:relative; width:308px; height:71px; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.jpg) no-repeat 0 -365px;} a#menu6:hover span, span.menu6_span_oo {background-position:-312px -365px;cursor:pointer} a#menu7, #menu7 span, span.menu7_span { display:block; position:relative; width:110px; height:35px; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat -1px 0;} a#menu7:hover span, span.menu7_span_oo {background-position:-111px 0px;cursor:pointer} a#menu8, #menu8 span, span.menu8_span { display:block; position:relative; width:184px; height:71px; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0 ;} a#menu8:hover span, span.menu8_span_oo {background-position:-192px 0px;cursor:pointer} /******************/ div.contentin blockquote,div.contentin ul,div.contentinol,div.contentin dl {margin:1em;} div.contentin ol,div.contentin ul,div.contentin dl {margin-left:2em;} div.contentin ul li {list-style: disc inside;} div.contentin ol li {list-style: decimal outside;} div.contentin li {margin:0.5em 0; } div.contentin dl dd {margin-left:1em;} /******************/ .ie6 div.innerHeader {top:0; left:-1px;position:relative;} /*****************************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; text-decoration:none; margin:6px 8px 6px 0; background:url(../images/watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(../images/watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } /************************************/