/* CSS Document */

body {
margin:0px;
text-align:center;
background:url(images/backgroundimg.jpg) left top repeat-x;
height:auto;
background-color:#d3d3d3;
}

td {
height:1px;
}
#maidiv {
width:777px;
text-align:left;
height:103px;
margin:auto;
background-color:#FFFFFF;
}
#toplink {
height:57px;
text-align:right;
}
#bannerimg {
background:url(images/banner.jpg) left top no-repeat;
height:243px;
width:777px;
}
#contentare {
	position:relative;
	width:777px;
	height:auto;
	background-color: #FFFFFF;
}
#contentare3 {  /*/    This Contentare3 Div ID for Default Page     /*/
float:right;
position:relative;
width:545px;
height:auto;
}
#contentare2 {
float:right;
width:545px;
height:520px;
background:#FFFFFF;
text-align:left;
}
#leftimg {
float:left;
background:url(images/leftbottolimg.jpg) left top no-repeat;
height:520px;
width:232px;
}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Curve box 1										  */

/*////////////////////////////////////////////////////////////////////////////////////*/

#curveboxmain {
	position:relative;
	float:right;
	margin-right:2px;
	width:536px;
/*	background:url(images/curvboxtopbg.jpg) left top repeat-x;*/
	height:auto;
}
#curvebox {
	position:relative;
	float:right;
	margin-right:2px;
	width:536px;
	background:url(images/curvboxtopbg.jpg) left top repeat-x;
/*	height:500px;*/
}
#curvebox1{
position:relative;
width:536px;
background:url(images/curvboxleftbg.jpg) left top repeat-y;
}
#curvebox2 {
position:relative;
width:536px;
background:url(images/curvboxrightimg.jpg) right top repeat-y;
}
#curvebox3 {
position:relative;
width:536px;
background: url(images/curvboxbtmimg.jpg) left bottom repeat-x;
}

#curvebox4 {
position:relative;
width:536px;
background: url(images/curv1.jpg) left top no-repeat;
}
#curvebox5 {
position:relative;
width:536px;
background: url(images/curvboxleftbtmimg.jpg) left bottom no-repeat;
}
#curvebox6 {
position:relative;
width:536px;
background: url(images/curvboxrightbtmimg.jpg) right bottom no-repeat;
}
#curvebox7 {
position:relative;
width:536px;
background: url(images/curvboxrighttopimg.jpg) right top no-repeat;
height:209px;
}
#curvebox8 {
position:relative;
margin-left:10px;
margin-right:10px;
margin-right:10px;
margin-top:0px;
height:209px;
}
/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Curve box 1   end		 								  */

/*////////////////////////////////////////////////////////////////////////////////////*/

#rightarea{
float:right; width:337px; margin-right:3px; text-align:left;
margin-top:4px;
}
#footer {
position:relative;width:777px;float:left;margin-right:2px;height:60px;
padding-left:-3px;
/*background:url(images/yellow_fotter.jpg) left top repeat-x;line-height:30px; */text-align:center; background:#FFFFFF;

}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Curve box 2   start		 								  */

/*////////////////////////////////////////////////////////////////////////////////////*/
#newseventsarea  {
	position:inherit;
	width:536px;
	float:right;
	margin-right:2px;
	margin-top:10px;
	height:240px;
}
#newscoverarea {
/*position:relative;*/
float:left;
width:180px;
background:url(images/centercurve.jpg) left top repeat-y;
}
#newscoverarea2 {
/*position:relative;
float:left;*/
width:80px;;
background:url(images/centercurve.jpg) left top repeat-y;
}
#news{
float:left;
background:url(images/curvetop.jpg) left top no-repeat;
height:13px;
width:180px;
background-color:#ffffe4;
}
#news2{
float:left;
background:url(images/centercurve.jpg) left top repeat-y;
height:auto;
width:180px;
background-color:#ffffe4;
}
.news2{
background:url(images/centercurve.jpg) left top repeat-y;
}
#news3{
float:left;
background:url(images/curvbtm.jpg) bottom left no-repeat;
height:13px;
width:180px;
}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Curve box 2   end		 								  */

/*////////////////////////////////////////////////////////////////////////////////////*/


.text1 {
font-family:Arial;
font-size:12px;
color:#155282;
font-weight:bold;
}

.text2 {
font-family:Arial;
font-size:12px;
color:#333333;
/*font-weight:bold;*/
margin-top:5px;
text-align:justify;
line-height:15px;
}

.text3 {
font-family:Arial;
font-size:11px;
color:#0066CC;
/*font-weight:bold;*/
margin-top:3px;
text-align:left;
text-decoration:none;
}
.text3:hover {
color:#333333;
}

.text4bold {
font-family:Arial;
font-size:12px;
color:#333333;
font-weight:bold;
}
.text4normal {
font-family:Arial;
font-size:11px;
color:#666666;
}
.text4normal2 {
font-family:Arial;
font-size:11px;
color:#000000;
}
.text4normal2ita {
font-family:Arial;
font-size:11px;
color:#333333;
/*font-style:italic;*/
font-weight:bold;
}
.textlinksmall {
font-family:Arial;
font-size:11px;
color:#666666;
text-decoration:none
}
.textlinksmall:hover {
font-family:Arial;
font-size:11px;
color:#333333;
}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							menu not In use									  */

/*////////////////////////////////////////////////////////////////////////////////////*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
color:#FFFFFF;
width: 160px; /* Width of Menu Items 

border-bottom: 1px solid #ccc;*/
}
	
