@charset "utf-8"; /* CSS Document */ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;} .clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} * html .clearfix{ zoom:1; } /* IE6 */ *:first-child+html .clearfix{ zoom:1; } /* IE7 */ *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} ::selection{background:rgba(0,0,0,.3); color:#fff;} ::-moz-selection{background:rgba(0,0,0,.3); color:#fff;} .m0px{margin:0 !important;} .mt0px{margin-top:0 !important;} .mb0px{margin-bottom:0 !important;} .ml0px{margin-left:0 !important;} .mr0px{margin-right:0 !important;} .mt1px{margin-top:1px;} .mt2px{margin-top:2px;} .mt3px{margin-top:3px;} .mt4px{margin-top:4px;} .mt5px{margin-top:5px;} .mt6px{margin-top:6px;} .mt7px{margin-top:7px;} .mt8px{margin-top:8px;} .mt9px{margin-top:9px;} .mt10px{margin-top:10px;} .mt11px{margin-top:11px;} .mt12px{margin-top:12px;} .mt13px{margin-top:13px;} .mt14px{margin-top:14px;} .mt15px{margin-top:15px;} .mt16px{margin-top:16px;} .mt17px{margin-top:17px;} .mt18px{margin-top:18px;} .mt19px{margin-top:19px;} .mt20px{margin-top:20px;} .mt21px{margin-top:21px;} .mt22px{margin-top:22px;} .mt23px{margin-top:23px;} .mt24px{margin-top:24px;} .mt25px{margin-top:25px;} .mt26px{margin-top:26px;} .mt27px{margin-top:27px;} .mt28px{margin-top:28px;} .mt29px{margin-top:29px;} .mt30px{margin-top:30px;} .mb1px{margin-bottom:1px;} .mb2px{margin-bottom:2px;} .mb3px{margin-bottom:3px;} .mb4px{margin-bottom:4px;} .mb5px{margin-bottom:5px;} .mb6px{margin-bottom:6px;} .mb7px{margin-bottom:7px;} .mb8px{margin-bottom:8px;} .mb9px{margin-bottom:9px;} .mb10px{margin-bottom:10px;} .mb11px{margin-bottom:11px;} .mb12px{margin-bottom:12px;} .mb13px{margin-bottom:13px;} .mb14px{margin-bottom:14px;} .mb15px{margin-bottom:15px;} .mb16px{margin-bottom:16px;} .mb17px{margin-bottom:17px;} .mb18px{margin-bottom:18px;} .mb19px{margin-bottom:19px;} .mb20px{margin-bottom:20px;} .mb21px{margin-bottom:21px;} .mb22px{margin-bottom:22px;} .mb23px{margin-bottom:23px;} .mb24px{margin-bottom:24px;} .mb25px{margin-bottom:25px;} .mb26px{margin-bottom:26px;} .mb27px{margin-bottom:27px;} .mb28px{margin-bottom:28px;} .mb29px{margin-bottom:29px;} .mb30px{margin-bottom:30px;} .ml1px{margin-left:1px;} .ml2px{margin-left:2px;} .ml3px{margin-left:3px;} .ml4px{margin-left:4px;} .ml5px{margin-left:5px;} .ml6px{margin-left:6px;} .ml7px{margin-left:7px;} .ml8px{margin-left:8px;} .ml9px{margin-left:9px;} .ml10px{margin-left:10px;} .ml11px{margin-left:11px;} .ml12px{margin-left:12px;} .ml13px{margin-left:13px;} .ml14px{margin-left:14px;} .ml15px{margin-left:15px;} .ml16px{margin-left:16px;} .ml17px{margin-left:17px;} .ml18px{margin-left:18px;} .ml19px{margin-left:19px;} .ml20px{margin-left:20px;} .ml21px{margin-left:21px;} .ml22px{margin-left:22px;} .ml23px{margin-left:23px;} .ml24px{margin-left:24px;} .ml25px{margin-left:25px;} .ml26px{margin-left:26px;} .ml27px{margin-left:27px;} .ml28px{margin-left:28px;} .ml29px{margin-left:29px;} .ml30px{margin-left:30px;} .mr1px{margin-right:1px;} .mr2px{margin-right:2px;} .mr3px{margin-right:3px;} .mr4px{margin-right:4px;} .mr5px{margin-right:5px;} .mr6px{margin-right:6px;} .mr7px{margin-right:7px;} .mr8px{margin-right:8px;} .mr9px{margin-right:9px;} .mr10px{margin-right:10px;} .mr11px{margin-right:11px;} .mr12px{margin-right:12px;} .mr13px{margin-right:13px;} .mr14px{margin-right:14px;} .mr15px{margin-right:15px;} .mr16px{margin-right:16px;} .mr17px{margin-right:17px;} .mr18px{margin-right:18px;} .mr19px{margin-right:19px;} .mr20px{margin-right:20px;} .mr21px{margin-right:21px;} .mr22px{margin-right:22px;} .mr23px{margin-right:23px;} .mr24px{margin-right:24px;} .mr25px{margin-right:25px;} .mr26px{margin-right:26px;} .mr27px{margin-right:27px;} .mr28px{margin-right:28px;} .mr29px{margin-right:29px;} .mr30px{margin-right:30px;} .m1px{margin:1px;} .m2px{margin:2px;} .m3px{margin:3px;} .m4px{margin:4px;} .m5px{margin:5px;} .m6px{margin:6px;} .m7px{margin:7px;} .m8px{margin:8px;} .m9px{margin:9px;} .m10px{margin:10px;} .m11px{margin:11px;} .m12px{margin:12px;} .m13px{margin:13px;} .m14px{margin:14px;} .m15px{margin:15px;} .m16px{margin:16px;} .m17px{margin:17px;} .m18px{margin:18px;} .m19px{margin:19px;} .m20px{margin:20px;} .m21px{margin:21px;} .m22px{margin:22px;} .m23px{margin:23px;} .m24px{margin:24px;} .m25px{margin:25px;} .m26px{margin:26px;} .m27px{margin:27px;} .m28px{margin:28px;} .m29px{margin:29px;} .m30px{margin:30px;} .p0px{padding:0 !important;} .pt0px{padding-top:0 !important;} .pb0px{padding-bottom:0 !important;} .pl0px{padding-left:0 !important;} .pr0px{padding-right:0 !important;} .pt1px{padding-top:1px;} .pt2px{padding-top:2px;} .pt3px{padding-top:3px;} .pt4px{padding-top:4px;} .pt5px{padding-top:5px;} .pt6px{padding-top:6px;} .pt7px{padding-top:7px;} .pt8px{padding-top:8px;} .pt9px{padding-top:9px;} .pt10px{padding-top:10px;} .pt11px{padding-top:11px;} .pt12px{padding-top:12px;} .pt13px{padding-top:13px;} .pt14px{padding-top:14px;} .pt15px{padding-top:15px;} .pt16px{padding-top:16px;} .pt17px{padding-top:17px;} .pt18px{padding-top:18px;} .pt19px{padding-top:19px;} .pt20px{padding-top:20px;} .pt21px{padding-top:21px;} .pt22px{padding-top:22px;} .pt23px{padding-top:23px;} .pt24px{padding-top:24px;} .pt25px{padding-top:25px;} .pt26px{padding-top:26px;} .pt27px{padding-top:27px;} .pt28px{padding-top:28px;} .pt29px{padding-top:29px;} .pt30px{padding-top:30px;} .pb1px{padding-bottom:1px;} .pb2px{padding-bottom:2px;} .pb3px{padding-bottom:3px;} .pb4px{padding-bottom:4px;} .pb5px{padding-bottom:5px;} .pb6px{padding-bottom:6px;} .pb7px{padding-bottom:7px;} .pb8px{padding-bottom:8px;} .pb9px{padding-bottom:9px;} .pb10px{padding-bottom:10px;} .pb11px{padding-bottom:11px;} .pb12px{padding-bottom:12px;} .pb13px{padding-bottom:13px;} .pb14px{padding-bottom:14px;} .pb15px{padding-bottom:15px;} .pb16px{padding-bottom:16px;} .pb17px{padding-bottom:17px;} .pb18px{padding-bottom:18px;} .pb19px{padding-bottom:19px;} .pb20px{padding-bottom:20px;} .pb21px{padding-bottom:21px;} .pb22px{padding-bottom:22px;} .pb23px{padding-bottom:23px;} .pb24px{padding-bottom:24px;} .pb25px{padding-bottom:25px;} .pb26px{padding-bottom:26px;} .pb27px{padding-bottom:27px;} .pb28px{padding-bottom:28px;} .pb29px{padding-bottom:29px;} .pb30px{padding-bottom:30px;} .pl1px{padding-left:1px;} .pl2px{padding-left:2px;} .pl3px{padding-left:3px;} .pl4px{padding-left:4px;} .pl5px{padding-left:5px;} .pl6px{padding-left:6px;} .pl7px{padding-left:7px;} .pl8px{padding-left:8px;} .pl9px{padding-left:9px;} .pl10px{padding-left:10px;} .pl11px{padding-left:11px;} .pl12px{padding-left:12px;} .pl13px{padding-left:13px;} .pl14px{padding-left:14px;} .pl15px{padding-left:15px;} .pl16px{padding-left:16px;} .pl17px{padding-left:17px;} .pl18px{padding-left:18px;} .pl19px{padding-left:19px;} .pl20px{padding-left:20px;} .pl21px{padding-left:21px;} .pl22px{padding-left:22px;} .pl23px{padding-left:23px;} .pl24px{padding-left:24px;} .pl25px{padding-left:25px;} .pl26px{padding-left:26px;} .pl27px{padding-left:27px;} .pl28px{padding-left:28px;} .pl29px{padding-left:29px;} .pl30px{padding-left:30px;} .pr1px{padding-right:1px;} .pr2px{padding-right:2px;} .pr3px{padding-right:3px;} .pr4px{padding-right:4px;} .pr5px{padding-right:5px;} .pr6px{padding-right:6px;} .pr7px{padding-right:7px;} .pr8px{padding-right:8px;} .pr9px{padding-right:9px;} .pr10px{padding-right:10px;} .pr11px{padding-right:11px;} .pr12px{padding-right:12px;} .pr13px{padding-right:13px;} .pr14px{padding-right:14px;} .pr15px{padding-right:15px;} .pr16px{padding-right:16px;} .pr17px{padding-right:17px;} .pr18px{padding-right:18px;} .pr19px{padding-right:19px;} .pr20px{padding-right:20px;} .pr21px{padding-right:21px;} .pr22px{padding-right:22px;} .pr23px{padding-right:23px;} .pr24px{padding-right:24px;} .pr25px{padding-right:25px;} .pr26px{padding-right:26px;} .pr27px{padding-right:27px;} .pr28px{padding-right:28px;} .pr29px{padding-right:29px;} .pr30px{padding-right:30px;} .p1px{padding:1px;} .p2px{padding:2px;} .p3px{padding:3px;} .p4px{padding:4px;} .p5px{padding:5px;} .p6px{padding:6px;} .p7px{padding:7px;} .p8px{padding:8px;} .p9px{padding:9px;} .p10px{padding:10px;} .p11px{padding:11px;} .p12px{padding:12px;} .p13px{padding:13px;} .p14px{padding:14px;} .p15px{padding:15px;} .p16px{padding:16px;} .p17px{padding:17px;} .p18px{padding:18px;} .p19px{padding:19px;} .p20px{padding:20px;} .p21px{padding:21px;} .p22px{padding:22px;} .p23px{padding:23px;} .p24px{padding:24px;} .p25px{padding:25px;} .p26px{padding:26px;} .p27px{padding:27px;} .p28px{padding:28px;} .p29px{padding:29px;} .p30px{padding:30px;} .w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;} .al{text-align:left !important;} .ac{text-align:center !important;} .ar{text-align:right !important;} .fl{float:left;} .fr{float:right;} .i{font-style:italic;} .dib100{display:inline-block; width:100%;} .map {position:absolute; z-index:10; width:auto; height:auto; right:0px; bottom:0px; background:#fff; padding:10px 14px 10px 14px; font-size:11px; } #body_content #left_side .left_top_box .left_top_box_mid .map { margin:0 12px 0 0; bottom:28px !important } @font-face { font-family: 'TrajanProBold'; src: url('../fonts/trajanp0-webfont.eot'); src: url('../fonts/trajanp0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trajanp0-webfont.woff') format('woff'), url('../fonts/trajanp0-webfont.ttf') format('truetype'), url('../fonts/trajanp0-webfont.svg#TrajanProBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TrajanProRegular'; src: url('../fonts/trajanpro-regular-webfont.eot'); src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trajanpro-regular-webfont.woff') format('woff'), url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'), url('../fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Swis721ExBTRoman'; src: url('../fonts/swz721e-webfont.eot'); src: url('../fonts/swz721e-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swz721e-webfont.woff') format('woff'), url('../fonts/swz721e-webfont.ttf') format('truetype'), url('../fonts/swz721e-webfont.svg#Swis721ExBTRoman') format('svg'); font-weight: normal; font-style: normal; } /* ----------------------------------------------------- ------------------- General Styles ------------------ ----------------------------------------------------- */ * {margin:0; padding:0; outline: none;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;} form td {padding:2px; } form {font-size:13px; } blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing:0;} a {text-decoration:none; } a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0;} img {margin:0; padding:0; outline-style:none; outline-width:0; max-width: 100%;} body {margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; color:#000000; background:url(../images/bg.png) top left} input[type=submit] { width:117px; height:36px; background:url(../images/button_bg.png) top no-repeat; font:bold 12px/19px "Arial"; border:none; color:#7c94bf; cursor:pointer; } input[type="text"] {margin:0; padding:6px; width:auto; height:auto; background:#ffffff; border:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333;} select {margin:0; padding:5px 6px; width:auto; height:auto; background:#ffffff ;border:0px solid #d2cdcb; font:normal 12px Arial, Helvetica, sans-serif; color:#333333;} textarea {margin:0; padding:6px; width:auto; height:auto; background:#f9f9f5 url(../images/input-bg.gif) repeat-x bottom; border:1px solid #d2cdcb; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; overflow:auto;} input[type=submit]{background:url(../images/contact_us_btn_bg.png) 0 0 no-repeat !important; color:#930 !important; font-family: Verdana, Geneva, sans-serif; !important; font-size:13px !important; text-align:center; width:182px ; height:45px; border:0px; outline:0px; text-transform:uppercase; padding:5px 2px; cursor:pointer } input[type=text], input[type=password], textarea { width:100% ; background:#fff !important; border:1px solid #960 !important; padding:1px; font-size:12px;} textarea{ resize:none;} .clr {font-size:0; height:0; line-height:0; clear:both;} .left {margin:0; padding:0; width:auto; height:auto; float:left;} .right {margin:0; padding:0; width:auto; height:auto; float:right;} .alignleft{ text-align:left;} .alignright{ text-align:right;} .aligncenter{ text-align:center;} #wrap{ width: 945px; height:auto; margin:10px auto; position:relative; } #wrap #footstep{ position:absolute; top:20px; right:-5px;} /*#header{ width:945px; height:154px; background:url(../images/header_bg.png) top no-repeat; position:relative;}*/ #header { width: 100%; display: inline-block; background: #fff; position: relative; border: 10px solid #163A2B; border-bottom: 0; border-radius: 10px 10px 0 0; padding: 10px; } #header #head_cor{ width:16px; height:145px; position:absolute; top:9px; left:-5px;} #header #logo{ float:left; width:139px;} #header #head_banner { float: left; width: 620px; text-align: center; } .small-logo { position:absolute; z-index:10; width:150px; height:115px; background:url(../images/main-logo.png) 0 0 no-repeat; right:13px; top:13px; } #navigation { width:100%; height:47px; background:url(../images/navbar_bg.png) top left repeat-x; border:0px solid yellow; padding:0 10px; position:relative; z-index:999;} #navigation #nav_cor{ position:absolute; top:0px; left: 0px; width:15px; height:47px; border:0px solid yellow; display:none;} #navigation ul{ list-style:none;} #navigation ul li{ float:left; margin:0px 1px 0px 0px; padding:0px; border:0px solid red;} #navigation ul li#last{ margin:0px 0px 0px 0px;} #navigation ul li:hover{ background:url(../images/navigation_hov.png) top left repeat-x;} #navigation ul li a{ color:#ffffff; font:normal 12px/22px Verdana, Geneva, sans-serif; padding: 13px 5px 10px 5px; display:block; text-decoration:none; white-space:nowrap;} #navigation ul li a.selected_item{ background:url(../images/navigation_hov.png) top left repeat-x;} #navigation ul li ul { display: none; width: auto; /* Width to help Opera out */ } #navigation ul li:hover ul, #navigation ul li.hover ul { display: block; position: absolute; margin: 0; padding: 0; } #navigation ul li:hover li, #navigation ul li.hover li { float: none; } #navigation ul li:hover li a, #navigation ul li.hover li a { background: #3d0000 url(../images/navbar_bg.png) top repeat-x; border-bottom: 0px solid #fff; color: #ffffff; } #navigation ul li li a:hover { background:url(../images/navigation_hov.png) top left repeat-x; } #body_content { width: 100%; height: auto; background: #FFFFF3; border: 10px solid #163A2B; border-radius: 0 0 20px 20px; border-top: 0; padding: 0 15px 30px; } /*left side start*/ #body_content #left_side{ float:left; width:237px; height:auto; margin-left:10px; position:relative; } #body_content #left_side #body_cor{ width:16px; height:300px; position:absolute; top:-1px; left:-15px; } #body_content #left_side .left_top_box{ width:237px; height:auto; } #body_content #left_side .left_top_box .left_top_box_top{ width:229px; height:45px; background:url(../images/left_top_box_top.png) top no-repeat; margin-top:5px; padding:12px 0 0 8px; border:0px solid green;} #body_content #left_side .left_top_box .left_top_box_top .top_box_title{ width:181px; height:34px; padding:5px 18px; background:url(../images/top_box_title.png) top no-repeat; } #body_content #left_side .left_top_box .left_top_box_top .top_box_title h2{ height:37px; font:normal 21px/34px; font-family:Verdana, Geneva, sans-serif; color:#ffffff; background:url(../images/historic_logo.png) 100% 0px no-repeat;} #body_content #left_side .left_top_box .left_top_box_mid{ width:217px; min-height:340px; !important; background:url(../images/left_top_box_mid.png) top repeat-y; padding:8px 10px 0 10px; position:relative } #body_content #left_side .left_top_box .left_top_box_mid p{ margin-top:8px; color:#000000; font:normal 12px/19px; font-family:Verdana, Geneva, sans-serif;} #body_content #left_side .left_top_box .left_top_box_bot{ width:237px; height:32px; background:url(../images/left_top_box_bot.png) top no-repeat; margin-bottom:10px;} /*left side end*/ /*right side start*/ #body_content #right_side { width: 100%; height: auto; display: inline-block; } #body_content #right_side #top_box{ width:100%; height:auto; } #body_content #right_side #top_box #top_box_top{ width:899px; height:59px; background:url(../images/page_right_top.png) 0px 0px no-repeat;} #body_content #right_side #top_box #top_box_mid, .news{ width: 100%; display:inline-block; height: auto; padding: 20px; background: #fff; border: 4px solid #E4E0E0; border-top: 0; border-radius: 0 0 20px 20px; margin-bottom:20px; } .news{border:4px solid #E4E0E0; border-radius:20px; position:relative;} .news .controls{position:absolute; right:20px; top:10px;} .news .controls button{background:none; padding:0; border:0; cursor:pointer;} .newsList{margin-top:10px;} .newsList li { padding: 10px 0; border-top: 1px solid #ddd; font-size:13px; } #body_content #right_side #top_box #top_box_mid > .img { width: 100% !important; height: auto !important; } #body_content #right_side #top_box #top_box_mid h2{ font:normal 25px/22px 'TrajanProBold'; color:#185d41; margin-bottom:10px;} #body_content #right_side #top_box #top_box_mid h2 span{ color:#f6c600; } #body_content #right_side #top_box #top_box_mid h3{ font:normal 20px/22px; font-family:Verdana, Geneva, sans-serif; color:#185d41; margin:5px 0 10px 0;} #body_content #right_side #top_box #top_box_mid p{ font:normal 12px/17px Verdana, Geneva, sans-serif; color:#3e3e3e;} #body_content #right_side #top_box #top_box_mid p span.gold_yellow{ color:#b99607;} #body_content #right_side #top_box #top_box_bot{ width:899px; height:19px; background:url(../images/page_right_bot.png) 50% 0px no-repeat; margin-bottom:19px; display:none;} #body_content #right_side #top_box #top_box_mid #abr_membr{ width:519px; height:362px; margin:0px auto;} #body_content #right_side #top_box #top_box_mid .all_width{ width:100%; height:auto; padding:15px 0 15px 0; } #body_content #right_side #top_box #top_box_mid .photo_first{ float:left; width:205px; height:152px; margin-right:4px;} #body_content #right_side #top_box #top_box_mid .photo_second{ float:left; width:205px; height:152px; margin-right:4px;} #body_content #right_side #top_box #top_box_mid .photo_third{ float:left; width:205px; height:152px; margin-right:4px;} #body_content #right_side #top_box #top_box_mid .photo_fourth{ float:left; width:205px; height:152px; margin-right:0px;} #body_content #right_side #top_box #top_box_mid .appti_image{ float:left; width:450px; height:auto; border:0px solid red;} #body_content #right_side #top_box #top_box_mid .appti_text{ float:right; width:250px; height:auto; margin-top:45px; border:0px solid green;} #body_content #right_side #top_box #top_box_mid .appti_text2{ float:left; width:250px; height:auto; margin-top:45px; border:0px solid green;} #body_content #right_side #top_box #top_box_mid .appti_text h3{ color:#B99607; font:bold 14px/19px Verdana, Geneva, sans-serif; margin-bottom:6px;} #body_content #right_side #top_box #top_box_mid .appti_text ul{ list-style:none;} #body_content #right_side #top_box #top_box_mid .appti_text ul li{ margin:0 0 5px 5px; color: #3E3E3E; font: 12px/17px Verdana,Geneva,sans-serif; background:url(../images/bullet_arrow.png) 0px 50% no-repeat; padding-left:12px;} #body_content #right_side #top_box #top_box_mid h2.subtitle{ font:normal 15px/22px; font-family:Verdana, Geneva, sans-serif; color:#185d41; margin-bottom:10px;} #body_content #right_side #top_box #top_box_mid .imgleft{ margin:0px 8px 8px 0px;} #body_content #right_side #top_box #top_box_mid .imgright{ margin:0px 0px 8px 8px;} #body_content #right_side #top_box #top_box_mid .all_width div.gen_txt{ color:#3E3E3E; font: 12px/17px Verdana,Geneva,sans-serif; } #body_content #right_side #top_box #top_box_mid .all_width div.gen_txt h3{color:#B99607; font:bold 14px/19px Verdana, Geneva, sans-serif; margin:0px 0 6px 0;} #body_content #right_side #top_box #top_box_mid .all_width div.gen_txt ul {list-style:none; float:left;} #body_content #right_side #top_box #top_box_mid .all_width div.gen_txt ul li{ margin:0 0 5px 5px; color: #3E3E3E; font: 12px/17px Verdana,Geneva,sans-serif; background:url(../images/line.png) 0px 50% no-repeat; padding-left:12px;} #body_content #right_side #top_box #top_box_mid .establish{ width:100%; height:auto;} #body_content #right_side #top_box #top_box_mid .establish h3{ color: #B99607; font: bold 14px/19px Verdana,Geneva,sans-serif; margin: 0 0 6px;} #body_content #right_side #top_box #top_box_mid .establish ul{ list-style:none;} #body_content #right_side #top_box #top_box_mid .establish ul li{ margin:0 0 5px 5px; color: #3E3E3E; font: 12px/17px Verdana,Geneva,sans-serif; background:url(../images/line.png) 0px 50% no-repeat; padding-left:12px;} #body_content #right_side #home_testi{ width:636px; height:auto; margin:0px auto;} #body_content #right_side #home_testi h2{ font:normal 25px/35px; font-family:Verdana, Geneva, sans-serif; color:#185d41; margin-bottom:10px; padding:10px 0 5px 0; background:url(../images/h2_underline.png) bottom center no-repeat;} #body_content #right_side #home_testi h2 span{ background:url(../images/testimonials_logo.png) 100% 0px no-repeat; padding-right:25px; padding-top:10px; line-height:35px;} #body_content #right_side #home_testi .home_testi_post{ float:left; width:492px; height:auto; border:0px solid blue; background:url(../images/testi_quote_open.png) top left no-repeat; padding:17px 0 0 0;} #body_content #right_side #home_testi .home_testi_post p.post_text{ color:#3e3e3e; font:12px/17px Verdana, Geneva, sans-serif; font-style:italic ; background:url(../images/testi_quote_close.png) bottom right no-repeat; padding-bottom:10px; text-align:left;} #body_content #right_side #home_testi .home_testi_post p.posted_by{ color:#360000; font:12px/17px Verdana, Geneva, sans-serif; text-align:left; margin-top:10px;} #body_content #right_side #home_testi .home_testi_post .all_testi_btn{ float:right; width:156px; height:31px; background:url(../images/yellow_btn_bg.png) top no-repeat; text-align:center; } #body_content #right_side #home_testi .home_testi_post .all_testi_btn a{ display:block; padding:5px 0 5px 0; color:#fffff3; font:normal 12px/19px Verdana, Geneva, sans-serif; text-decoration:none; } #body_content #right_side #home_testi .testi_image{ float:right; width:130px; height:auto;} #body_content #right_side .address_box { width: 622px; padding: 15px 25px; background: #e0d971; border: 4px solid #cebd75; border-radius: 20px; display: inline-block; } #body_content #right_side .address_box .address{border:0px solid red;} #body_content #right_side .address_box .address h2{ font:normal 20px/25px; font-family:Verdana, Geneva, sans-serif; color:#185d41; height:25px; margin-bottom:10px;} #body_content #right_side .address_box .address p{ color:#185d41; font:normal 12px/17px Verdana, Geneva, sans-serif;} #body_content #right_side .address_box .address p.call{ background:url(../images/call_logo.png) 0px 0px no-repeat; padding:0px 0 0 30px; margin-top:15px;} #body_content #right_side .address_box .googlemap{ float:right; width:391px; border:0px solid red; position:relative} #body_content #right_side .address_box .googlemap a{ font-size:9px; color:#006;} /*right side end*/ #body_content_bot{ width:945px; height:18px; background:url(../images/body_content_bottom.png) top no-repeat; display:none;} #footer_section{ width:945px; height:30px; padding:10px 0; border:0px solid #ffffff;} #footer_section #footer_left{ float:left; width:516px; padding-left:10px;} #footer_section #footer_left p{ color:#ffffff; font:normal 12px/19px Verdana, Geneva, sans-serif;} #footer_section #footer_left p span{ color:#efe879; } #footer_section #footer_right{ float:right; width:auto; padding-right:10px;} #footer_section #footer_right ul{ list-style:none;} #footer_section #footer_right ul li{ float:left; display:inline; margin:0 4px; color:#ffffff; font:normal 12px/22px Verdana, Geneva, sans-serif;} #footer_section #footer_right ul li a{ color:#ffffff; font:normal 12px/22px Verdana, Geneva, sans-serif; text-decoration:none; } .top_box_mid { width: 840px; height: 300px; padding: 28px 29px 0 29px; background: url(../images/page_right_mid.png) 50% 0px repeat-y; overflow: hidden; } .menuToggle{display:none;} #body_content #right_side #top_box #top_box_mid img { height: auto !important; } span.paginator { display: table; margin: 15px 0 0 0; padding: 0;} table.datagrid caption span.paginator { margin-top: 0;} span.paginator span.break { display: none;} span.paginator span { list-style-type: none; display: inline; padding: 0; margin: 0;} span.paginator span.arrow { border: 1px solid #e8e8e8; color: #ccc; margin: 0; padding: 3px 8px;} span.paginator span.arrow, span.paginator span.selected, span.paginator span.page { margin-right: 5px; display: inline-block;} span.paginator span.arrow:first-child { margin-left: 0; margin-right: 0;} span.paginator span.arrow, span.paginator span.selected, span.paginator span.page { margin-right: 2px; display: inline-block;} span.paginator span.arrow.hasLink > a, span.paginator span.page a { border: 1px solid #e8e8e8; color: #333; margin: 0; padding: 3px 7px; display: inline-block;} span.paginator span.selected { background-color: #185d41; border: 0 none; color: #fff; margin: 0 2px; padding: 4px 8px;} .pTitle { font-size: 16px; font-family: Verdana, Geneva, sans-serif; color: #185d41; margin: 5px 0 10px 0; } .btn, .button{ background: #185d41; border:0; color: #fff; text-decoration: none; padding: 5px 10px; display: inline-block; font-size:12px; } .create { margin: 10px 0; } .datagrid { width: 100%; } .datagrid .button{font-size:11px; padding:4px; margin: 0 1px;} .datagrid thead { background: #fffff3; } .datagrid th, .datagrid td { border: 1px solid #ddd; padding: 5px; } .datagrid caption { border: 1px solid #ddd; padding: 5px; border-bottom: 0; } .renderWithName .left, .renderWithName .right{float:none; position:static; width:100%;} .renderWithName .left label{font-weight:bold;} @media screen and (max-width:960px) { #footer_section, #wrap{width:700px;} #navigation { height: auto; background: #185D41; } #navigation ul li { width: 100%; text-align: center; background-color: #185D41; border-top: 1px solid #fff; } .menuToggle { display: block; color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 10px 0; line-height: 22px; cursor: pointer; } #navigation ul{display:none;} #header #head_banner { width: 380px; padding: 0 20px; margin-top: 30px; } #body_content #right_side .address_box{width:100%;} #body_content #right_side #top_box #top_box_mid .photo_first, #body_content #right_side #top_box #top_box_mid .photo_second, #body_content #right_side #top_box #top_box_mid .photo_third, #body_content #right_side #top_box #top_box_mid .photo_fourth{width:24%; height:auto; margin-bottom:10px;} .tW100{width:100% !important;} .tW100:nth-child(2n){margin-top:20px;} } @media screen and (max-width:700px) { #footer_section, #wrap{width:550px;} #header #logo, .small-logo { width: 90px; background-size: 100%; } #header #head_banner { width: 340px; margin-top: 10px; } #footer_section #footer_right{width:100%; padding:5px;} #body_content #right_side #top_box #top_box_mid .photo_first, #body_content #right_side #top_box #top_box_mid .photo_second, #body_content #right_side #top_box #top_box_mid .photo_third, #body_content #right_side #top_box #top_box_mid .photo_fourth{width:49%;} } @media screen and (max-width:550px) { #footer_section, #wrap{width:420px;} #header #logo, .small-logo { width: 70px; } #header #head_banner { width: 240px; padding: 0 10px; } #footer_section #footer_left{width:auto;} #body_content #right_side #top_box #top_box_mid .photo_first, #body_content #right_side #top_box #top_box_mid .photo_second, #body_content #right_side #top_box #top_box_mid .photo_third, #body_content #right_side #top_box #top_box_mid .photo_fourth{width:48%;} tr, td { display: block; text-align: left; width: 100%; } } @media screen and (max-width:420px) { #footer_section, #wrap{width:290px;} #header #logo, .small-logo { width: 50px; } #header #head_banner{width:150px;} #body_content #right_side #top_box #top_box_mid, .news{padding:10px;} #body_content #right_side #top_box #top_box_mid .photo_first, #body_content #right_side #top_box #top_box_mid .photo_second, #body_content #right_side #top_box #top_box_mid .photo_third, #body_content #right_side #top_box #top_box_mid .photo_fourth { width: 100%; margin: 0 0 10px 0; } }