/* CSS Document */

body {margin:0; padding:0; background-color:#000000; font:14px/18px Arial, Helvetica, sans-serif; color:inherit;}

div, p, h1, h2, h3, form, label, input { margin:0; padding:0;}

.spacer {font-size:0; line-height:0; clear:both;}

img{
	border:none;
	}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
a {outline:0;}	


/*-------------------Main Container-------------------------------*/ 

#mainCon { width:995px; margin:0 auto;}

#headerPanel { background:url(images/logopanelbg.jpg) left top no-repeat; padding:23px 0 0 0; height:188px;}

#headerPanel .logoPanel img { margin:0 0 0 377px;}


/*--------------------Menu start here-------------------------------*/


.menuPanel { padding:0 0 0px 22px;}

.menuPanel ul {padding:10px 0 0 73px; margin:0 auto;}

.menuPanel ul li { padding:0 48px 0 0; float:left; position:relative;}

.menuPanel ul li a span {  width:95px; height:68px; display:block; cursor:pointer; margin:0 auto; z-index:100;}

.menuPanel ul li a:hover span  { background:url(images/menuhover1.jpg) 50% 100% no-repeat;}

.menuPanel ul li.active a span  { background:url(images/menuhover1.jpg) 50% 100% no-repeat;}


.menuPanel ul li a.home { background:url(images/home.jpg) 10px 0 no-repeat; width:75px; height:68px; display:block; text-indent:-20000px; }

.menuPanel ul li a.home:hover, .menuPanel ul li.active a.home { background:url(images/home-h.jpg) 10px 0 no-repeat;}




.menuPanel ul li a.services { background:url(images/services.jpg) left top no-repeat; width:76px; height:68px; display:block; text-indent:-20000px; }

.menuPanel ul li a.services:hover, .menuPanel ul li.active a.services { background:url(images/services-h.jpg) left top no-repeat;}


.menuPanel ul li a.addiService { background:url(images/addiservice.jpg) left top no-repeat; width:174px; height:68px; display:block; text-indent:-20000px; }

.menuPanel ul li a.addiService:hover, .menuPanel ul li.active a.addiService { background:url(images/addiservice-h.jpg) left top no-repeat;}


.menuPanel ul li a.customerSupport { background:url(images/customer-support.jpg) left top no-repeat; width:165px; height:68px; display:block; text-indent:-20000px; }

.menuPanel ul li a.customerSupport:hover, .menuPanel ul li.active a.customerSupport { background:url(images/customer-support-h.jpg) left top no-repeat;}


.menuPanel ul li a.about { background:url(images/about.jpg) left top no-repeat; width:61px; height:68px; display:block; text-indent:-20000px; }

.menuPanel ul li a.about:hover, .menuPanel ul li.active a.about { background:url(images/about-h.jpg) left top no-repeat;}


/*--------------------Menu end here-------------------------------*/


/*---------------------Mid Header start here------------------------*/

#midheader { background:url(images/midheader.jpg) left top no-repeat; width:995px; height:70px; text-indent:-20000px;}

/*---------------------Mid Header end here------------------------*/

/*------Body panel start here----------------------------------------*/

#bodyPanel { background:url(images/bodybg.jpg) left top no-repeat #000; padding:0 33px 0 25px; font:14px/20px Arial, Helvetica, sans-serif; color:#000000;}

#bodyPanel .bodyInner { background-color:#fff; padding:23px 11px 23px 32px; float:left;}

#bodyPanel .bodyInner .leftPanel { float:left; width:410px; font:14px/20px Arial, Helvetica, sans-serif; color:#000000; padding:0 25px 0 0; }

#bodyPanel .bodyInner .leftPanel h2 { font:1.8em Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 12px 0; }



#bodyPanel .bodyInner .rightPanel { float:left; width:457px; position:relative; }

#bodyPanel .bodyInner .rightPanel .innerDiv { width:425px; height:245px; margin:0 auto; }

#bodyPanel .bodyInner .rightPanel .innerDiv img { border:13px solid #3A2514; } 



#bodyPanel .bodyInner .midPanel { background:url(images/midbg.jpg) left top repeat-x #2F1F10; border:1px solid #8A582E; width:806px; padding:19px 24px 20px 47px; margin:6px 0 0 0;}

#bodyPanel .bodyInner .midPanel .leftSec { width:410px; float:left; text-align:center; }

#bodyPanel .bodyInner .midPanel .leftSec p { font:14px/20px Arial, Helvetica, sans-serif; font-weight:bold; color:#EECB62;}

#bodyPanel .bodyInner .midPanel img.marLeft { margin:12px 0 0 38px; float:left;}


#bodyPanel .bodyInner .midPanel .leftSec form { margin:10px 0 0 0; background:url(images/formbg.jpg) left top no-repeat; width:386px; padding:13px 0 16px 26px; float:left;}

#bodyPanel .bodyInner .midPanel .leftSec form select.big { width:80px; height:20px; font:10px Arial, Helvetica, sans-serif; color:#000; float:left; margin:0 3px 0 0;}

#bodyPanel .bodyInner .midPanel .leftSec form select.small { width:55px; height:20px; font:10px Arial, Helvetica, sans-serif; color:#000; float:left; margin:0 3px 0 0;}

#bodyPanel .bodyInner .midPanel .leftSec form select.marSmall { margin:0 14px 0 0;}


#bodyPanel .bodyInner .midPanel .leftSec form .submit { background:url(images/check.jpg) left top no-repeat; border:0; cursor:pointer; width:142px; height:26px; display:block; font:14px Arial, Helvetica, sans-serif; color:#FFF8D6;}


#maincontent { width:420px; float:left; margin-right:20px; }
#maincontent p { padding:5px 0 0 0; line-height:1.2em; }
#maincontent h1 { font-size:2em; padding-bottom:10px; }
#maincontent h2 { font-size:1.5em; padding-top:10px;}
#maincontent h3 { font-weight:bold; font-size:1.3em; padding-top:10px; }

#maincontent ul { list-style-type: disc; list-style-position: inside; }
#maincontent ul li { text-indent:5px; padding-left:10px; }



#bodyPanel .bodyInner .bottomPanel { background:url(images/greybg.jpg) left top repeat-x; margin:0 15px 0 0; padding:30px 0 0 19px; width:860px;}

#bodyPanel .bodyInner .bottomPanel h2 { font:20px/24px Arial, Helvetica, sans-serif; }

#bodyPanel .bodyInner .bottomPanel .box {float:left; padding:11px 0 0 0;}

#bodyPanel .bodyInner .bottomPanel .wid { width:383px;}

#bodyPanel .bodyInner .bottomPanel .widRight { width:383px;}

#bodyPanel .bodyInner .bottomPanel .padRight { padding:11px 35px 0 0;}

#bodyPanel .bodyInner .bottomPanel .padLeft { padding:11px 13px 0 22px;}

#bodyPanel .bodyInner .bottomPanel .box p{ font:14px/18px Arial, Helvetica, sans-serif; color:#000000; padding:0 0 11px 0;}

#bodyPanel .bodyInner .bottomPanel .box p span {font: bold 12px/16px Arial, Helvetica, sans-serif; color:#AB6721; display:block;}

#bodyPanel .bodyInner .bottomPanel .box p a {font: bold 12px/16px Arial, Helvetica, sans-serif; color:#AB6721; text-decoration:underline;}

#bodyPanel .bodyInner .bottomPanel .box p a:hover {text-decoration:none;}

#bodyPanel .bodyInner .bottomPanel a.become { background:url(images/be-fan.jpg) left top no-repeat; width:142px; height:50px; font: 14px/25px Arial, Helvetica, sans-serif; color:#FFD55A; text-decoration:none; display:block; text-align:center
;}

#bodyPanel .bodyInner .bottomPanel a.become:hover { color:#DEA603;}


#bodyPanel .bodyInner .bottomPanel a.more { background:url(images/more.jpg) left top no-repeat; padding:0 12px 0 29px; font:18px/23px Arial, Helvetica, sans-serif; color:#2F1F10; text-decoration:none; float:right; margin:12px 0 0 0;}

#bodyPanel .bodyInner .bottomPanel a.more:hover { color:#CFA427;}




/*------Body panel end here----------------------------------------*/


/*-------------footer start here-----------------------------------*/

#footer { padding:20px 0 0px 22px; font:11px Arial, Helvetica, sans-serif; color:#fff;}

#footer img {float:left;}

#footer p {float:right; width:700px; text-align:right; padding:0 30px 0 0;}

#footer p a { font:12px/16px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:0 7px;}

#footer p a:hover { color:#DFB535;}

#footer p span {padding:10px 0 0 0; display:block;}


/*-------------footer end here-----------------------------------*/