/* CSS Document */

html {overflow: scroll;}

body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#EAEDD8;
	color:#6C6C6C;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(/images/header.gif) 0 0 no-repeat;
	width:942px;
	height:93px;
	margin:0 auto;
	padding:0 5px 0 34px;
	color: #353535;
}
#header ul.topLink{
	width:111px;
	height:16px;
	float:right;
}
#header ul.topLink li{
	float:left;
	font-size:0;
	line-height:0;
}
#header ul.topLink li a.subscribe{
	display:block;
	background:url(/images/subscribe_bg.gif) 0 0 no-repeat;
	width:60px;
	height:16px;
	margin:0 4px 0 0;
}
#header ul.topLink li a.subscribe:hover{
	background:url(/images/subscribe_bg_hover.gif) 0 0 no-repeat;
}
#header ul.topLink li a.signup{
	display:block;
	background:url(/images/signup_bg.gif) 0 0 no-repeat;
	width:47px;
	height:16px;
	margin:0;
}
#header ul.topLink li a.signup:hover{
	background:url(/images/signup_bg_hover.gif) 0 0 no-repeat;
}
#header img.logo{
	top:15px;
	left:30px;
	font-size:0;
	float:left;
	margin:20px 0 0 5px;

}

#searchbox 
{	
	float:right;
	margin: 35px 35px 0 35px;
	color:#ffffff;	
}

.headerlink
{
    color:#ffffff;
 text-decoration: none;	
}


#header img.logo_bg{
	position:absolute;
	top:0px;
	left:47px;
	font-size:0;
	line-height:0;
	float:left;
	height: 29px;
}
#header p.topTxt{
	position:absolute;
	display:block;
	left:186px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#C2C2C2;
	background-color:inherit;
	margin:46px 0 0 0;
	float:left;
	top: 2px;
}
#header p.topTxt span{
	color:#fff;
	background-color:#9D0303;
	padding:0 3px 0 3px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:979px;
	margin:0 auto;
	background-color:#fff;
	color:#6C6C6C;
}
#body p.navLeft{
	display:block;
	background:url(/images/nav_left.gif) 0 0 no-repeat;
	width:22px;
	height:34px;
	float:left;
}
#body ul.nav{
	width:935px;
	height:34px;
	background:url(/images/nav_bg.gif) 0 0 repeat-x;
	float:left;
	margin:0 0 6px 0;
}
#body ul.nav li{
	float:left;
	background:url(/images/nav_div.gif) right top no-repeat;
	height:34px;
	padding:0 2px 0 0;
}
#body ul.nav li a{
	display:block;
	padding:0 15px;
	font:bold 11px/34px Arial, Helvetica, sans-serif;
	color:#1B1B1B;
	
	background-color:inherit;
	text-decoration:none;
}
#body ul.nav li a:hover{
	color:#fff;
	/*background-color:#708110;*/
	background:url(/images/nav_bg.jpg) 0 0 repeat-x;
}
#body ul.nav li.noImg{
	background-image:none;
}
#body p.navRight{
	display:block;
	background:url(/images/nav_right.gif) 0 0 no-repeat;
	width:22px;
	height:34px;
	float:left;
}
/*------------------------------------------------bodyBot--------------------*/

