/*
style.css - CSS specific to the home page of the site, optimized for standards-compliant browsers
February 4, 2008 - Accelerant Studios
*/

@import url(global/reset.css); /* Global Reset Styles */
@import url(global/typography.css); /* Global Typography Styles */
@import url(global/layout.css); /* Global Layout Styles */
@import url(global/global.css); /* Global Miscellaneous Styles */

/*Local Typography Styles*/

#skip_nav {
	font-size: 1.4em;
}

#skip_nav a {
	color: #333;
	text-decoration: none;
}

#skip_nav a:hover {
	text-decoration: underline;
}

/*Local Layout Styles*/

body {
	background-color: #48af63;
}

#container {
	background-color: #fff;
	height: 735px;
	margin: 100px auto;
	position: relative;
	width: 711px;
}

h1 a {
	background-image: url(../images/home/main_logo.gif);
	display: block;
	height: 33px;
	left: 76px;
	overflow: auto;
	position: absolute;
	text-indent: -9999px;
	top: 516px;
	width: 103px;
}

#home a {
	background-image: url(../images/home/red_logo.gif);
	display: block;
	height: 36px;
	left: 674px;
	overflow: auto;
	position: absolute;
	text-indent: -9999px;
	width: 37px;
}

#nav li.nav a {
	background-image: url(../images/home/nav_sprite.gif);
	background-repeat: no-repeat;
	display: block;
	left: 109px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 48px;
}

#nav li#li01 a {
	height: 13px;
	top: 556px;
}

#nav li#li02 a {
	background-position: 0px -13px;
	height: 16px;
	top: 569px;
}

#nav li#li03 a {
	background-position: 0px -29px;
	height: 15px;
	top: 585px;
}

#nav li#li04 a {
	background-position: 0px -44px;
	height: 16px;
	top: 600px;
}

#nav li#li05 a {
	background-position: 0px -60px;
	height: 12px;
	top: 616px;
}

#nav li#li01 a:hover {
	background-position: -48px 0px;
}

#nav li#li02 a:hover {
	background-position: -48px -13px;
}

#nav li#li03 a:hover {
	background-position: -48px -29px;
}

#nav li#li04 a:hover {
	background-position: -48px -44px;
}

#nav li#li05 a:hover {
	background-position: -48px -60px;
}

#skip_nav {
	border-left: 1px solid #ccc;
	height: 90px;
	left: 198px;
	padding-left: 18px;
	position: absolute;
	top: 557px;
}

#skip_nav li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 6px;
}

#need {
	background-image: url(../images/home/i_need_a.gif);
	height: 30px;
	left: 52px;
	position: absolute;
	text-indent: -9999px;
	top: 222px;
	width: 90px;
}

#needs {
	height: 110px;
	left: 153px;
	overflow: hidden;
	position: absolute;
	top: 183px;
}

#needs li label a {
	background-image: url(../images/home/list1_sprite.gif);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 123px;
}

#needs li label a.first {
	margin-top: 44px;
}

#needs li label a.last {
	margin-bottom: 48px;
}

#needs li label a:hover, #solutions li label a:hover {
	cursor: pointer;
}

#needs li, #solutions li {
	position: relative;
}

#needs li input, #solutions li input {
	left: -9999px;
	position: absolute;
}

li#l101 label a {
	height: 20px;
}

li#l102 label a {
	background-position: 0px -20px;
}

li#l103 label a {
	background-position: 0px -42px;
}

li#l104 label a {
	background-position: 0px -64px;
}

li#l105 label a {
	background-position: 0px -86px;
}

li#l106 label a {
	background-position: 0px -108px;
}

li#l107 label a {
	background-position: 0px -130px;
}

li#l108 label a {
	background-position: 0px -152px;
}

li#l109 label a {
	background-position: 0px -174px;
}

li#l110 label a {
	background-position: 0px -196px;
}

li#l111 label a {
	background-position: 0px -218px;
}

li#l112 label a {
	background-position: 0px -240px;
	height: 19px;
}

li#l101 label a:hover {
	background-position: -122px 0px;
}

li#l102 label a:hover {
	background-position: -122px -20px;
}

