/* CSS Document */ a:active { outline:none;} a:focus{ outline:none;} body{ margin:0; padding:0; font: normal 12px/18px Arial, Helvetica, sans-serif; background:#000000; } * html{margin:0; padding:0; } img{ border:none;} /*--- Main Div & Common Styles ---*/ #wrapper { width:830px; height:auto; margin:0 auto; padding:0;} /*--- Header ---*/ #header { width:830px; height:216px; margin:0; padding:0; float:left; background:url(../images/hd_img.jpg) top right no-repeat;} #logo { width:102px; height:137px; float:left; margin-top:40px; padding:0;} #slogn { width:440px; height:auto; float:left; margin-top:80px; padding-left:15px; font: italic normal 22px/30px "Times New Roman", Times, serif; color:#ffffff; } /*--- Navigation ---*/ #nav { width:830px; height:46px; margin-bottom:20px; padding:0; background:url(../images/menu_bg.jpg) 0 0 no-repeat; float:left; list-style:none;} #nav ul { margin:0; padding:0; list-style:none;} #nav ul li { margin:0; padding:0; float:left; background:url(../images/nav_devider.jpg) right center no-repeat; list-style:none;} #nav ul li a{ margin:0; padding:0 25px;float:left; font: normal 12px/46px Arial, Helvetica, sans-serif; color:#ccc; text-transform:uppercase; text-decoration:none; display:inline; text-align:center;} #nav ul li a.dp{ padding:0 25px; } #nav ul li.hme a:hover, #nav li a.act{ margin:0; padding:0 25px; float:left; text-decoration:none; background:url(../images/menu_bg.jpg) 0px -40px no-repeat; color:#FF6600; } #nav ul li.cntct { background-image:none;} #nav ul li.cntct a { padding:0 25px;} #nav ul li.cntct a:hover, #nav ul li a.act_cnt{ margin:0; float:left; text-decoration:none; background:url(../images/test_menu.JPG) -701px -46px no-repeat; color:#FF6600; } #nav ul li a:hover, #nav ul li a.act_all{ margin:0; padding:0 25px;float:left; text-decoration:none; background:url(../images/test_menu.JPG) -20px -46px no-repeat; color:#FF6600; } #nav ul li a.act_alldp{ margin:0; padding:0 25px; float:left; text-decoration:none; background:url(../images/test_menu.JPG) -20px -46px no-repeat; color:#FF6600; } @media screen and (-webkit-min-device-pixel-ratio:0) { #nav ul li a{ margin:0; padding:0 25px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:46px; color:#ccc; text-transform:uppercase; text-decoration:none; display:inline; } #nav ul li a:hover, #nav ul li a.act_all{ margin:0; padding:0 25px 0 24px; float:left; text-decoration:none; background:url(../images/test_menu.JPG) -20px -46px no-repeat; color:#FF6600; } #nav ul li.cntct a { padding:0 5px; } #nav ul li.cntct a:hover, #nav ul li a.act_cnt{ margin:0; padding:0 5px; float:left; text-decoration:none; background:url(../images/test_menu.JPG) -717px -46px no-repeat; color:#FF6600; } #nav ul li.hme a { padding:0 21px;} #nav ul li.hme a:hover, #nav li a.act{ margin:0; padding:0 21px; float:left; text-decoration:none; background:url(../images/test_menu.JPG) 0px -46px no-repeat; color:#FF6600; } } /*--- Dr. section ---*/ #dr_box { width:810px; height:200px; margin-bottom:20px; padding:10px 0 0 20px; float:left; background:url(../images/dr_bg.jpg) 0 0 no-repeat;} #dr_box h4 { font: bold 21px/32px "Times New Roman", Times, serif; color:#EE6103; padding:0; margin:0;} #dr_box p { width:570px; font: normal 17px/20px "Times New Roman", Times, serif; color:#ffffff; padding:0; margin:0;} #dr_box img { width:225px; height:65px; margin:0; padding-top:5px;} #dr_box a:hover img { opacity: 0.7;filter:alpha(opacity=70)} /*--- text Container ---*/ #container {width:830px; height:auto; margin:0; padding:0; float:left; } /*--- Left Container ---*/ #left_cont{ width:250px; height: auto; margin:0; padding:0; float:left;} .bttm_img { width:250px; height: auto; margin-top:20px; float:left; text-align:right;} .img_box { width:250px; height:auto; margin-bottom:13px; padding:0; float:left; text-align:left;} .img_box a{ font: bold 12px/20px Arial, Helvetica, sans-serif; color:#FF6600;} .img_box a:hover img, .img_box a:hover { opacity: 0.7; filter:alpha(opacity=70); color:#fff;} /*--- Left form Container ---*/ .form_box { width:235px; height:auto; margin-bottom:15px; padding-left:15px; float:left; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#ccc;} .form_box h4 { font: italic bold 22px/40px "Trebuchet MS", Times, serif; color:#fff; padding:0; margin:0;} .form_box input { width:210px; border:1px solid #666; background:#333; font: normal 14px/20px "Trebuchet MS", Times, serif; color:#EE6103; margin-bottom:10px; padding-left:5px;} .form_box input.s_bttn { width:60px; border:1px solid #666; background:#333; font: bold 12px/18px "Trebuchet MS", Times, serif; color:#fff; margin:0 18px 6px 0; padding-right:5px; text-transform:uppercase; float:right; text-align:center; overflow:hidden;} .form_box textarea { min-height:60px; width:210px; border:1px solid #666; background:#333; font: normal 14px/22px "Trebuchet MS", Times, serif; color:#EE6103; margin-bottom:6px; padding-left:5px;} /*--- Side Menu ---*/ .img_box ul { margin:0; padding:0; list-style:none;} .img_box ul li { float:left; margin:0 0 8px 15px;} .img_box ul li a { float:left; width:200px; /*height:28px;*/ font: normal 14px/28px Arial, Helvetica, sans-serif; border:1px solid #999; background:#292929 url(../images/menu_arrw.jpg) 5px 8px no-repeat;color:#ccc; padding-left:20px; text-decoration:none;} .img_box ul li a:hover, .img_box ul li a.show { font: bold 14px/28px Arial, Helvetica, sans-serif; color:#fff;} /*--- Side Menu (sub) ---*/ .img_box ul li ul { margin:10px 0 0 0; padding:0; list-style:none; float:left;} .img_box ul li ul li {float:left; width:200px; /*height:28px;*/ margin:0 0 0 15px; font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff;} .img_box ul li ul li a { float:left; width:200px; font: normal 12px/28px Verdana, Arial, Helvetica, sans-serif; color:#ccc; border:none;background-image:none; background-color:#000; text-decoration:none; margin:0 0 0 0; padding:0; } .img_box ul li ul li a.line2 { line-height:18px;} .img_box ul li ul li a:hover { color:#fff; font-weight:bold;} /*--- Right Container ---*/ #right_cont{width:560px; height: auto !important; margin-left:14px; padding:0; float:left;} #right_cont h3 { font: bold 22px/30px Arial, Helvetica, sans-serif; text-align:left; color:#fff; padding:0; margin:0;} #right_cont p { /*min-width:225px;*/ font: normal 12px/20px Arial, Helvetica, sans-serif; text-align:left; color:#fff; padding-right:20px; margin:0;/* float:left;*/ } #right_cont p a {font: normal 12px/20px Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:none;} #right_cont .p ul { margin:10px 0 0 0; padding:0;} #right_cont .p ul li { margin:0; padding:0px; font: normal 12px/26px Arial, Helvetica, sans-serif; color:#FF6600; list-style:none; /*background:url(../images/o_arrw.jpg) 0 6px no-repeat;*/} #right_cont .p ul li a { margin:0; padding:0; font: normal 12px/26px Arial, Helvetica, sans-serif; color:#FF6600;} #right_cont .p ul li a:hover { color:#fff; text-decoration:none; padding:0;} #right_cont p span { width:329px; height:auto; margin:0; padding:0 0 15px 15px; float:right; text-align:right;} #right_cont p strong { width:286px; height:auto; margin:0; padding:0 0 15px 15px; float:right; text-align:right;} #right_cont .bttm_img { width:560px; height: auto; margin-top:20px; float:left; text-align:right;} #right_cont .bttm_img a:hover img { opacity: 0.7; filter:alpha(opacity=70)} #right_cont .bttm_img span { width:320px; height: 58px; padding:0px; margin:0; float:right;} #right_cont hr { width:560px; /*border-bottom:1px solid #999999;*/ margin:20px 0; padding:0; float:left; background:none; } #right_cont h2 { width:400px; font: bold 12px/28px Arial, Helvetica, sans-serif; color:#FF6600; margin:0; padding:0; float:left;} #right_cont h4 { width:559px; font: bold 12px/32px Arial, Helvetica, sans-serif; color:#FF6600; background:url(../images/dot_bg.jpg) 0 30px repeat-x; margin:20px 0; padding:0; float:left;} #right_cont .imgs { min-width:140px; min-height:145px; padding:3px; border:1px solid #333; float:left; text-align:center; margin-right:20px;} #right_cont .txt_bx { min-width:316px; height:auto; margin:0; padding:0; float:left; text-align:left;} #right_cont .txt_bx p { margin:0; padding:0;} #right_cont .tbx_hme { width:228px; height:auto; margin:0; padding:0; float:left; text-align:left;} #right_cont .bttm_img ul { margin:0; padding:0; list-style:none;} #right_cont .bttm_img ul li { font: normal 12px/26px Arial, Helvetica, sans-serif; color:#fff; text-align:left; margin:0; padding:0;} #right_cont .bttm_img ul li b { font: bold 12px/26px Georgia, "Times New Roman", Times, serif ; color:#FF6600; text-align:left; margin:0; padding-right:10px;} #right_cont p strong { text-decoration:underline; line-height:30px;} #right_cont p b { text-decoration:underline; line-height:30px;} #right_cont .gry_bx { width:528px; height: auto; padding:15px; margin-top:20px; text-align:center; float:left; background:#2a2a2a; border:1px solid #8c8c8c;} #right_cont h1 {font: bold 12px/30px Arial, Helvetica, sans-serif; text-align:left; color:#fff; padding-right:20px; margin:0; text-decoration:underline;} /*--- Inner page Container ---*/ #inner_title { width:560px; height:auto; float:left; margin-bottom:20px; border-bottom:1px solid #666; float:left;} #inner_title h1 { min-width:310px; float:left; font: normal 18px/30px Arial, Helvetica, sans-serif; color:#fff; text-align:left; margin:0; padding:0; text-decoration: none; } #inner_title h5 { min-width:310px; float:left; font: normal 18px/30px Arial, Helvetica, sans-serif; color:#fff; text-align:left; margin:0; padding:0; } #inner_title h6 { min-width:200px; float:right; font: normal 11px/30px Arial, Helvetica, sans-serif; color:#999; text-align:right; margin:0; padding:0; } #inner_title h6 a { color:#fff; text-decoration:none;} #inner_title h6 a:hover { color:#D65500; text-decoration:none;} #inner_title ul {min-width:310px; margin:0; padding:0; float:right; text-align:right; font: bold 11px/20px Arial, Helvetica, sans-serif; color:#FF6600;} #inner_title ul li, #inner_title ul li a { margin:0; padding:2px 3px; list-style:none; display: inline; font: bold 11px/20px Arial, Helvetica, sans-serif; color:#FF6600;} #inner_title ul li a:hover, #inner_title ul li a.stay { margin:0; padding:2px 3px; display: inline; font: bold 11px/20px Arial, Helvetica, sans-serif; color:#fff; background:#FF6600; text-decoration:none;} /*--- Footer Container ---*/ #footer { width:830px; height:55px; margin: 0 auto; padding-top:20px;/* float:left;*/ clear:both;} .ftr_blck, .ftr_gray { font:normal 11px/18px Arial, Helvetica, sans-serif; color:#000; text-align:left;} .ftr_gray a { font:normal 11px/18px Arial, Helvetica, sans-serif; color:#ccc; text-align: center; text-decoration:none; padding:0 5px;} .ftr_gray a:hover { color:#000000;} /* --- contact box ----*/ #ftr_contact{ width:830px; min-height:55px; height:auto; float:left; margin-top:20px; padding:0px;} #form_cnt{ width:500px; height:auto; margin:0; padding:0;} #form_cnt ul { margin:0; padding:0;} #form_cnt ul li{list-style:none; width:500px; text-align:left; float:left; margin:6px;} #form_cnt ul li input, #form_cnt ul li textarea, #form_cnt ul li select {border:#666 1px solid; width:180px; font: normal 12px/20px Arial, Helvetica, sans-serif; color:#ccc; margin:2px 0 0; padding:2px 0; background:#333;} #form_cnt ul li span{width:210px; float:left; text-align:right; padding-right:20px; font: bold 12px/22px Arial, Helvetica, sans-serif; color:#fff; margin:0;} #form_cnt ul li p{width:310px; float:right; text-align:center; padding-right:20px; font: bold 12px/22px Arial, Helvetica, sans-serif; color:#fff; margin:0;} #form_cnt ul li input.send { width:55px; font: bold 12px/20px Arial, Helvetica, sans-serif; color:#ccc; margin-right:15px;} #form_cnt ul li textarea.ht { min-height:100px;} /* rounded corner */ .c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;} .c1 {height:1px; background:#555; margin:0 5px; background:#555;} .c2 {height:1px; border-right:2px solid #555; border-left:2px solid #555; margin:0 3px; background:#555;} .c3 {height:1px; border-right:1px solid #555; border-left:1px solid #555; margin:0 2px; background:#555;} .c4 {height:2px; border-right:1px solid #555; border-left:1px solid #555; margin:0 1px; background:#555;} .contentb1 { min-height:40px; border-right:1px solid #555; border-left:1px solid #555; background-color:#555; color:#333; font-weight:normal; padding-bottom:10px; text-align:center; } .contentb1 ul { margin:0; padding:10px 0 0 20px; width:800px; float:left;} .contentb1 ul li { float:left; margin:0; min-width:150px; padding:0; list-style:none;} .contentb1 ul span { padding-left:50px; float:left;} /*10 December 2009*/ .cele-smiles {float:right; width:320px; margin:16px 0;} /*Needed list css*/ .nul1 { color: #FFFFFF; }