@charset "UTF-8";



#up0, #dn0 {
	z-index: 100;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) no-repeat 200px center;
}




#content {
	background: url(../images/showcase-home-repeat-x.gif);
}


.home #showcase{
	background: url(../images/showcase-home.gif) no-repeat left 310px;
}
.home #building1,.home #building2,.home #building3,.home #building4{
	margin-left: 0px;
	width: 185px;
	float: left;
}
.home #building1 h2,.home #building2 h2,.home #building3 h2,.home #building4 h2{
	padding: 12px 0 0 12px;
}
.home #building1 p{
	color: #DA9B9C;
	margin-left: 12px;
}
#building1 a {
	text-decoration: none;
	color: #DA9B9C;
}
.home #building2 p{
	color: #B8C7DD;
	margin-left: 12px;
}
#building2 a {
	text-decoration: none;
	color: #B8C7DD;
}
.home #building3 p{
	color: #E1A9C6;
	margin-left: 12px;
}
#building3 a {
	text-decoration: none;
	color: #E1A9C6;
}
.home #building4 p{
	color: #999;
	margin-left: 12px;
}
#building4 a {
	text-decoration: none;
	color: #999;
}
.home .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}
.home .root {
	margin-left: 0px;
}







.uv #building{
	margin-left: 400px;
	padding-top: 22px;
}
.uv #building p,.uv #building a{
	color: #999;
	text-decoration: none;
}
.uv .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}
.light #content {
	background: url(../images/showcase-light-repeat-x.gif);
}
.light #content p ,.light #content li,.light #content a{
	color: #555;
}
.light #building h2 {
	color: #555;
}


.community #building{
	margin-left: 400px;
	padding-top: 22px;
}
.community #building p{
	color: #999;
}
.community .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}



.builder #building{
	margin-left: 400px;
	padding-top: 22px;
}
.builder #building p{
	color: #999;
}
.builder #building a{
	color: #999;
	text-decoration:none;
}
.builder .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}



.media #building{
	margin-left: 400px;
	padding-top: 22px;
}
.media #building p{
	color: #999;
}
.media .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}


.contact #building{
	margin-left: 400px;
	padding-top: 22px;
}
.contact #building p,.contact #building a{
	color: #999;
	text-decoration: none;
}
.contact .root h1 {
	color: #999;
	padding-top: 40px;
	margin-top: 0px;
}




.agenda #content {
	background: url(../images/showcase-agenda-repeat-x.gif);
}
.agenda #showcase{
}
.agenda #building{
	margin-left: 400px;
	padding-top: 22px;
}
.agenda #building p{
	color: #DA9B9C;
}
.agenda .root h1 {
	color: #DA9B9C;
	padding-top: 40px;
	margin-top: 0px;
}




.element #content {
	background: url(../images/showcase-element-repeat-x.gif);
}
.element #showcase{
}
.element #building{
	margin-left: 400px;
	padding-top: 22px;
}
.element #building p{
	color: #B8C7DD;
}
.element .root h1 {
	color: #B8C7DD;
	padding-top: 40px;
	margin-top: 0px;
}





.ultra #content {
	background: url(../images/showcase-ultra-repeat-x.gif);
}
.ultra #showcase{
}
.ultra #building{
	margin-left: 400px;
	padding-top: 22px;
}
.ultra #building p,.ultra #building a{
	color: #E1A9C6;
	text-decoration: none;
}
.ultra .root h1 {
	color: #E1A9C6;
	padding-top: 40px;
	margin-top: 0px;
}

.ultra .root h2 {
	color: #E1A9C6;
	padding-top: 10px;
	margin-top: 0px;
	font-size: 12px;
	letter-spacing: 2px;
}





#registration {
	background: url(../images/registration-bg-repeat-x.gif);
}
h1 {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 13px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
}
h2 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}


h3 a{
	font-size: 13px;
	font-weight: normal;
	color: #aaa;
	margin-top: 0px;
	margin-bottom: 5px;
	text-decoration:none;
}



p,#scroll0Content ul li  {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 12px;
	list-style: square;
}







.root 		{
	position:relative;
	height:			310px;
	margin: 			0px 0px 0px 400px;
/*	background: url(../images/scroll-bg-gray.gif) no-repeat 321px;
*/		}
.root p 	, .root li{
	line-height: 20px;
	color: #FFF;
		}
.thumb 		{
	position:			absolute;
	height:			auto;
	width:			auto;
		}
.up, .dn 	{
	position:			absolute;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer {
	clip:			auto;
	position:			absolute;
	left:			0px;
	top:			0px;
	width:			340px;
	height:			310px;
	overflow:			auto;
		}
.scrollContent {
	position:			absolute;
	left:			0px;
	top:			0px;
	width:			300px;
		}
a img {
	border-style: none;
}

ul li a,
p a {
	color: #FFF;
}
p a:hover {
}
#image {
	float: left;
	width: auto;
	height: 400px;
}
.homeintro {
	color: #999;
	padding-left: 20px;
	line-height: 17px;
	padding-top: 10px;
}
.homeintro p a {
	text-decoration: none;
}