@charset "utf-8";

#demo a{
	background: url('img/demo.png') no-repeat;
	float:left;
	height:70px;
	margin-left:45px;
	margin-top:-170px;
	text-indent:-1000em;
	width:217px;
}

/*the content*/
.content{
	background:url('img/blueline-long.png') no-repeat 0px 35px;
	float:right;
	margin-right:30px;
	margin-top:-150px;
	margin-bottom:100px;
	width:607px;
	z-index:10;
}
#retain{background:url('img/retainInterior.png') no-repeat;}
#find{background:url('img/findInterior.png') no-repeat;}
#sign{background:url('img/signInterior.png') no-repeat;}
#manage{background:url('img/manageInterior.png') no-repeat;}
#find ul{background:url('img/screenshot-find.png') no-repeat 350px 0px;}
#retain ul{background:url('img/screenshot-retain.png') no-repeat 350px 0px;}
#sign ul{background:url('img/screenshot-sign.png') no-repeat 350px 0px;}
#manage ul{background:url('img/screenshot-manage.png') no-repeat 350px 0px;}

h2{ 
	color:#32679B;
	font-size:2.7em;
	height:50px;
}
h3{ 
	color:#32679B;
	font-size:1.5em;
	height:20px;
}
h4{ 
	color:#32679B;
	font-size:2em;
	height:20px;
}
.content p{
	line-height:1.4em;
	margin:2px 90px 10px 0;
	
}
#contact p{
		line-height:1.4em;
	margin:2px 90px 2px 0;
}
.content ul{
	margin-top:20px; 
	list-style-image:url('img/arrow-blue.png');
}
.content li{
	margin:10px;
	margin-left:25px;
	width:300px;
}

/* fsmr */

#backForwardLinks{
	float:left;
	width:300px;
	z-index:10;

margin:40px 40px -150px 40px;

}
#backForwardLinks a{
	display:block;
	float:left;
	font-weight:bold;
	height:15px;
	width:85px;
	padding:46px 0 0 0;
	position:relative;
	z-index:10;
}
#backForwardLinks a:hover, #backForwardLinks a.pageon{
	color:#ff9a00;
	text-decoration:none;
}
#backForwardLinks a.find{
	background:url('img/icon-find.png') no-repeat;
	width:62px;
	padding-left:23px;
}
#backForwardLinks a.find:hover,
#backForwardLinks a.find[class~="pageon"]{background:url('img/icon-find.png') no-repeat 0px -61px;}
#backForwardLinks a.sign{
	background:url('img/icon-sign.png') no-repeat;
	width:59px;
	padding-left:3px;
}
#backForwardLinks a.sign:hover,
#backForwardLinks a.sign[class~="pageon"]{background:url('img/icon-sign.png') no-repeat 0px -61px;}
#backForwardLinks a.manage{
	background:url('img/icon-manage.png') no-repeat;
	width:68px;
	padding-left:3px;
}
#backForwardLinks a.manage:hover,
#backForwardLinks a.manage[class~="pageon"]{background:url('img/icon-manage.png') no-repeat 0px -61px;}
#backForwardLinks a.retain{
	background:url('img/icon-retain.png') no-repeat;
	width:64px;
	padding-left:1px;
}
#backForwardLinks a.retain:hover,
#backForwardLinks a.retain[class~="pageon"]{background:url('img/icon-retain.png') no-repeat 0px -61px;}



/*the various navs */
#interiorNav{
	float:left;
	background: url('img/leftnav-tile.png') repeat-y 0px 0px;
	margin-left:50px;
	margin-top:-140px;
}
#interiorNav ul{
	width:193px;
	background: url('img/leftnav-bottom.png') no-repeat bottom center;
	padding-bottom:10px;
}
#interiorNav li{
	line-height:2em;
	width:193px;
	height:25px;
}
#interiorNav li:first-child{
	background: url('img/leftnav-top.png') no-repeat;
	padding-top:10px;
}
#interiorNav a{
	background: url('img/arrow-yellow.png') no-repeat 15px center;
	display:block;  /* makes the border extend the full width */
	font-weight:bold;
	margin:0 auto;
	padding-left:40px;
	text-transform:uppercase;
	width:150px;
	color:#32679b;
}
#interiorNav a:hover,
#interiorNav li.pageon a{
	color: #e2b501;
	text-decoration:none;
}