@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

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

td{
	font-family: Arial;
	font-size: 12px;
}

table
{
	font-family: Arial;
	font-size: 12px;
}
.text1

{
	font-family: Arial;
	font-size: 5px;
}

.link1
{
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
	
}
.link1:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #F15D2F;
	text-decoration: underline;
}

.link2
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #f9b226;
	
}
.link2:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fed18d;
	text-decoration: underline;
}

.link3
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #ca0114;
	
}
.link3:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ff3446;
	text-decoration: underline;
}
.link4
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #8A8A8A;
	
}
.link4:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BBBABA;
	text-decoration: underline;
}

img.layer
{
position:absolute;
left:0px;
top:10px;
z-index:-1
}


/*------------------------------------------------topheader--------------------*/
#topheader{
	width:980px;
	height:112px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url(images/red_banner.jpg);
	background-repeat: no-repeat;
}

.header_area {
	margin: 0px;
	float: left;
	width: 662px;
	padding-top: 47px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	line-height: 26px
}

/*------------------------------------------------right pane--------------------*/

#right_pane {
    font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.text
{
	margin: 0px;
	float: left;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.title
{
	margin: 0px;
	float: left;
	width: 630px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.box1
{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 6px;
	background-image: url(images/box_computer.jpg);
	background-repeat: no-repeat;
}
.box2
{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 6px;
	background-image: url(images/box_hardware.jpg);
	background-repeat: no-repeat;
}
.box3
{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 6px;
	background-image: url(images/box_software.jpg);
	background-repeat: no-repeat;
}
.box4
{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 6px;
	background-image: url(images/box_service.jpg);
	background-repeat: no-repeat;
}

.vline
{
	margin: 0px;
	float: center;
	padding: 4px;
	
}
.box_text
{
	margin: 0px;
	float: left;
	width: 140px;
	padding-top: 0px;	
}
.box_text2
{
	margin: 0px;
	float: left;
	font-size: 13px;
	color: #898A8A;
	width: 240px;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 6px;
	
}
.box_computer {
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_computer.jpg);
	background-repeat: no-repeat;
}
.box_computer:hover{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_computer_h.jpg);
	background-repeat: no-repeat;
}

.box_hardware {
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_hardware.jpg);
	background-repeat: no-repeat;
}
.box_hardware:hover{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_hardware_h.jpg);
	background-repeat: no-repeat;
}
.box_software {
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_software.jpg);
	background-repeat: no-repeat;
}
.box_software:hover{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_software_h.jpg);
	background-repeat: no-repeat;
}

