body {	background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:32px 0 0; padding:0;
background:url(/images/frontend/bg_body.jpg) no-repeat top center;
}
ul, li, img, div, a, a:hover, input, #topPanel ul li a:hover { behavior: url(/css/resources/iepngfix.htc) }
form {margin:0;  padding:0;
}
img {border:0px
}
a {	color:#4d5252; font-size:12px; text-decoration:none
}
a:hover {text-decoration:underline;
}
#body { width:922px;  position:relative; text-align:left;
} 

/* TOP PANEL*/
#topPanel{width:922px; height:373px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:261px; height:80px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:11px 0 0; padding:0 29px 0 0; border-bottom:1px solid #AEAEAE; list-style:none;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; list-style:none;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(/images/frontend/button.png) no-repeat 0 0; color:#fff;}

#topPanel ul li.home{width:74px; display:block; height:36px; background:url(/images/frontend/button-a3.png) no-repeat 0 0; color:#fff; text-align:center; margin:0 1px 0 0;}
#topPanel ul li.support{width:74px; display:block; height:36px; background:url(/images/frontend/button-a1.png) no-repeat 0 0; color:#fff; text-align:center; margin:0 1px 0 0;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(/images/frontend/button-a2.png) no-repeat 0 0; color:#fff; text-align:center; margin:0 1px 0 0;}

#topPanel ul li.home a, #topPanel ul li.support a, #topPanel ul li.active a{color:#fff;}

/* /TOP PANEL*/

#logo {width:365px; position:absolute; top:21px; left:15px
}
#nav {position:absolute;  width:560px; left:396px; top:36px; 
}
#nav ul{margin:0; padding:0; list-style:none;
}
#nav li{margin:0; padding:0; display:inline; 
}
#nav a { line-height:25px; padding:0 14px 0 15px; color:#777777; text-decoration:none; font-size:13px; vertical-align:top
}
#nav a:hover { color:#000000
}
#top_grey {width:100%; position:absolute; top:81px; left:0px
}
#content {width:100%; position:absolute; top:81px; left:0px
}


#right {width: 207px; padding-left:0px; float:right}
#right p {
	display:block;
	font:normal 26px/51px Georgia, "Times New Roman", Times, serif;
	color:#ff6600;
	padding:0 0 0 10px;
	margin: 10px 0 5px 0;}
#right ul{margin:0; padding:0; list-style:none;
}
#right li a{color: #0f0f0f; font-size: 12px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px}
#right li a:hover{text-decoration: underline;}


#left_column {float: left; width: 680px;}
#left_column h3{color: #ff6600; font-family:Arial, Helvetica, sans-serif; font-size: 18px; margin:8px 0px 10px 4px;}
#left_column .template{width: 330px; height:175px; float:left; margin:4px 4px 10px 4px;}
#left_column .template b{display:block; font:900 12px Georgia, "Times New Roman", Times, serif; color:#ff6600;}
#left_column .template .thumb{width:145px; border: #0f0f0f 1px solid; margin-top: 9px; float:left;}
#left_column .template {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0f0f0f;}
#left_column .template table{float: right; width: 157px; margin: 16px 0px 0px 0px; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#0f0f0f; line-height: 20px;}


#pages{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#010101; padding-right: 20px; clear: both;}
#pages a{color:#296ba5;}


.break{clear: both; width: 0px; height: 0px; font-size: 0px;}


#desc{margin-top: 10px; color:#010101; font-size:13px; text-align:justify;}
#desc h4{color: #296ba5; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}




/*Preview Popup*/
.border_preview {
	background:#d7d7d7 none repeat scroll 0%;
	border:2px solid #000000;
	position:absolute;
	width:450px;
	z-index:100;
}
* html .border_preview {
	background:#F3F3F3 none repeat scroll 0%;
	border:2px solid #C4C4C4;
	height:300px;
	position:absolute;
	width:450px;
	z-index:100;
}

#loader_container {
	padding:10px 0pt;
	position:absolute;
	text-align:center;
	top:40%;
	width:450px;
}

/*------------------------------------------------footer start------------------*/
#footer-main{
	width:100%;
	border-top:1px solid #0f0f0f;
	/*background:url(/images/frontend/footer_bg.gif) 0 0 repeat-x;*/
	height:90px;
	padding:24px 0 0 0;
	margin-top:20px;
	float:left;
}
#footer{
	width:922px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	display:block;
	width:750px;
	height:13px;
	position:absolute;
	left:120px;
	padding:0;
	margin:0;
}
#footer ul li{
	display:block;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}
#footer ul li a{
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0f0f0f;
	text-decoration:none;
	padding:0 14px 0 14px;

}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	display:block;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0f0f0f;
	text-decoration:none;
	padding:0 14px 0 14px;
	float:left;
}
#footer p.copyright{
	display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0f0f0f;
	padding:0;
	margin:0 57px 0 0;
	position:absolute;
	left:192px;
	top:30px;
	float:left;
}
#footer p.botlink{
	display:block;
	width:95px;
}
#footer a.xht{
	display:block;
	width:61px;
	background:url(/images/frontend/arrow_blue.gif) 45px 3px no-repeat;
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0f0f0f;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	position:absolute;
	left:490px;
	top:30px;
}
#footer a.xht:hover{
	color:#00A2D1;
}
#footer a.cs{
	display:block;
	width:33px;
	background:url(/images/frontend/arrow_orange.gif) 24px 3px no-repeat;
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0f0f0f;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	position:absolute;
	left:551px;
	top:30px;
}
#footer a.cs:hover{
	color:#FD7302;
} 
#footer p.design{
	display:block;
	width:161px;
	height:17px;
	position:absolute;
	left:309px;
	top:65px;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#414141;
	text-align:center;
}
#footer a.link{
	font:bold 13px/17px Arial, Helvetica, sans-serif;
	color:#414141;
	text-align:center;
	text-decoration:none;
}
#footer a.link:hover{
	color:#528B01;
}
/*------------------------------------------------footer end------------------*/


.topn1 {
background-color:#FEB885;
}
.topn {
background-color:#BED48B;
}
.topdesc1 {
background-color:#CFDFEF;
}
