
/* =============================================== */
/* SECTION: HOMEPAGE */
/* =============================================== */


/* ---------------------------------------------------------------------------------------------------------- */
/* New Intro Feature Feb 2009 */

div.intro-feature {
	width : 753px;
	background-color : #EAEADC;
	padding : 5px;
	margin : 0 0 5px 0;
}
div.intro-feature-fr {
	width : 753px;
	background-color : #EAEADC;
	padding : 5px;
	margin : 0 0 5px 0;
}
div.intro-feature h1 {
	text-indent : -3000px;
	background : url(../../images/homepage/intro-header.gif) no-repeat 0 5px;
	height : 38px;
}
div.intro-feature-fr h1 {
	text-indent : -3000px;
	background : url(../../images/homepage/intro-header-fr.gif) no-repeat 0 5px;
	height : 38px;
}



/* Overview Panel */

div.intro-overview {
	background-color : #FCFCF9;
	margin : 0 0 5px 0;
	width : 274px;
	float : left;
	display : inline;
	min-height : 320px;
}
div.intro-overview h2 {
	background : url(../../images/homepage/intro-pricepoint-bg.gif) no-repeat 0 0;
	width : 256px;
	height : 53px;
	overflow : hidden;
	margin : 8px 8px;
	color : White;
}
div.intro-overview h2 span.int-from {
	display : block;
	font-size : 80%;
	float : left;
	margin : 25px 5px 0 15px;
	display : inline;
}
div.intro-overview h2 span.int-euro {
	display : block;
	font-size : 180%;
	float : left;
	margin : 17px 0 0 0;
	display : inline;
}
div.intro-overview h2 span.int-price {
	display : block;
	font-size : 250%;
	float : left;
	margin : 7px 0 0 0;
	letter-spacing : -2px;
	display : inline;
}
div.intro-overview h2 span.int-pps {
	display : block;
	font-size : 70%;
	float : left;
	margin : 18px 0 0 7px;
	width : 90px;
	display : inline;
}
div.intro-overview ul {
	margin : 0 8px 8px 8px;
}
div.intro-overview ul li {
	background : url(../../images/homepage/intro-tick.gif) no-repeat 0 3px;
	border-bottom : 1px solid #EAEADC;
	padding : 3px 0 5px 45px;
	font-size : 80%;
	line-height : 110%;
	font-family : Arial, Helvetica, Verdana, sans-serif;
}
div.intro-overview img.features {
	margin : 0 0 5px 8px;
}
div.intro-overview p.asterix {
	text-align : right;
	margin : 0 8px 0 0;
}


/* Slideshow Region */

div.intro-slideshow {
	margin : 0 0 0px 0;
	width : 479px;
	float : left;
	display : inline;
	position : relative;
}
div.intro-slideshow p.intro-btn {
	position : absolute;
	bottom : 0;
	height : 40px;
	text-indent : -3000px;
}
div.intro-slideshow p.btn-view-apt {
	right : 164px;
	width : 172px;
}
div.intro-slideshow p.btn-book-now {
	right : 10px;
	width : 142px;
}
div.intro-slideshow p.btn-view-apt a {
	background : url(../../images/homepage/intro-btn-viewapartments.gif) no-repeat;
}
div.intro-slideshow p.btn-book-now a {
	background : url(../../images/homepage/intro-btn-booknow.gif) no-repeat;
}
div.intro-slideshow p.intro-btn a:link,
div.intro-slideshow p.intro-btn a:visited {
	display : block;
	background-position : 0 0;
	height : 40px;
}
div.intro-slideshow p.intro-btn a:hover,
div.intro-slideshow p.intro-btn a:active {
	background-position : 0 -40px;
}


div.intro-slideshow p.intro-btn-fr {
	position : absolute;
	bottom : 0;
	height : 40px;
	text-indent : -3000px;
}
div.intro-slideshow p.btn-view-apt-fr {
	right : 164px;
	width : 172px;
}
div.intro-slideshow p.btn-book-now-fr {
	right : 10px;
	width : 142px;
}
div.intro-slideshow p.btn-view-apt-fr a {
	background : url(../../images/homepage/intro-btn-viewapartments-fr.gif) no-repeat;
}
div.intro-slideshow p.btn-book-now-fr a {
	background : url(../../images/homepage/intro-btn-booknow-fr.gif) no-repeat;
}
div.intro-slideshow p.intro-btn-fr a:link,
div.intro-slideshow p.intro-btn-fr a:visited {
	display : block;
	background-position : 0 0;
	height : 40px;
}
div.intro-slideshow p.intro-btn-fr a:hover,
div.intro-slideshow p.intro-btn-fr a:active {
	background-position : 0 -40px;
}

/* =============================================== */
/* stayBirmingham.com Stylesheet */
/* Homepage */
/* Created by Digino/Ben Wakeford 2006 */
/* =============================================== */


/* =============================================== */
/* SECTION: HOMEPAGE */
/* =============================================== */

/* ------------------------------------------ */
/* Homepage : Content Header */

#content-header-hp {
	background-color : #EAEADC;
}

#content-header-hp h1 {
	color : #636363;
	background-color : #EAEADC;
	padding : 7px 0 7px 7px;
	font-size : 115%;
	font-weight : normal;
}

#content-header-hp div.intro-text {
	width : 459px; /*469px - 5px image padding*/
	float : left;
	background-color : #FCFCF9;
	margin : 0 0 5px 0;
}