#con { padding:6px 0 0 0;margin:0; }
	#con .ttl { width:100%;height:50px;background:#fff url("horizontal.png"/*tpa=http://www.componentart.com/common/img/ttl/horizontal.png*/) repeat-x 0 bottom;margin:0 0 10px 0; }
		#con .ttl h1 { height:41px;width:200px;background:#fff url("static.png"/*tpa=http://www.componentart.com/company/img/usr/static.png*/) no-repeat;text-indent:-10000px;line-height:41px;padding:0;margin:0; }

	#con .con { padding:0 10px; }
	#con a.client1{
	background:url(/images/read_more_hover.gif) 0 0 no-repeat;
	
	}
	#con a.client1:hover{
	background:url(/images/read_more_hover.gif) 0 0 no-repeat;
	
	}
	
	#bodyBotMain{
	width:980px;
	background:url(/images/body_bot_bg.gif) 0 0 repeat-x #262626;
	padding:15px 0 10px 0;
	margin:0 auto;
	color:#fff;
}
#bodyBot{
	width:967px;
	margin:0 auto;
}
#bodyBot a.whatNew{
	display:block;
	background:url(/images/what_new.gif) 0 0 no-repeat;
	width:211px;
	height:196px;
	float:right;
	margin:10px 0 0 0;
}
#bodyBot a.whatNew:hover{
	background:url(/images/what_new_hover.gif) 0 0 no-repeat;
}
#story{
	width:260px;
	background:url(/images/body_bot_div.gif) right top no-repeat;
	float:left;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