.box_service {
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_service.jpg);
	background-repeat: no-repeat;
}
.box_service:hover{
	margin: 0px;
	float: left;
	width: 118px;
	height: 78px;
	font-size: 13px;
	color: #898A8A;
	font-weight: bold;
	padding: 2px;
	background-image: url(images/box_service_h.jpg);
	background-repeat: no-repeat;
}

	
.companion2 {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/FPObox_M.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 62px;
	width: 90px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.companion2:hover{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ed5400;
	text-decoration: none;
	background-image: url(images/FPObox_M_hover.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 62px;
	width: 90px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
.title_bar
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	width:496px;
	text-decoration: none;
	background-image: url(images/purple_topbar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	
	
}
.box_line
{
	background-image: url(images/box_line.jpg);	
	background-repeat: repeat-y;
	width: 496px;	
}
.box_bottom
{
	background-image: url(images/box_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 496px;
	padding: 5px;
}


/*------------------------------------------------footer--------------------*/
#footer

{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: normal;
	background-color: #353E99;
	margin: 0px;
	float: left;
	width: 966px;
	padding-top: 6px;
	padding-bottom: 6px;
	
}

/*------------------------------------------------page2 header--------------------*/

#topheader2{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	float: none;
	
}
.header_area2 {
	margin: 0px;
	float: left;
	width: 797px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
	line-height: 26px
	
}

.top_menu {
	margin: 10px;
	float: left;
	width: 797px;
	height: 82px
	padding-top: 55px;
	padding-right: 10px;
	padding-left: 60px;
	padding-bottom: 0px;
	
}

/*------------------------------------------------left Pane--------------------*/
#left_pane{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	float: none;
	
}
.title_bar_s
{
	width:228px;
	height: 29px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height:2.5em;
	padding-left: 10px;
	background-image: url(images/titleBar_short.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	float: left;
}
.title_bar_s:hover
{
	width:228px;
	height: 29px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	line-height:2.5em;
	padding-left: 10px;
	background-image: url(images/titleBar_short.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	float: left;
}
.box_line_s
{
	background-image: url(images/box_line_s.gif);	
	background-repeat: repeat-y;
	width: 228px;
	font-family: Arial;
	font-size: 12px;
	line-height:2em;
	margin-left: 10px;
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	line-height: 18px;
}
.box_bottom_s
{
	background-image: url(images/box_bottom_s.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	float: left;
	width: 228px;
	margin-left: 10px;
}

/*------------------------------------------------middle pane--------------------*/

#middle_pane {
   
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.welcome_text
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color:#5C91A4;
	margin: 0px;
	float: left;
	width: 453px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.text
{
	margin: 0px;
	float: left;
	width: 453px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.title_bar_m
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width:630px;
	height:31px;
	text-decoration: none;
	background-image: url(images/titleBar_M.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:2.5em;
	margin: 0px;
	float: left;	
}
.box_line_m
{
	background-image: url(images/box_line_m.gif);	
	background-repeat: repeat-y;
	width: 453px;
	font-family: Arial;
	font-size: 12px;
	line-height:2em;
	margin-left: 0px;
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	line-height: 18px;	
}
.box_bottom_m
{
	background-image: url(images/box_bottom_m.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 453px;
	height:25px;
	padding: 2px;
}



/*------------------------------------------------right pane--------------------*/

#right_pane2 {
  	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.page_tools {

	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #605F5F;
	text-decoration: none;
	background-image: url(images/gray_box.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
	width: 232px;
	height: 62px;
	line-height: 20px;
	
}
.white_box {

	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/white_box.gif);
	background-repeat: no-repeat;
	margin: 15px;
	float: left;
	width: 232px;
}

/*------------------------------------------------bottom pane--------------------*/

#bottom_pane{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	float: none;
	
}

.title_bar_gray
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width:291px;
	height:30px;
	text-decoration: none;
	background-image: url(images/titleBar_gray.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:2.5em;
	margin-left: 0px;
	float: left;	
}
.box_line_gray
{
	background-image: url(images/box_line_gray.gif);	
	background-repeat: repeat-y;
	width: 291px;
	font-family: Arial;
	font-size: 12px;
	line-height:2em;
	margin-left: 0px;
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 18px;	
}
.box_bottom_gray
{
	background-image: url(images/box_bottom_gray.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 291px;
	padding: 2px;
	margin-left: 0px;
}

/*------------------------------------------------Brand Ad Page--------------------*/
#topbanner{
	width:617px;
	height:117px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url(images/HS_bg.jpg);
	background-repeat: no-repeat;
}
.content
 {
	margin-left:40px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 26px
}

.HS_box_top
{
	width:787px;
	height:24px;
	background-image: url(images/HS_boxTop.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin-left: 4px;
	float: left;	
}
.HS_boxline_s
{
	background-image: url(images/HS_boxline_s.jpg);	
	background-repeat: repeat-y;
	width: 485px;
	font-family: Arial;
	font-size: 12px;
	margin-left: 40px;
	float: left;
	padding-right: 50px;
	padding-left: 15px;
	padding-top: 5px;
	line-height: 18px;	
}
.HS_box_bottom
{
	background-image: url(images/HS_BottomS.jpg);
	background-repeat: no-repeat;
	margin-left: 48px;
	float: left;
	width: 485px;
	height:31px;
	padding: 2px;
	
	
}
.HS_boxline_L
{
	background-image: url(images/HS_boxline_L.jpg);	
	background-repeat: repeat-y;
	width: 787px;
	font-family: Arial;
	font-size: 12px;
	margin:4px;
	float: left;
	padding: 15px;
	line-height: 18px;	
}

.yellow_box

{
	background-image: url(images/HS_btn_assessment.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 16px
	color: #ffffff;
	font-weight: bold;
	width:204px;
	height: 163px;
	margin-left:0px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;	
	line-height: 20px
}

.AP_boxTop
{
	width:283px;
	height:22px;
	background-image: url(images/AP_boxTop.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	margin-left: 400px;
	float: left;	
}
.AP_boxline
{
	background-image: url(images/AP_boxLine.jpg);	
	background-repeat: repeat-y;
	width: 283px;
	font-family: Arial;
	font-size: 12px;
	margin-left:400px;
	float: left;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 18px;	
}

.HS_boxBottom_L
{
	background-image: url(images/HS_boxBottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 787px;
	height:31px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
}