/*******************************************/
/************* Standard elements *************/
/*******************************************/

html {
	margin:0;
   	padding:0;
   	height:100%;	
	}

body {
	margin:0;
   	padding:0;
   	height:100%;
   	background-image:url('../../images/home_background_slice.jpg');
   	background-repeat: repeat-x;
	}

p {
	margin-bottom: 0; 
	margin-top: 0;
	}

img { 
	behavior: url(iepngfix.htc) 
	}

/*******************************************/
/************* Custom elements *************/
/*******************************************/

#headerTop {
	width: 100%;
	height: 80px;
	}

#headerTopContent {
	width: 940px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	}

#headerTopContent a {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;	
	cursor: pointer;	
	}
	
#slogan {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;		
	}
	
	
.headerLink:link {
	text-decoration: underline; 
	color:black;
	}

.headerLink:visited {
	text-decoration: underline; 
	color:black;
	}

.headerLink:active {
	text-decoration: underline; 
	color:black;
	}

.headerLink:hover {
	text-decoration: underline; 
	color:black;
	}

#mainArea {
	width: 940px;
	height: 343px;
	margin-top: 33px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('../../images/hiw_main_background.jpg');
    background-repeat: no-repeat;
    text-align: center;
}

#mainArea h1{
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: white;
	}
	
#mainArea h2{
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #01007f;
	}

#mainAreaStep1 {
	float: left;
	width: 295px;
	height: 100px;
	}
	
#mainAreaStep2 {
	float: left;
	width: 295px;
	height: 100px;
	margin-left: 26px;
	}

#mainAreaStep3 {
	float: left;
	width: 290px;
	height: 100px;
	margin-left: 26px;
	}
	
#pageContent { 
	width: 940px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.headerLong{
	width: 891px;
	height: 24px; 
	margin-left: auto;
	margin-right: auto;
	behavior: url(iepngfix.htc);
	background-image:url('../../images/hiw_header_bar_long.png');
    background-repeat: no-repeat;
	}

.headerLong h1{
	height: 24px;
	padding-top: 2px; 
	padding-left: 15px;
	font-family: Verdana; 
	font-size: 16px;
	font-weight: bold;
	color: white;
	}

.mainTextArea{
	width: 880px;
	margin-top: 15px; 
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana; 
	font-size: 16px;
	font-weight: normal;
	color: #6b6b6b;
	}

#screenshots{
	position: relative; 
	z-index: 5;
	width: 852px;
	height: 235px;
	margin-top: 50px; 
	margin-left: auto;
	margin-right: auto;
	}

#row{
	width: 891px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	}

.columnLeft{
	float: left;
	width: 240px;
	font-family: Verdana; 
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: none;
	background-color: white;
	cursor: pointer;
	}

.columnRight{
	float: right;
	width: 570px;
	}

.headerShort{
	width: 570px;
	height: 24px; 
	margin-left: auto;
	margin-right: auto;
	behavior: url(iepngfix.htc);
	background-image:url('../../images/hiw_header_bar_short.png');
    background-repeat: no-repeat;
	}

.headerShort h1{
	height: 24px;
	padding-top: 2px; 
	padding-left: 15px;
	font-family: Verdana; 
	font-size: 16px;
	font-weight: bold;
	color: white;
	}
	
.columnRightText {
	width: 600px;
	margin-top: 15px; 
	font-family: Verdana; 
	font-size: 14px;
	font-weight: normal;
	color: #6b6b6b;
	}

.features li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer {
   width: 100%;
   height: 106px;
   background-image:url('../../images/home_footer_slice.jpg');
   background-repeat: repeat-x;
	}

#footerContent {
	width: 940px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	font-family: Verdana; 
	font-size: 10px;
	}
	
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}

a.displayLargeImageLink:link {text-decoration: none; color:black; font-size: 10px;}
a.displayLargeImageLink:visited {text-decoration: none; color:black; font-size: 10px;}
a.displayLargeImageLink:active {text-decoration: none; color:black; font-size: 10px;}
a.displayLargeImageLink:hover {text-decoration: none; color:black; font-size: 10px;}