body{
    background:url(../images/bg.gif) repeat-x 0 0 #F7F7F7; 
    color:#171717;
    font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
    margin:0; padding:0;
}
ul{ list-style:none; }
.spacer{ font-size:0; line-height:0; clear:both; }	
.clear{ clear:both; }	
/* -- top navigation start -- */
#topNav{ width:700px; margin:0 auto; height:37px; }
#topNav ul{ width:/*699px*/430px; margin:0 auto; }
#topNav ul li{
    height:37px; float:left;
    background:url(../images/bg.gif) repeat-x 0 0 #292929; 
    color:#C1C1C1;
    font:bold 12px/37px Arial, Helvetica, sans-serif;
}
#topNav ul li a{
    padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
    background:url(../images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
    font:bold 12px/37px Arial, Helvetica, sans-serif;
}
#topNav .active{ background:url(../images/top_btn_h.gif) no-repeat center bottom; }
#topNav ul li a:hover{ background:url(../images/top_btn_h.gif) no-repeat center bottom; }
#topNav ul li a.hover{
    padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
    background:url(../images/top_btn_h.gif) no-repeat center bottom; color:#C1C1C1;
    font:bold 12px/37px Arial, Helvetica, sans-serif;
}
/* -- top navigation end -- */
/* -- body start -- */
#body{
    width:683px; margin:0 auto; padding:0 0 60px 0;
    background:url(../images/header_bg.gif) no-repeat right top #F7F7F7; color:#171717;
}
#body img.logo{ border:none; margin:21px 0 0 0; }
#body h1{
    background:url(../images/punch_line.gif) no-repeat 0 0 #F7F7F7; color:#171717;
    width:134px; height:38px; margin-top:-2px; margin-left:25px; text-indent:-20000px;
}
#body div.bodyText{ padding:80px 0 0 0; }
#body div.bodyText h2{
    font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif; 
    color:#B10000;
}
#body div.bodyText h2 span{ color:#000000; background-color:#F7F7F7; }
#body div.bodyText h3{
    font:bold 20px/24px Georgia, "Times New Roman", Times, serif;
    color:#526D0D;
    background:url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7;
    padding:0 2px 0 25px;
}
#body div.bodyText h3.email{
    background:url(../images/mail.png) no-repeat 0 0;
    padding:0 2px 0 30px;
    margin:20px 0 0 0;
}
#body div.bodyText h3.appDev{
    background:url(../images/app_dev.png) no-repeat 0 0;
    padding:0 2px 0 30px;
    margin:20px 0 0 0;
}
#body div.bodyText h3.appHost{
    background:url(../images/app_host.png) no-repeat 0 0;
    padding:0 2px 0 30px;
    margin:20px 0 0 0;
}
#body div.bodyText h3.appSupp{
    background:url(../images/app_sup.png) no-repeat 0 0;
    padding:0 2px 0 30px;
    margin:20px 0 0 0;
}
#body div.bodyText h4{
    font:normal 20px/24px Georgia, "Times New Roman", Times, serif;
    color:#000000;
    background-color:#FFF7DE; padding:0 0 0 10px;
}
#body div.bodyText p{
    font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717;
    padding:10px 0; background-color:#F7F7F7;
}
#body div.bodyText p a{ color:#003E6A; background-color:#F7F7F7; text-decoration:underline; }
#body div.bodyText p a:hover{ text-decoration:none; }
#body div.category{ padding:25px 0 0 0; }
.box{ width:182px; padding:7px 15px 50px; float:left; margin:0 7px; }
.box h3{ font:bold 20px/38px Georgia, "Times New Roman", Times, serif; padding:0 9px 0 22px; }
.box h5{ font:bold 10px/11px Georgia, "Times New Roman", Times, serif; }
.box p{ padding:3px 0 10px 0; font:normal 11px/17px Georgia, "Times New Roman", Times, serif; }
.box a.more{}
.blue{ background:url(../images/blue_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E; }
.blue h3{ background:url(../images/support_icon.gif) no-repeat 2px 11px; color:#364A5B; }
.blue h5{ color:#000000; text-transform:uppercase; }
.blue p{ color:#364A5B; }
.blue a.more{
    background:url(../images/blue_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
    width:46px; height:11px; display:block; float:right;
    text-decoration:none; text-indent:-2000px;
    padding:0; line-height:0;
}
.blue a.more:hover{ background:url(../images/blue_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000; }
.pink{ background:url(../images/pink_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E; }
.pink h3{ background:url(../images/news_icon.gif) no-repeat 2px 13px; color:#850049; }
.pink h4{
    background:url(..images/date_bg.gif) no-repeat 0 13px; color:#384B06;
    width:56px; text-align:center;
    font:bold 12px/39px Arial, Helvetica, sans-serif;
}
.pink h5{ color:#000000; text-transform:uppercase; }
.pink p{ color:#4B2B3E; }
.pink a.more{
    background:url(../images/pink_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
    width:46px; height:11px; display:block; float:right;
    text-decoration:none; text-indent:-2000px;
    padding:0; line-height:0;
}
.pink a.more:hover{ background:url(../images/pink_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000; }
.green{ background:url(../images/green_bg.gif) no-repeat 0 0 #F7F7F7; color:#4B2B3E; }
.green h3{ background:url(../images/solution_icon.gif) no-repeat 2px 13px; color:#516D0A; }
.green h5{ color:#000000; text-transform:uppercase; }
.green p{ color:#3D5C32; }
.green p a.line{
	color:#3D5C32; padding:0;  text-decoration:underline;
	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green p a.line:hover{
	color:#3D5C32; padding:0;  text-decoration:none;
	font:normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green a.more{
	background:url(../images/green_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0;
}
.green a.more:hover{ background:url(../images/green_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000; }
/* -- body end -- */
/* footer start -- */
#footer{ background-color:#292929; color:#FFFFFF; position:absolute; width:100%; }
.footer{ width:560px; height:115px; margin:0 auto; padding:18px 0 0 0; }
.footer ul{ width:/*560px*/320px; margin:0 auto; }
.footer ul li{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#FAFAFA; background-color:#292929; float:left;}
.footer ul li a{
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#292929; padding:0 8px;}
.footer ul li a:hover{
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#484848; padding:0 8px;}
.footer p{
	margin:0 auto; width:243px; color:#EDE3C0; background-color:#292929;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:128px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:170px; height:17px; padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;
	text-align:center;}
.footer p.tworld a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000000;
	text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#404040;
	text-align:center; text-decoration:none;}
/* footer end -- */