/* --------------------------------CSS Document --------------------------------*/ body { color: #0f0f0f; background: #000 url("images/bg.gif") repeat-x; margin: 0; padding: 0 } a /* removes dotted links lines */ { outline: none medium } focus /* removes dotted links lines */ { -moz-outline-style: none } div, ul, h1, h2, h3, h4, p, img, form{ padding: 0; margin: 0 } ul{ list-style-type: none } .blank{ font-size: 0px; clear: both; line-height: 0px } /*--------------------------------Header Pan--------------------------------*/ #headerPan { background: url("images/header_pic.jpg") no-repeat; margin: 0 auto; width: 950px; height: 350px } #headerPan ul { display: block; margin: 0 auto -15px; padding: 0 0 0 60px; width: 900px; height: 35px } #headerPan ul li { display: block; margin: 0 0 0 0; padding: 5px 0 0; height: 35px; float: left } #headerPan ul li a { color: #c3c3c3; font: 10px/21px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("images/nav_bg.png"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin: 0; padding: 25px 22px 14px; height: 35px; border-right: 1px solid #777; border-bottom: 1px solid #666 } #headerPan ul li a.lined { color: #c3c3c3; font: 10px/21px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("images/nav_bg.png"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin: 0; padding: 25px 21px 14px; height: 35px; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 1px solid #666 } #headerPan ul li a:hover { color: #8ca1b6; font-style: normal; font-weight: normal; background-color: black; background-image: url("images/nav_bg_hover.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize } #headerPan h1 { color: aqua; background: url("images/extra_placement.png") no-repeat; text-indent: -2000px; display: block; margin: 60px 0 -500px 615px; padding: 0; width: 350px; height: 350px } /*--------------------------------Main Body--------------------------------*/ #mainBody { margin: 24px auto 0; width: 850px } /*--------------------------------Left Side--------------------------------*/ #leftPan { color: #919191; background-color: #333333; margin-top: -50px; margin-left: 15px; padding: 0; width: 200px; float: left } #leftPan p.top { font-size: 0; background: black url("images/left_side_up.gif") no-repeat left bottom; display: block; margin: 0 0 0; padding: 0; height: 15px } #leftPan p.bottom { font-size: 0; background: black url("images/left_side_down.gif") no-repeat left bottom; display: block; margin-bottom: 0; padding: 0; height: 20px } #leftPan h2 { color: #696969 !important; font: 400 18px/35px Arial, Verdana, Helvetica, sans-serif; background-color: #333333; display: block; margin: 0 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } .icon1 { color: #696969 !important; font: 20px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: 0 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } .icon2 { color: #696969 !important; font: 20px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: 0 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } .icon3 { color: #696969 !important; font: 20px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: 0 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } .icon4 { color: #696969 !important; font: 20px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: 100px 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } .icon5 { color: #696969 !important; font: 20px/35px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 8px 0; text-transform: capitalize; display: block; margin: 100px 0 0 8px; padding: 0 0 0 47px; width: 145px; height: 35px } #leftPan ul { font-size: 0; background-color: #333333; display: block; margin: 10px 0 10px 30px; width: 170px } .black { font-variant: normal; background-color: black; background-image: none; background-repeat: repeat; background-position: 0 0; display: block; margin: 0 0 0; padding: 0; width: 200px; height: 65px } #leftPan ul li { background-color: #333333; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 9px; display: block; margin-left: 0; padding: 0 0 0 8px; height: 30px } #leftPan ul li a { color: #c3c3c3; font: 10px/30px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background: #333333 url("images/left_side_arrow.gif") no-repeat 0 9px; text-transform: capitalize; display: block; margin-left: 2px; padding-left: 15px } #leftPan ul li a:hover { color: #8ca1b6; background-image: url("images/left_side_up_hover.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin-left: 2px } /*--------------------------------Right Side--------------------------------*/ #rightPan { margin: 0; padding: 0; float: right } #rightPan h2 { display: block; margin: 0; padding: 0; width: 450px; height: 95px; float: left } #rightPan h2.about { color: #414141; font-size: 36px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 64px; text-transform: capitalize; display: block; margin: -60px 0 0 25px; padding: 0; width: 425px; height: 35px } #rightPan p.hig { color: #696969; font: bold 12px/20px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 25px 10px; text-align: justify; display: block; margin: 0; padding: 18px 25px 10px 60px; width: 515px } #rightPan p { color: #919191; font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif; background-color: #333333; text-align: justify; display: block; margin: 0; padding: 5px 25px 20px; width: 550px } #rightPan p span { color: #696969; font-size: 11px; font-style: normal; font-weight: bold; line-height: 20px; background-color: #333333; text-align: justify; display: block; margin: 15px 0 -60px; padding: 10px 0 } #rightPan p.less { color: #919191; background: #333333 url("images/left_side_down_large.gif") no-repeat left bottom; margin: 0; padding: 0 25px; width: 550px; height: 8px } #rightPan p.more { color: #fff; background: #333333 url("images/left_side_down_large.gif") no-repeat left bottom; margin: 0 0 15px; padding: 5px 25px 15px; width: 550px; height: 25px } #rightPan p.moreads { color: #fff; background: #333333 url("images/left_side_down_large.gif") no-repeat left bottom; margin: 0; padding: 0 25px; width: 550px; height: 10px } #rightPan p.more a { color: #c3c3c3; font: 10px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: transparent; background-image: url("images/right_side_link.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: center; text-transform: capitalize; display: block; margin: 0 0 0 10px; padding: 7px 0 0; width: 150px; height: 25px; float: right } #rightPan p a:hover { color: #8ca1b6; text-decoration: none; background-image: url("images/right_side_link_hover.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; margin: 0 0 0 10px; padding: 7px 0 0 } #rightPan h3 { color: #414141; font: 32px/64px Arial, Verdana, Helvetica, sans-serif; text-transform: capitalize; display: block; margin: 15px 0 20px 25px; padding: 5px 0; width: 550px; height: 35px } #rightPan h4 { color: #414141; font: 32px/64px Arial, Verdana, Helvetica, sans-serif; text-transform: capitalize; display: block; margin: 0 0 -10px 25px; padding: 5px 0 0; width: 550px; height: 35px } #rightPan p.topper { color: #0f0f0f; font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/left_side_up_large.gif") no-repeat; text-align: justify; display: block; margin: 0; padding: 0; width: 600px; height: 8px } #rightPan p.hig1 { color: #696969; font: bold 12px/20px Arial, Verdana, Helvetica, sans-serif; background: #333333 url("images/icon_06.png") no-repeat 25px 10px; text-align: justify; display: block; margin: 0; padding: 18px 25px 10px 60px; width: 515px } #rightPan ul { background: #333333 url("images/left_side_up_large.gif") no-repeat left top; display: block; margin: 35px 0 0; padding: 0; width: 600px; height: 8px } #rightPan ul li { text-align: center; display: block; margin-top: 8px; margin-bottom: -8px; padding-top: 10px; padding-right: 25px; padding-left: 25px; width: 150px; height: 40px; float: left } #rightPan ul li.base1 { background-color: #333333; display: block } #rightPan ul li.base1 a { color: #c3c3c3; font: 10px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: transparent; background-image: url("images/right_side_link.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; display: block; margin: 0 0 -25px; padding: 7px 0 0; height: 50px } #rightPan ul li.base1 a:hover { color: #8ca1b6; text-decoration: none; background-image: url("images/right_side_link_hover.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize } #rightPan ul li.base3 { background-color: #333333; display: block } #rightPan ul li.base3 a.bas { color: #c3c3c3; font: 10px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: transparent; background-image: url("images/right_side_link.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; display: block; margin: 0 0 -25px; padding: 7px 0 0; height: 30px } #rightPan ul li.base3 a.bas:hover { color: #8ca1b6; text-decoration: none; background-image: url("images/right_side_link_hover.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize } #rightPan ul li.base5 { background-color: #333333; display: block } #rightPan ul li.base5 a.bas { color: #c3c3c3; font: 10px/15px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: transparent; background-image: url("images/right_side_link.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; display: block; margin: 0 0 -25px; padding: 7px 0 0; height: 30px } #rightPan ul li.base5 a.bas:hover { color: #8ca1b6; text-decoration: none; background-image: url("images/right_side_link_hover.gif"); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize } #rightPan ul li p.bottom { background: #333333 url("images/left_side_down_large.gif") no-repeat; display: block; margin: -10px 0 0 -25px; padding: 0; width: 600px; height: 8px } /*--------------------------------Footer Pan--------------------------------*/ #footerMain { background: url("images/footer_bg.png") repeat-x center top; margin: 15px 0 0; padding: 0; width: 100% } #footer { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: -60px auto 0; padding: 85px 0 0; width: 950px; height: 75px } #footer ul { font-size: 0; display: block; margin: 0 auto; padding: 0 0 0 60px; width: 900px; height: 30px } #footer ul li { color: #919191; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; background-color: transparent; margin: -2px 0 0; padding: 0; float: left } #footer ul li a { color: #c3c3c3; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("images/footer_nav_bg.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize; padding: 12px 23px; height: 35px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #666 } #footer ul li a.lined { color: #c3c3c3; font: 10px/14px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; background-color: black; background-image: url("images/footer_nav_bg.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize; padding: 12px 23px; height: 35px; border: solid 1px #666 } #footer ul li a:hover { color: #8ca1b6; font-style: normal; font-weight: normal; text-decoration: none; background-color: black; background-image: url("images/footer_nav_bg_hover.png"); background-repeat: no-repeat; background-position: 0 bottom; text-transform: capitalize } #footer p { color: #8ca1b6; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: 14px; text-align: center; display: block; margin: 0; padding: 0; width: auto } #footer p.copy { color: #4b4b4b; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-variant: normal; font-weight: normal; line-height: 14px; display: block; margin: 20px 0 10px; padding: 0 0 0 225px; width: auto } #footer p.copy a { color: #4b4b4b; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 14px; text-decoration: none } #footer p.copy a:hover { color: #8ca1b6 }