/* HOME */
/* translucent boxes */
div.container div#content{
	position: relative;
}
div.container  #container{
	background: #CFEDFF url(../../assets/images/site/home-background.jpg) no-repeat bottom left;
	padding-bottom: 2em;
	
}
div.container div#content_intro{
	position: relative;
	width: 42em;
	height: 60em;
	left:35em;
	position:relative;
	top:-10em;
}
div.container div#content_intro p{
	padding: 1em 0 1em 0;
}

div.container div#content_image_subnav{
	position: absolute;
	top: 1em;
	width:35em;
}
div.container div#content_image_subnav ul#courses{
	list-style-type: none;
	list-style-position:inside;
	font-size: 1.3em;
	margin: 1em 0 1em 0;
	text-transform: uppercase;
	font-weight: bold;
	}
div.container div#content_image_subnav ul#courses li a{
	padding-left: 1.5em;
	background: url(../../assets/images/site/pink-dots.gif) transparent no-repeat;
	display:block;
	width: 7em;
}
div.container div#content_image_subnav ul#courses li a:hover{
	background: url(../../assets/images/site/blue-dots.gif) transparent no-repeat;
}
div.container div#content_image_subnav ul#courses li.col1{
	margin-left: 0;
	padding-bottom: 0.5em;
	}
div.container div#content_image_subnav ul#courses li.reset{
	margin-top: -3.4em;
}

div.container div#content_image_subnav ul#courses li.col2{
	margin-left: 10em;
	padding-bottom: 0.5em;
}
div.container div.home-puff h3{
	color: #FFFFFF;
	font-size: 1.8em;
	width: 10em;
}
div.container div.home-puff p{
	font-size: 1.4em;
	width: 10em;
}
div.container div.home-puff a{

}
div.container div.home-puff span{
	position: absolute;
	bottom: 0.6em;
	color: #FFFFFF;
	font-size: 1.3em;
	left: 2em;
	cursor: pointer;
}
div.container div#special-offer{
	background-image: url(../../assets/images/site/special-offer.gif);
	background-repeat: no-repeat;
	height: 181px;
	width: 17em;
	float: left;
	margin-right: 2em;
	padding: 0.5em;
	position: relative;
	display: block;
	}
.home-puff{
	background-position:  0 0;
}
.rollover{
	background-position: 0 -191px;
}

div.container div#find-a-course{
	background-image: url(../../assets/images/site/find-a-course.gif);
	background-repeat: no-repeat;
	float: left;
	height: 181px;
	width: 17em;
	float: left;
	padding: 0.5em;
	position: relative;
	display: inline;
}
div.container div#find-a-course a, div.container div#special-offer a{
	display: block;
	}
div#logo{
	width: 55%;
	float: right;
	text-align: right;
	position: relative;
	background-image:url(../images/site/logo-home.jpg);
	width:440px;
	height:78px;
	background-repeat:no-repeat;
}