@import url(base.css);

DIV#bigimage {
	position: relative;
	width: 901px;
	height: 452px;
}

DIV#bigimage DIV#images {
	width: 901px;
	height: 452px;
	overflow: hidden;
}

DIV#bigimage DIV#images IMG {
	position: absolute;
	left: 0;
	top: 0;
	background: none;
	padding: 0;
	z-index: 5;
}

DIV#yellowband {
	position: absolute;
	left: -34px;
	top: 218px;
	width: 969px;
	height: 157px;
	background: transparent url(../_img/ui/bg-yellowband.png) 0 0 no-repeat;
	padding: 13px 0 0;
	z-index: 15;
	zoom: 1;
}

DIV#yellowband IMG {
	display: none;
	position: absolute;
	left: 0;
	top: 13px;
	background: none;
	padding: 0;
}

A.gotinterested {
	display: none;
	position: absolute;
	left: 50%;
	top: 135px;
	width: 145px;
	height: 29px;
	background: transparent url(../_img/misc/got-interested.png) 0 0 no-repeat;
	margin: 0 0 0 -73px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 20;
}



DIV#fourboxes {
	width: 901px;
	height: 122px;
	background: #010001 url(../_img/ui/bg-fourboxes.gif) 0 0 repeat-x;
	overflow: hidden !important;
}

DIV#fourboxes A {
	display: block;
	height: 122px;
	background: transparent url(../_img/ui/bg-fourboxes-line.gif) 0 0 no-repeat;
	padding: 0 0 0 3px;
	overflow: hidden;
	float: left;
}

DIV#fourboxes A:HOVER IMG {
	margin-top: -122px;
}

DIV#fourboxes A.first {
	background: none;
	padding: 0;
}



DIV#twoboxes {
	width: 901px;
	height: 326px;
	background: #FFF url(../_img/ui/bg-twoboxes.gif) 0 0 no-repeat;
}

DIV#leftbox {
	position: relative;
	width: 541px;
	height: 326px;
	background: transparent url(../_img/content/misc/index-icons.gif) right bottom no-repeat;
	padding: 0 0 0 35px;
	float: left;
}

DIV#leftbox DIV.text {
	width: 290px;
	padding: 29px 0 0;
	text-shadow: #EEE 0 1px 0;
}

DIV#leftbox IMG.right {
	position: absolute;
	right: 0;
	top: 28px;
}

DIV#rightbox {
	position: relative;
	width: 325px;
	height: 326px;
	text-align: center;
	float: right;
}

DIV#rightbox P {
	padding: 0;	
}

SPAN#yellowcorner {
	display: block;
	position: absolute;
	right: -24px;
	top: 192px;
	width: 24px;
	height: 78px;
	background: transparent url(../_img/misc/yellowcorner.png) 0 0 no-repeat;
}


H1 {
	padding: 0 0 0.84em;
	font-size: 2.0833em;
	line-height: 1.16;
	text-shadow: #DDD 0 1px 0;
}

H2 {
	padding: 0 0 0.84em;
	font-size: 2.0833em;
	line-height: 1.16;
	text-shadow: #DDD 0 1px 0;
}

DIV#twoboxes H2 {
	height: 53px;
	padding: 0;
	line-height: 53px;
}



DIV#text {
	width: 901px;
	min-height: 280px;
	background: #FFF url(../_img/ui/bg-text-index.gif) 0 0 repeat-x;
	padding: 0 0 21px;
}

DIV.col {
	min-height: 249px;
	background: transparent url(../_img/ui/bg-text-index-line.gif) 0 0 no-repeat;
	padding: 31px 23px 0 27px;
	text-shadow: #E8E8E8 0 1px 0;
	float: left;
}

DIV.col1 {
	width: 361px;
	background: none;
}

DIV.col2 {
	width: 194px;
	padding-left: 28px;
}

DIV.col3 {
	width: 194px;
	padding-left: 28px;
}

UL.news {
	padding: 0;
	list-style: none;
}

UL.news LI {
	padding: 0 0 21px;
}

UL.news LI STRONG {
	padding: 0 7px 0 0;	
}

UL.news LI A {
	color: #111 !important;
}

UL.news LI A:HOVER {
	color: #555 !important;
}



A.readmore {
	display: block;
	width: 120px;
	height: 33px;
	background: transparent url(../_img/misc/readmore-white.gif) 0 0 no-repeat;
	margin: 11px auto 0;
	text-indent: -9999px;
	overflow: hidden;
}

A.gettoknowus {
	display: block;
	position: absolute;
	left: 97px;
	top: 285px;
	width: 145px;
	height: 29px;
	background: transparent url(../_img/misc/gettoknowus.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2000;
}



P#facebox {
	position: relative;
	width: 325px;
	height: 273px;
	overflow: hidden;
}

P#facebox IMG {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

IMG#smallband {
	position: absolute;
	left: 0;
	top: 201px;
	z-index: 2000;
}