#story h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 18px Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
	display:block;
}
#story ul{
	padding:0 0 2px 0;
}
#story ul li{
	font-size:0;
	line-height:0;
}
#story ul li a{
	display:block;
	background:url(/images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 12px;
	color:#CF9201;
	background-color:inherit;
	font:bold 10px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#story a.rm3{
	display:block;
	background:url(/images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 0px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#story a.rm3:hover{
	color:#670606;
	background-color:inherit;
}
#event{
	width:205px;
	float:left;
	padding:0;
	margin:0;
}
#event h2{

	color:#FFFEF4;
	background-color:inherit;
	font:normal 18px Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
	display:block;
}
#event ul{
	padding:0 0 2px 0;
}
#event ul li{
	font-size:0;
	line-height:0;
}
#event ul li a{
	display:block;
	background:url(/images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 12px;
	color:#CF9201;
	background-color:inherit;
	font:bold 10px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#event ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#event a.rm4{
	display:block;
	background:url(/images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 0px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#event a.rm4:hover{
	color:#670606;
	background-color:inherit;
}

#Project{
	width:463px;
	float:left;
	padding:0px 0 0 10px;
}
#Project ul{
	width:457px;
	border:#E5E8D0 solid 1px;
	padding:4px 0 0 4px;
	background-color:#FEFFFA;
	color:#000;
	height:155px;
	margin:0 0 0px 0;
}
#Project ul li{
	float:left;
	margin:0 4px 4px 0;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic1{
	display:block;
	background:url(/images/img1.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic1:hover{
	background:url(/images/img1_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic2{
	display:block;
	background:url(/images/img2.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic2:hover{
	background:url(/images/img2_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic3{
	display:block;
	background:url(/images/img3.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic3:hover{
	background:url(/images/img3_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic4{
	display:block;
	background:url(/images/img4.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic4:hover{
	background:url(/images/img4_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic5{
	display:block;
	background:url(/images/img5.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic5:hover{
	background:url(/images/img5_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic6{
	display:block;
	background:url(/images/img6.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic6:hover{
	background:url(/images/img6_hover.gif) 0 0 no-repeat;
}
#Project ul li a.pic7{
	display:block;
	background:url(/images/img7.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#Project ul li a.pic7:hover{
	background:url(/images/img7_hover.gif) 0 0 no-repeat;
}
#Project ul li.gallery{
	background:url(/images/gallery.jpg) 0 0 no-repeat;
	width:271px;
	height:70px;
	float:left;
	margin:0 4px 0 0;
}

#Project a.rm4{
	
	display:block;
	background:url(/images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	left: 805px;
	top: 707px;
}
#Project a.rm4:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------bodyBot--------------------*/
/*------------------------------------------------left--------------------*/
#left{
	width:430px;
	float:left;
	padding:15px 26px 2px 33px;
/*	background:url(images/left_panel_bg.gif) 304px 195px no-repeat;*/
}
#left h2.welcome{
	display:block;
	width:418px;
	height:28px;
	background:url(/images/welcome_div.gif) left bottom repeat-x;
	margin:0 0 21px 0;
}
#left h2.welcome span{
	font-size:0;
	line-height:0;
}
#left p.lftTxt{
	display:block;
	font-size:12px;
	line-height:18px;
}
#left p.lftTxt span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
}
#left h2.le{
	display:block;
	margin:50px 0 20px 0;
	font-size:0;
	line-height:0;
}
#left p.lftTxt2{
	display:block;
	width:264px;
	font-size:12px;
	line-height:18px;
	color:#637704;
	background-color:inherit;
	font-weight:bold;
	margin:0 0 9px 0;
}
#left p.lftTxt3{
	display:block;
	width:262px;
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;
}
#left p.lftTxt3 span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
	display:block;
}
#left a.rm{
	display:block;
	background:url(/images/read_more.gif) 0 0 no-repeat;
	width:60px;
	height:15px;
	margin:0 0 5px 201px;
}
#left a.rm:hover{
	background:url(/images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------ContactUs------------*/
/*------------------------------------------------left--------------------*/
#contactleft{
	width:625px;
	float:left;
	padding-top: 15px;
	padding-right: 26px;
	padding-bottom: 40px;
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: 304px 195px;
}
#contactleft h2.welcome{
	display:block;
	width:418px;
	height:28px;
	background:url(file:///includes/css/images/welcome_div.gif) left bottom repeat-x;
	margin:0 0 21px 0;
}

.solutionTitle
{
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;

}

#contactleft h2.welcome span{
	font-size:0;
	line-height:0;
}
#contactleft p.lftTxt{
	display:block;
	font-size:12px;
	line-height:18px;
}
#contactleft p.lftTxt span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
}
#contactleft h2.le{
	display:block;
	margin:50px 0 20px 0;
	font-size:0;
	line-height:0;
}
#contactleft p.lftTxt2{
	display:block;
	width:264px;
	font-size:12px;
	line-height:18px;
	color:#637704;
	background-color:inherit;
	font-weight:bold;
	margin:0 0 9px 0;
}
#contactleft p.lftTxt3{
	display:block;
	width:262px;
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;
}
#contactleft p.lftTxt3 span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
	display:block;
}
#contactleft a.rm{
	display:block;
	background:url(file:///includes/css/images/read_more.gif) 0 0 no-repeat;
	width:60px;
	height:15px;
	margin:0 0 5px 201px;
}
#contactleft a.rm:hover{
	background:url(file:///includes/css/images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------Email--------------------*/
.contactcommenttext {
	margin: 3px;
	height: 170px;
	width: 93px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.submitmsg {
	margin: 3px;
	height: 170px;
	width: 500px;
	float: right;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 130px;
	
}
.bodytextarea {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 560px;
	margin: 3px;
	padding: 3px;
}
.errortext {
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
}

.body1text {

	font-family: Verdana;
	font-size: 16px;
	color: #27817D;
	width: 560px;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
.submittextarea {

	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 560px;
	margin: 3px;
	padding: 3px;
}
/*------------------------------------------------Textboxon Email--------------------*/

.borderEffect
{
background-color:#FFFFCC;
color:#7A8639;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
/*------------------------------------------------Textbox on Email--------------------*/
/*------------------------------------------------Textbox --------------------*/

.textboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.textboxEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 262px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 170px;
	width: 300px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.MassageboxEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Massagebox --------------------*/
#contact p.contactTxt {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	display:block;
	width:620px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.contacttop {

	float: left;
	height: 95px;
	width: 465px;
	top: 0px;
}
.contactbg {
	background-image: url(file:///includes/css/images/contactbg.gif);
	float: left;
	height: 500px;
	width: 600px;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
}
#left h3.le {

	display:block;
	margin:50px 0 20px 0;
	font-size:0;
	line-height:0;
}
.contactformmsgfield {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 400px;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
}
.contactdropdownmenu {
	margin: 3px;
	float: left;
	height: 20px;
	width: 400px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.rightempty {
	height: 10px;
	width: 237px;
	float: left;
}
.submitbuttonarea {
	margin: 5px;
	float: left;
	height: 50px;
	width: 300px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 132px;
}

/*------------------------------------------------ContactUs-------------*/
/*------------------------------------------------NewProduct----------------*/
# newProduct{
	position:absolute;
}
/*------------------------------------------------NewProduct------------------*/
/*------------------------------------------------right--------------------*/
#right{

	width:316px;
	background:url(/images/right_bg.jpg) 0 0 repeat-y;
	float:right;
	padding:0 0 0 8px;
	margin-right:60px;
}
#right h2.faqmain{
	display:block;
	background:url(/images/faq_bg.jpg) 0 0 no-repeat;
/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
}
#right h2.faqmain span{
	color:#fff;
	background-color:inherit;
	font:normal 14px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}

#right h2.faq{
	display:block;
	background:url(/images/services.jpg) 0 0 no-repeat;
/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
}



#right h2.faq span{
	color:#fff;
	background-color:inherit;
	font:normal 14px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}
#right ul.rightLink{
	width:279px;
	padding:0 0 0 15px;
}
#right ul.rightLink li{
	background:url(/images/bullet.gif) 0 3px no-repeat;
	padding:0 0 6px 15px;
	color:#670606;
	background-color:inherit;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#right ul.rightLink li span{
	color:#69610E;
	background-color:inherit;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	display:block;
}
#right a.rm2{
	display:block;
	background:url(/images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 207px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#right a.rm2:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------right--------------------*/
#body p.rightTop{
	display:block;
	background:url(/images/right_top.jpg) 0 0 no-repeat;
	width:324px;
	height:6px;
	font-size:0;
	line-height:0;
	float:right;
		margin-right:60px;
		margin-top:30px;
}
#body p.rightBot{
	display:block;
		margin-right:60px;
	background:url(/images/faq_bg_bottom.jpg) 0 0 no-repeat;
	width:324px;
	height:21px;
	font-size:0;
	line-height:0;
	float:right;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:979px;
	height:60px;
	background:url(/images/footer_bg.gif) 0 0 no-repeat;
	padding:14px 0 0 0;
	margin:0 auto;
	position:relative;
}