#content-header-hp div.photos {
	padding : 5px;
	float : left;
}

#content-header-hp div.intro-text h1 {
	color : #FD6E39;
	font-size : 135%;
	font-weight : bold;
}

#content-header-hp div.intro-text p.question {
	margin : 10px 10px 5px 10px;
	padding-bottom : 7px;
	border-bottom : 1px dotted #D9D9C1;
	font-weight : bold;
}

#content-header-hp div.intro-text div.left {
	width : 205px;
	float : left;
	padding : 0px 5px 0px 10px;
}

#content-header-hp div.intro-text div.right {
	width : 205px;
	float : left;
	padding : 0px 5px 0px 10px;
}

#content-header-hp p.hp-morelink {
	font-weight : bold;
	text-align : right;
	border-top : 1px dotted #D9D9C1;
	padding : 5px 0 0 0;
}


/* ------------------------------------------ */
/* Apartment Feature Large */
/* Used for a single apartment on homepage */

#hp-apartment-feature {
	width : 553px;
	height : 327px;
	background-color : #EAEADC;
	padding : 0 0 5px 5px;
	margin : 0 0 5px 0;
}

#hp-apartment-feature #apartment-panel {
	width : 549px;
	height : 295px;
	padding : 0px 0 0 0;
	background : transparent url(../../images/eiffel-homepage.jpg) no-repeat scroll 0 0;
	border : 1px none #EAEADC;
}

#hp-apartment-feature #apartment-text {
	padding : 10px 10px 10px 10px;
	width : 300px;
}

h3#feature-name {
	text-indent : -3000px;
	height : 25px;
	background-position : 0 0px;
	background-repeat : no-repeat;
}
h3#feature-name { background-image : url(../../images/homepage/title-feature-southside.gif); }

#hp-apartment-feature p {
	font-size : 11px;
}

#hp-apartment-feature p.from {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 110%;
	line-height : 100%;
	margin : 0 0 10px 0;
}

#hp-apartment-feature span.price-small {
	color : #38C10E;
	font-size : 140%;
}

#hp-apartment-feature .feature-btn {
	display : inline;
	padding : 0 5px 0 0;
	margin : 10px 0 0 0;
}


/* ------------------------------------------ */
/* Homepage - Our Apartments */

#hp-our-apartments {
	border-bottom : 1px solid #EAEADC;
	margin : 0 0 15px 0;
}

div.apartments-row {
	margin : 0 0 15px 0;
}

div.apartments-row h2 {
	color : #636363;
	padding : 0px 0 5px 0;
	font-size : 85%;
}

div.apartments-row img {
	display : inline;
	float : left;
	border : 3px solid #D9D9C1;
}

div.apartments-row div.details {
	float : left;
	margin : 0 0 0 10px;
	width : 120px;
}

#hp-our-apartments div.left {
	float : left;
	width : 279px;
}

#hp-our-apartments div.right {
	float : left;
	width : 279px;
}

#hp-apartments-top div.left {
	float : left;
	width : 249px;
	padding : 0 5px;
	margin : 0 20px 0 0;
	background-color : #EAEADC;
}

#hp-apartments-top div.left p {
	background-color : #FCFCF9;
	padding : 5px 10px;
}

#hp-apartments-top div.right {
	float : left;
	width : 279px;
	margin : 7px 0 0 0;
}


/* ------------------------------------------ */
/* Homepage : Other */

#hp-versus {
	float : left;
	width : 558px;
	margin : 0 0 0 0;
}

#hp-extras {
	float : left;
	width : 153px;
}

#hp-benefit {
	margin : 10px 4px 0 0;
}

#hp-benefit p {
	background-color : #F3F3E4;
	padding : 10px;
	margin : 0;
	line-height : 150%;
}



/* =============================================== */
/* SECTION: SPECIFC TITLES */
/* =============================================== */

/* ------------------------------------------ */
/* Homepage */

h1#maintitle {
	text-indent : -3000px;
	height : 22px;
	background-position : 0 8px;
	background-repeat : no-repeat;
}

h1#maintitle { background-image : url(../../images/homepage/title-main.gif); }


h1#our-apartments,
h1#versus,
h1#extras,
h1#location
{
	text-indent : -3000px;
	height : 18px;
	background-position : 10px 5px;
	background-repeat : no-repeat;
}

h1#our-apartments { background-image : url(../../images/homepage/title-sub.gif); }
h1#versus { background-image : url(../../images/homepage/title-comparison-vs.gif); }
h1#extras { background-image : url(../../images/homepage/title-extras.gif); }
h1#location { background-image : url(../../images/titles/h1-apart-location.gif); }


h2#temple,
h2#millennium,
h2#ivy,
h2#christ,
h2#capel
{
	text-indent : -3000px;
	height : 24px;
	background-position : 0 0;
	background-repeat : no-repeat;
}

h2#temple { background-image : url(../../images/homepage/title-apartment-templebar.gif); }
h2#millennium { background-image : url(../../images/homepage/title-apartment-millennium.gif); }
h2#ivy { background-image : url(../../images/homepage/title-apartment-ivy.gif); }
h2#christ { background-image : url(../../images/homepage/title-apartment-christ.gif); }
h2#capel { background-image : url(../../images/homepage/title-apartment-capel.gif); }

