/* =============================================== */
/* ADI.tv Stylesheet */
/* Layout Definition */
/* Created by Ben Wakeford 2007 */
/* =============================================== */


/* =============================================== */
/* SECTION: OVERALL LAYOUT */
/* =============================================== */


/* - CONTAINER ------------ */

#container {
	width : 955px;
	margin : 0 auto 10px auto;
	/*position : relative;*/
	/* :HACK: Reset IE5 hack from BODY tag: */
	text-align : left;
	/* :END HACK: */
	background : url(../../images/index/index-bg.jpg) no-repeat top;
	padding : 20px 0 0 0;
}


/* - HEADER  ------------ */

div.intro {
	width : 435px;
	float : left;
	padding : 0 20px 0 0;
	margin : 185px 0 20px 0;
}

div.promo {
	width : 452px;
	float : left;
	margin : 15px 20px 20px 24px;
	border : 1px solid #474747;
	background : #1B1B1B;
}

div.type-col {
	width : 226px;
	float : left;
	margin : 0px 0 20px 0;
	padding : 0 0 0 23px;
	border-left : 1px dotted #434343;
}

/* - High Position Edits */

div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
	}
	
	div.cf_element div.content
	{
		padding: 10px;		
	}
	
	div.cf_element div.content h1 {
	background-image: none;
	font-size : 150%;
	margin : -40px 0 40px 0;
	color : #80C41B;
	overflow:visible;
	}
	
	div.cf_element div.content h2, h3 {
	font-size : 150%;
	margin : 17px 0 17px 0;
	color : #80C41B;
	}
	
	div.cf_element div.content h3 {
	font-size : 150%;
	margin : 20px 0 20px 0;
	color : #80C41B;
	}
	

/* - CONTENT ------------ */

div.intro h1 {
	background : url(../../images/index/index-logo.gif) no-repeat 0 0;
	width : 236px;
	height : 0px;
	padding : 60px 0 0 0;
	overflow : hidden;
}

div.intro p.h1 {
	background : url(../../images/index/index-logo.gif) no-repeat 0 0;
	width : 236px;
	height : 0px;
	padding : 60px 0 0 0;
	overflow : hidden;
}	

div.intro h2 {
	font-size : 150%;
	margin : 20px 0 20px 0;
	line-height : 130%;
	color : #80C41B;
	font-weight:800;
}

div.intro p.h2 {
	font-size : 150%;
	margin : 20px 0 20px 0;
	line-height : 130%;
	font-weight:bold;
	color : #80C41B;
}

p.alert {
	background : #1B1B1B;
	/*border : 1px solid #474747;*/
	margin : 0 0 0px 0;
	font-size : 70%;
	padding : 5px 10px 5px 10px;
	text-align : center;
}

div.type-col p.button {
	width : 203px;
	height : 53px;
	overflow : hidden;
}

div.type-col p.button a:link,
div.type-col p.button a:visited {
	width : 203px;
	height: 0px;
	overflow : hidden;
	padding : 53px 0 0 0;
	background : no-repeat 0 -53px;
	display : block;
}
div.type-col p.button a:hover,
div.type-col p.button a:active {
	background : no-repeat 0 0;
}
div.type-col p.button a.btn-sales:link,
div.type-col p.button a.btn-sales:visited {
	background-image : url(../../images/index/button-sales.gif);
}
div.type-col p.button a.btn-rental:link,
div.type-col p.button a.btn-rental:visited {
	background-image : url(../../images/index/button-rental.gif);
}




/* =============================================== */
/* SECTION: MISCELLANEOUS */
/* =============================================== */

/* -- Force succeeding elements onto the next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}

/* -- Hide accessibility elements from advanced browsers -- */
.hide {
	display : none;
}

.smalltext {
	font-size : 65%;
	color : #C2C2C2;
}