li#l103 label a:hover {
	background-position: -122px -42px;
}

li#l104 label a:hover {
	background-position: -122px -64px;
}

li#l105 label a:hover {
	background-position: -122px -86px;
}

li#l106 label a:hover {
	background-position: -122px -108px;
}

li#l107 label a:hover {
	background-position: -122px -130px;
}

li#l108 label a:hover {
	background-position: -122px -152px;
}

li#l109 label a:hover {
	background-position: -122px -174px;
}

li#l110 label a:hover {
	background-position: -122px -196px;
}

li#l111 label a:hover {
	background-position: -122px -218px;
}

li#l112 label a:hover {
	background-position: -122px -240px;
}

li#l101 label a.selected {
	background-position: -245px 0px;
}

li#l102 label a.selected {
	background-position: -245px -20px;
}

li#l103 label a.selected {
	background-position: -245px -42px;
}

li#l104 label a.selected {
	background-position: -245px -64px;
}

li#l105 label a.selected {
	background-position: -245px -86px;
}

li#l106 label a.selected {
	background-position: -245px -108px;
}

li#l107 label a.selected {
	background-position: -245px -130px;
}

li#l108 label a.selected {
	background-position: -245px -152px;
}

li#l109 label a.selected {
	background-position: -245px -174px;
}

li#l110 label a.selected {
	background-position: -245px -196px;
}

li#l111 label a.selected {
	background-position: -245px -218px;
}

li#l112 label a.selected {
	background-position: -245px -240px;
}

#solution {
	background-image: url(../images/home/solution_for_my.gif);
	height: 30px;
	left: 287px;
	position: absolute;
	text-indent: -9999px;
	top: 222px;
	width: 165px;
}

#solutions {
	height: 110px;
	left: 459px;
	overflow: hidden;
	position: absolute;
	top: 183px;
}

#solutions li label a {
	background-image: url(../images/home/list2_sprite.gif);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 187px;
}

#solutions li label a.first {
	margin-top: 44px;
}

#solutions li label a.last {
	margin-bottom: 48px;
}

li#l201 label a {
	height: 20px;
}

li#l202 label a {
	background-position: 0px -20px;
}

li#l203 label a {
	background-position: 0px -42px;
}

li#l204 label a {
	background-position: 0px -64px;
}

li#l205 label a {
	background-position: 0px -86px;
}

li#l206 label a {
	background-position: 0px -108px;
}

li#l207 label a {
	background-position: 0px -130px;
}

li#l208 label a {
	background-position: 0px -152px;
}

li#l209 label a {
	background-position: 0px -174px;
	height: 19px;
}

li#l201 label a:hover {
	background-position: -186px 0px;
}

li#l202 label a:hover {
	background-position: -186px -20px;
}

li#l203 label a:hover {
	background-position: -186px -42px;
}

li#l204 label a:hover {
	background-position: -186px -64px;
}

li#l205 label a:hover {
	background-position: -186px -86px;
}

li#l206 label a:hover {
	background-position: -186px -108px;
}

li#l207 label a:hover {
	background-position: -186px -130px;
}

li#l208 label a:hover {
	background-position: -186px -152px;
}

li#l209 label a:hover {
	background-position: -186px -174px;
}

li#l201 label a.selected2 {
	background-position: -373px 0px;
}

li#l202 label a.selected2 {
	background-position: -373px -20px;
}

li#l203 label a.selected2 {
	background-position: -373px -42px;
}

li#l204 label a.selected2 {
	background-position: -373px -64px;
}

li#l205 label a.selected2 {
	background-position: -373px -86px;
}

li#l206 label a.selected2 {
	background-position: -373px -108px;
}

li#l207 label a.selected2 {
	background-position: -373px -130px;
}

li#l208 label a.selected2 {
	background-position: -373px -152px;
}

li#l209 label a.selected2 {
	background-position: -373px -174px;
}


#button {
	left: 661px;
	position: absolute;
	top: 229px;
}

#top_mask {
	left: 130px;
	margin-bottom: 20px;
	position: absolute;
	top: 65px;
}

#bottom_mask {
	left: 130px;
	position: absolute;
	top: 255px;
}