/* header drop down MENU left column right column contact forms contact forms validation text location page right column keywords footer copyright logo page website design banners wordpress BLOG forum sitemap career */ body {margin:0px; text-align:center; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666666; background:url(../images/body_bg.gif) #f1f1f1 repeat-x top;} #page { width:980px; text-align:left; margin:0px auto; background-color:#fff;} img { border:none;} .rEd { color:#CE0000} a { color:#0499cc; text-decoration:underline;} a:hover { color:#7d7e7e; text-decoration:none;} p,h1,h2{ padding:0px; margin:10px 0px;} h1 { font:bold 18px Arial, Helvetica, sans-serif; color:#5b6f8e; margin-left:10px;} h2 { font:bold 13px Arial, Helvetica, sans-serif; color:#5b6f8e; background: url(../images/h2bg.gif) repeat-x center; padding:2px 0px;} h2 span{ background-color:#FFFFFF; padding:2px 10px; border-left:5px solid #00A6D3} h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#5b6f8e;} h4 { font:bold 11px Arial, Helvetica, sans-serif; color:#5b6f8e;} hr {height: 1px;background-color: #cccccc;border-width: 0;} /* header **************************************************************/ #header { margin:0px;} #tOp_lInk {font:11px/19px Arial, Helvetica, sans-serif; text-align:right; padding-right:20px;} #tOp_lInk a{ margin:0px; color:#7d7e7e; text-decoration:underline; padding:10px 5px 0px 10px; border-left:1px solid #ededed;} #tOp_lInk a:hover{ color:#7d7e7e; text-decoration:none;} #lOgo_banr_bg { background:url(../images/header_banr_bg.gif) repeat-x top; text-align:left;} #lOgo_banr { text-align:right; position:relative; height:128px; background-color:#FFFFFF; width:880px} #lOgo_banr a{ position: absolute; top:10px; left:6%; background: url(../images/lOgo.gif) no-repeat center; width:182px; height:89px; z-index:1;} /* drop down MENU **************************************************************/ #mEnu_bar {background:url(../images/mEnu_bar_ine.jpg) #7d7e7e repeat-x bottom; border-top:1px solid #E2E2E2; height:25px;text-align:center; margin-top:0px;} #mEnu_bar ul{ padding:0px; list-style-type:none; margin:5px 0px 0px 0px;} #mEnu_bar li{ position:relative; z-index:1; margin:0px; padding-bottom:4px; display:inline;} #mEnu_bar a{ border-left:1px solid #fff; color:#fff; font:bold 10px Verdana, Arial, Helvetica, sans-serif; padding:0px 2% 4px 2%; text-decoration:none;} #mEnu_bar a:hover{ color:#D8D8D8; text-decoration:none;} #mEnu_bar li:hover{ padding-bottom:5px; background-color:#7d7e7e;} #mEnu_bar div{ position:absolute; z-index:2; top:18px; left:-4px; border-top:none; visibility:hidden; text-align:left; background-color:#7d7e7e;} #mEnu_bar div a { display:block; margin:1px; white-space:pre; border-left:none; font-weight:normal; padding:4px 5px 4px 5px;background-color:#f1f1f1; color:#7d7e7e; border-bottom:1px solid #fff;} #mEnu_bar div a:hover { background-color:#fff; color:#0499cc; border-bottom:1px solid #EBEBEB} /* left column **************************************************************/ #coNtent_left {width:72%; float:left;} /* right column **************************************************************/ #coNtent_right {width:25%; margin-right:4px; padding:4px; float:right;} /* ********************************************************* */ #contactArea { background:url(../images/lOgin_bg.jpg) no-repeat left bottom; border:1px solid #DFDFDF; height:220px; padding:0px 5px 0px 5px;} #rafq { font:bold 13px Arial, Helvetica, sans-serif; color:#5b6f8e; background: url(../images/quote_bg.gif) no-repeat left top; padding:5px 0px 20px 30px; margin:2px 0 0 0;} #contactArea ul{ margin:0px; padding:0px; list-style-type:none; display:block; height:25px} #contactArea li{ margin:0px 2px 0px 0px; padding:0px; width:48%; display:block; float:left; vertical-align:middle; line-height:17px; text-align:right;} #contactArea input{ background: url(../images/lOgin_in_bg.jpg) repeat-x; width:98%; border:1px solid #dfdfdf; line-height:16px; float:left;} #contactArea textarea{ border:1px solid #dfdfdf; width:98%; height:60px;} #contactArea input.submit_btn {border:none; background-color:#00a6d3; width:auto; background-image:none; font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; float:right; } #contactArea p{ text-align:center;} /* ********************************************************* */ #lOgin { background:url(../images/lOgin_bg.jpg) no-repeat left bottom; border:1px solid #DFDFDF; padding:0px 5px 5px 5px;} #lOgin ul{ margin:0px; padding:0px; list-style-type:none; display:block; height:25px} #lOgin li{ margin:0px 2px 0px 0px; padding:0px; width:48%; display:block; float:left; vertical-align:middle; line-height:17px; text-align:right;} #lOgin input { background: url(../images/lOgin_in_bg.jpg) repeat-x; width:98%; border:1px solid #dfdfdf; line-height:16px; float:left;} #lOgin input#subit {border:none; background-color:#00a6d3; width:auto; background-image:none; font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; float:right; } #lOgin p{ text-align:center;} .baNNer { margin:3px 0px; border:1px solid #DFDFDF; padding:5px; text-align:center;} /* contact forms **************************************************************/ #coNtactUs_form{ background:url(../images/lOgin_bg.jpg) no-repeat left bottom; font-size:10px; border:1px solid #DFDFDF; padding:0px 5px 4px 5px;} #coNtactUs_form ul{ margin:0px; padding:0px; list-style-type:none; display:block; height:25px; } #coNtactUs_form li.fSt{ margin-right:2px; width:35%; float:left; line-height:17px; text-align:right;} #coNtactUs_form li.sCd{ margin-right:2px; width:63%; float:left; position:relative; line-height:17px; text-align:left;} #coNtactUs_form input { background: url(../images/lOgin_in_bg.jpg) repeat-x; width:80%; border:1px solid #dfdfdf; line-height:16px; float:left;} #coNtactUs_form textarea { width:80%; border:1px solid #dfdfdf; float:left; background-color:#F9FEFF; height:40px;} #coNtactUs_form li.scD{ margin-right:2px; position:relative; top:10px; width:63%; float:right; display:block; line-height:17px; text-align:right;} #coNtactUs_form input#suBmit,#coNtactUs_form input#reSet {border:none; background-color:#00a6d3; width:auto; background-image:none; font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; display:inline; margin:4px 5px;} /* contact forms validation text **************************************************************/ #fN,#lN,#eM,#cM,#cd {display:none; position:absolute; z-index:1; left:82%; white-space:nowrap; top:0px; color: #666666; background:url(../images/bg.gif) no-repeat top left; padding:17px 0px 0px 0px;} #fN div,#lN div,#eM div,#cM div,#cd div {border:1px solid #999999;border-top:none; background-color:#FFFFFF; padding:5px; color:#CE0000} /* location page **************************************************************/ #contact_addr{ margin:2px 0px;border-top:1px solid #DFDFDF; background:url(../images/contact_build.gif) no-repeat 10% center; border-bottom:1px solid #DFDFDF;} #contact_addr dl{ margin-left:40%;} #contact_addr dd{ padding:0px; margin:0px; line-height:18px;} #contact_addr dt{ font-weight:bold;} /* right column keywords **************************************************************/ #link_grp { padding:10px; border-left:1px dashed #DFDFDF; text-align:center;} #link_grp span{ margin:3px; padding:3px; line-height:20px; text-decoration:none;} #link_grp span:hover{ text-decoration:none; background-color:#f0f0f0} .one{ font-size: 8px; font-weight:bold} .two{ font-weight:bold;} .three{ font-size:9px; font-weight:bold} .four{ font-size:10px;} /* footer **************************************************************/ #fooTer {background:url(../images/mEnu_bar_ine.jpg) repeat-x top; height:100%; clear:both; padding-top:5px;} #fooTer a{color:#666666;} #fooTer_div { margin:5px; background-color: #f0f0f0; font:10px/14px Verdana, Arial, Helvetica, sans-serif;} #fooTer_div dl{ width:17%; float:left; margin:0px; padding:0px 14px; background:url(../images/footer_dl_bg.gif) no-repeat top left; border-top:1px solid #fff; border-left:1px solid #fff;} #fooTer_div dd{ margin:0px; padding:0px;} #fooTer_div dt{ margin:0px 0px 0px 20px; padding:0px; font-weight:bold; color:#5b6f8e;} #fooTer_div dt a{ color:#5b6f8e; text-decoration:none;} #fooTer_div dd a{ margin:6px 0px; padding-left:12px; background: url(../images/footer_dd_arrow.gif) no-repeat left 5px; display: block;} .round_top { background: url(../images/tr.gif) no-repeat top right; vertical-align:top;} .round_btm { background: url(../images/br.gif) no-repeat top right; clear:both;} #fooTer_div img { display:block !important; width:6px; height:7px;} /* copyright **************************************************************/ #w3c {padding:4px 5px 25px 5px;} #w3c span{ float:left;} #w3c #hTml { background:url(../images/html.jpg) no-repeat; width:61px; height:14px; display:block; float: right; margin-left:10px;} #w3c #cSs{ background: url(../images/css.gif) no-repeat; width:48px; height:14px; display:block; float: right; margin-left:10px;} /* logo page **************************************************************/ #logo_dis { margin:5px 0px; padding:4px; position:relative;} #logo_dis ul,#logo_dis li{ margin:0px; padding:0px; list-style-type:none;} #logo_dis ul { display:block; clear:left;} #logo_dis li { display:block; float:left; width:33%; text-align:center;} #logo_dis li img{ border:1px solid #F7F7F7; margin:5px;} #logo_dis li img:hover{ border:1px solid #E7E7E7;} #pImage_div {position:absolute; left:40%; top:15%; z-index:2; display:none;} #pImage_div_iMg { border:1px solid #7d7e7e} /* website design banners **************************************************************/ .pbanner {background: url(../images/pbanner_bg.gif) #ecffb1 repeat-x; border-top: 6px solid #5b6f8e; margin:2% 4%; padding:1% 5%} .pbanner ul{ padding:0px 0px 0px 60px; background:url(../images/pbanner_rite_bg.png) no-repeat top right; margin:0px;} .btn_contact { background: url(../images/btn_contact.png) no-repeat; display:block; width:122px; height:36px; margin:10px 0px 0px 100px} .pbanner h3{font:bold 18px Arial; color:#0499cc;} .pbanner li{ list-style-type:none; background: url(../images/pbanner_arrow.png) no-repeat left 6px; padding:3px 0px 3px 30px; margin:0px;} /* wordpress BLOG **************************************************************/ #blog {margin:2% 5%;} #sidebar {width:22%; margin-right:4px; padding:4px 4px 4px 3%; float:right; border-left:1px dashed #DFDFDF;} #sidebar ul,#sidebar ol,#sidebar li{ list-style-type:none; padding:0px; margin:0px;} #sidebar ul { margin:4px 2px 4px 20px; line-height:20px;} #searchform { margin:5px 0px;} #searchsubmit {border:none; background-color:#00a6d3; width:auto; font:bold 11px Arial, Helvetica, sans-serif; margin-top:5px; color:#FFFFFF; } #s, #Uname, #Pword { background: url(../images/lOgin_in_bg.jpg) repeat-x; width:70%; margin:3px 0px; border:1px solid #dfdfdf; line-height:16px;} /* forum **************************************************************/ #forum {border:3px solid #0499cc;} #forum ul,#forum li { margin:0px; padding:0px; list-style-type:none;} #forum li { clear:both; display:block;} #forum hr{ clear:both; margin:4px 0px; width:100%} .forum_topics_heads { color:#FFFFFF; display:block; margin:0; background-color:#0499cc; height:20px; line-height:20px;} dt.forum_nm,dd.topics,dd.posts,dd.lPost{ margin:0; padding:0 3px; float:left; display:block;} .forum_topics { color:#000; margin:0; line-height:16px;} dt.forum_nm { width:44%; background:url(../images/forum_read_subforum.gif) no-repeat 3px center; padding-left:6%} dt.forum_nm a{ font-weight:bold; text-decoration:none;} dt.forum_nm a span{ font-weight:normal; color:#000000;} dd.topics { width:10%; text-align:center;} dd.posts { width:10%; text-align:center;} dd.lPost { width:26%; text-align:left;} .forum_sub { background-color:#FFFFFF; margin:0;} .forum_sub:hover {background-color:#e5faff;} /* sitemap **************************************************************/ .site_map { margin:0px; padding:0px 0px 0px 70px; line-height:20px; float:left; display:block; width:35%;} .site_map dd{ margin-left:12%; padding-left:25px; background:url(../images/site_map_arrow.gif) no-repeat left 8px;} .site_map dt{ margin-top:8px; padding-left:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/footer_dl_bg.gif) no-repeat left 4px;} .site_map dt a{ color:#000000; text-decoration:none;} /* career **************************************************************/ #career_wrap { margin:0px 20px;} .career dd{margin:5px 0px 5px 40px; padding-left:25px; background:url(../images/site_map_arrow.gif) no-repeat left 4px;} .career dt{ margin-top:8px; padding-left:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; background:url(../images/footer_dl_bg.gif) no-repeat left 4px;} .blog-box { padding:4px; margin:4px; background-color:#f0f0f0; border:1px solid #e1e1e1; clear:both; height:100%;} .blog-box span { padding:2px 10px; border-left:5px solid #00A6D3;font:bold 13px Arial, Helvetica, sans-serif; color:#5b6f8e; display:block;border-bottom:2px solid #e1e1e1;} .blog-box ul{ padding:0; margin:0; list-style-type:none;} .blog-box li{ float:left; width:321px;} #blog_coNtent_left {width:660px; float:left;} .banner { text-align:center;background-color: #FF6699; line-height:150px; font-size:xx-large; color:#FFFFFF;} .review { background-color:#fff; padding:4px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .review img{ float:left; width:80px; height:80px; margin:2px 6px 2px 2px;} #blog_coNtent_right {width:320px; float:right;} #blog_coNtent_right .video{ text-align:center;} .blog-box div.archives{ background-color:#fff; padding:5px;} .blog-box dl{ padding:0; margin:0 0 0 10px;} .blog-box dt{ padding:8px 0 0 0; margin:0; color:#0499cc; font-weight:bold;} .blog-box dd{ padding:0; margin:5px 0 5px 14px;} /* for banners slide show */ .ind-banner { text-align:center; border:3px solid #CCCCCC;} .ind-banner img{border:2px solid #fff; width:99.4%;} #slideshowContainer{ } #slideshowContainer img { } #numberDiv { text-align:right; padding-right:20px; } #numberDiv a{ font: bold 14px Arial; text-decoration: none; margin:0px 3px; } #imageContainer { height:154px; } #imageContainer img { display:none; position:absolute; top:0px; left:0px; height:150px; width:695px; opacity: -0.01; }