#footer ul{
	position:absolute;
	left:-5px;
	top:10px;
	width: 100%;
}
#footer ul li{
	float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#47483E;
	background-color:inherit;
}
#footer ul li a{
	padding:0 8px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#47483E;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#8E0B01;
	background-color:inherit;
}

#footer p.copyright{
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	left:3px;
	top:44px;
	width:444px;
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	padding:0;
	position:absolute;
	left:797px;
	top:31px;
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F6B92;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F6B92;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	background:url(/images/xhtml_bg.gif) 0 0 no-repeat;
	width:91px;
	height:21px;
	position:absolute;
	left:749px;
	top:11px;
	text-indent:-2000px;
}
#footer a.xhtml:hover{
	background:url(/images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.css{
	display:block;
	background:url(/images/css_bg.gif) 0 0 no-repeat;
	width:91px;
	height:21px;
	position:absolute;
	left:852px;
	top:11px;
	text-indent:-2000px;
}
#footer a.css:hover{
	background:url(/images/css_bg_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------footer--------------------*/

/*------------------------------------------------info, error message --------------------*/
.errorstyle
{
	background-color:#ffcccc;
	color: #cc0000;
	 display:block;
}

.errorstyleline
{
	background-color:#ffcccc;
	color: #cc0000;
	display:block; 
}

.messagestyle
{
	background-color:#ffcccc;
	color: #cc0000;
}

.errorstyle input
{
	background-color:#ffcccc;
}

.errorstyle select
{
	background-color:#ffcccc;
}

.errorstyle textarea
{
	background-color:#ffcccc;
}

.field-changed
{
	color:Yellow;
}

.requiredstyle
{
	font-weight: bolder;
}

.requiredstyle input
{
	color:Blue;
}

.requiredstyle select
{
	color:Blue;
}

.requiredstyle textarea
{
	color:Blue;
}
/*------------------------------------------------end of info, error message --------------------*/