.suckerdiv ul li{
position: relative;
font-family:Arial;
font-size:12px;
/*background-color:#FFFFFF;*/
color:#FFFFFF;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
/*background-color:#FFFFFF;*/
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #999900;
padding: 4px 5px 4px;
/*border: 1px solid #ccc;*/
border-bottom: 0;
color:#FFFFFF;
font-weight:bold;
}

.suckerdiv ul li a:visited{
color: none;
background-color:#90ba28;
}

.suckerdiv ul li a:hover{
background-color: #000000;
}

.suckerdiv .subfolderstyle{
background-color:#ffffff;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

}

#about {background:#62728a;}#product {background:#90ba28;}#services {background:#d43329;} #faq {background:#00aeff;}#buynow {background:#108b19;}
#press {background:#f7a300;} #download {background:#be05fb;}

.rollrover {
background-color:#000000;
}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							menu End									  */

/*////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////*/

/*							New menu Style Start									  */

/*////////////////////////////////////////////////////////////////////////////////////*/

#menuleft{width:160px;text-align:left; }
#menuleft a{display:block; font-family:Arial; font-size:11px; font-weight:bold; text-align:left; padding-top:3px; padding-bottom:1px; height:24px;} /*font:normal 11px/26px Arial; */
#menuleft a{text-decoration:none;padding-left:7px; padding-top:6px; padding-bottom:0px; height:26px;*/}
#menuleft a:link, #menuleft a:visited{color:#FFF;}
#menuleft a:hover{color:#000000;}
#menuleft a:active{color:#FFFFFF;}
#menuleft form{}
#menuleft li{list-style-type:none; width:160px;}
#menuleft ul, #menuleft ul ul, #menuleft ul ul ul{margin:0px;padding:0px;list-style-image:none;width:160px;}
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;left:160px;top:0px;display:none;}

	/* Fix IE. Hide from IE Mac \*/
	* html #menuleft ul li{float:left; height:24px;}
	* html #menuleft ul li a{height:24px;}
	/* End */

div#menuleft ul ul, div#menuleft ul ul ul, div#menuleft ul li:hover ul ul, div#menuleft ul li:hover ul ul ul {display:none;}
div#menuleft ul li:hover ul, div#menuleft ul ul li:hover ul, div#menuleft ul ul ul li:hover ul{display:block; }

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							New menu Style end									  */

/*////////////////////////////////////////////////////////////////////////////////////*/






/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Repet Curve Box Style									  */

/*////////////////////////////////////////////////////////////////////////////////////*/

#curvebox2 {
	position:relative;
	float:right;
	margin-right:2px;
	height:auto;
	width:536px;
	background:url(images/curvboxtopbg.jpg) left top repeat-x;
/*	height:500px;*/
}
#curvebox21{
width:536px;height:auto;
background:url(images/curvboxleftbg.jpg) left top repeat-y;
}
#curvebox22 {
width:536px;height:auto;
background:url(images/curvboxrightimg.jpg) right top repeat-y;
}
#curvebox23 {
width:536px;height:auto;
background: url(images/curvboxbtmimg.jpg) left bottom repeat-x;
}

#curvebox24 {
width:536px;height:auto;
background: url(images/curv1.jpg) left top no-repeat;
}
#curvebox25 {
width:536px;height:auto;
background: url(images/curvboxleftbtmimg.jpg) left bottom no-repeat;
}
#curvebox26 {
width:536px;height:auto;
background: url(images/curvboxrightbtmimg.jpg) right bottom no-repeat;
}
#curvebox27 {
width:536px;height:auto;
background: url(images/curvboxrighttopimg.jpg) right top no-repeat;
}
#curvebox28 {
/*margin-left:10px;
margin-right:10px;
margin-bottom::10px;
margin-top:0px;*/
position:static;
padding-top:15px;
padding-bottom:10px;
margin:auto;
height:auto;
width:500px;
max-width:500px;
}

/*////////////////////////////////////////////////////////////////////////////////////*/

/*							Repet Curve Box Style End								  */

/*////////////////////////////////////////////////////////////////////////////////////*/

.h1 {
font-family:Arial;
font-size:18px;
font-weight:bold;
color:#00a6e6;
}
.h2_normal {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#0066CC;
}
.h2_normalbold {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#333333;
}
.h2_normalboldwhite {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding:5px;
}
.h2_normalsmall {
font-family:Arial;
font-size:12px;
color:#333333;
text-align:justify;
}
.link {
font-family:Arial;
font-size:12px;
color:#CC0000;
font-weight:bold;
text-decoration:none;
}
.link:hover {
color:#000000;
}

#imgback{
position:static;
background:url(images/img_bac.jpg) left top no-repeat;
height:126px;
width:196px;
text-align:center;
padding-top:10px;
margin-top:10px;
}
.dottedline {
background:url(images/dottedline.jpg) left top repeat-x;
height:3px;
}
#rollover {
display:block;
width:500px;
height:80px;
}
#rollover:hover {
display:block;
background:url(images/background_color_bg.jpg) left top repeat-x;
border:1px #666666 dotted;
width:500px;
height:80px;
}
.sec_header {
background:url(images/pagesec_header_bg.jpg) left top no-repeat;
width:243px;
height:27px;
}
#headerbg{
background:url(images/header_bg.jpg) left top no-repeat;
width:196px;
height:29px;
padding-top:10px;
text-align:center;
}
.inputbox {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#333333;
background-color:#F4F4F4;
border:1px #999999 outset;
width:80%;
}
#left_curve{
float:left;
background:url(images/left_top_curve.png) left top no-repeat;
width:12px;
height:13px;
}

a{
}
a:hover{outline:none;

}
/*  .black_overlay{

            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: red;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
		
       .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 0%;
            width: 100%;
            height: 100%;
            padding: 0px;
            background-color: none;
            z-index:1002;
            overflow: auto;
        }*/