/*/////////////////////////////////////////////////////////////////////
	Homepage Styles
/////////////////////////////////////////////////////////////////////*/

	
#whoAreYou {
	background: url(../../images/home/who-are-you.jpg) no-repeat;
	width: 980px;
	height: 314px;
	margin: 0 10px;
	position: relative;
	}
	
#whoAreYou form {
	position: absolute;
	top: 230px;
	left: 650px;
	}

/* top menu */

#topMenuHome {
	background: url(../../images/home/top-menu-home-bg.gif) no-repeat;
	width: 918px;
	height: 20px;
	padding: 13px 0 0 82px;
	}
	
#topMenuHome ul {
	list-style-type: none;
	font-size: 1.2em;
	}
	
#topMenuHome li {
	float: left;
	}
	
#topMenuHome li span {
	font-size: 0.8em;
	margin: 0 10px;
	line-height: -10px;
	vertical-align: text-top;
	}
	
#topMenuHome a {
	color: #666666;
	text-decoration: none;
	}

#topMenuHome a:hover {
	color: #d70b8c;
	}
	
	
/* news */

ul#homeNews {
	list-style-type: none;
	margin: 10px 10px 0 10px;
	border: 1px solid #e7e7e7;
	background: url(../../images/home/news-bg.gif) repeat-y;
	}
	
ul#homeNews li {
	float: left;
	padding: 30px 15px;
	}
	
ul#homeNews li.newsOne {
	width: 213px;
	}
	
ul#homeNews li.newsTwo {
	width: 214px;
	}
	
ul#homeNews li.newsThree {
	width: 214px;
	}
	
ul#homeNews li.newsFour {
	width: 214px;
	}
	
ul#homeNews h2 {
	font-size: 1.4em;
	color: #666666;
	padding: 0;
	height: 50px;
	}

ul#homeNews h2 a {
	color: #666666;
}
	
ul#homeNews p.date {
	margin: 2px 0 4px 0;;
	}
	
ul#homeNews a {
	text-decoration: none;
	color: #666565;
	}
	
ul#homeNews a:hover {
	color: #d70b8c;
	}
	
ul#homeNews div.newsInfo p {
	width:125px;
	float: left;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
ul#homeNews div.newsInfo img {
	border: 1px solid #b8b8b8;
	width: 72px;
	float: left;
	margin: 2px 0 0 0;
	}


/* colour blocks */

ul#colourBlocks {
	list-style-type: none;
	margin: 8px 0 0 10px;
	}
	
ul#colourBlocks li {
	float: left;
	border-right: 1px solid #ffffff;
	}
	
ul#colourBlocks li.colourFour {
	border-right: none;
	}

/* jqModal */

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 0;
    padding: 12px;
	z-index: 50000 !important;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.jqmWindow h2 { font-size: 2.4em !important; }
.jqmWindow h3 { font-size: 17px !important;  }
.jqmWindow a {
	float: left; 
	padding-top: 3px; height: 15px !important;
	font-size: 13px; text-decoration: none;
}

.jqmWindow span.or {
	float: left; margin: 3px 7px; display: block; font-size: 13px; font-weight: bold;
}

.jqmOverlay { background-color: #000; z-index:100; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#home #main-container { background: none #FFF; }

#phoneBox {
	float: right;
	padding: 10px 20px;
}

#phoneBox p {
	text-align: right; font-size: 14px;
}

#phoneBox p#phoneNumber {
	font-size: 28px;
}

#phoneBox p#phoneNumber span {
	display: block; float: left;
	width: 21px; height: 21px; margin: 4px 9px 0 0;
	background: url(../../images/layout/new-header-sprite.png) no-repeat;
}

#new-site-search {
	width: 230px; height: 24px; float: right; margin-right: 20px;
	background: url(../../images/layout/new-header-sprite.png) no-repeat -21px 0;
}

#new-site-search input, #new-site-search label, #new-site-search button {
	float: left;
	background:none; border: none;
}

#new-site-search input {
	width: 147px;
	margin: 4px 0 0 14px;
}

#new-site-search button {
	display: block; width: 69px; height: 23px;
	text-indent: -9999em; cursor: pointer;
}

#home .dropdown {
	margin: 0 20px 0 10px;
}

#home #change-interest .interests {
	position: relative;
	top: -30px;
	left:-10px;
}

#home .interest-container div.interests ul {
	top: 0;
}

#home .interest-container div.interests {
	padding: 44px 0 0;
}

#home .dropdown a.change-label{
			width:200px;
			height:38px;
			line-height:18px;
			float:right;
			padding:0 24px 0 0; margin-top: 10px;
			text-align:left;
			background-image:url(../../images/forms/change-interest.png) !important;
			background-image:url(../../images/forms/change-interest.gif);
			background-repeat:no-repeat;
			background-position:-5px -123px;
			color:#8D9AA3; display: block;
			font-size:0; text-indent: -9999em;
			display:block;
		}

#homepage .text-column {
	float: left;
	width: 380px; padding: 0 30px 30px 0;
	background: url(../../images/homepage/homepage-seperator.png) no-repeat 400px 0;
}

#homepage .text-column h1.green { color:#379800; }

#homepage .text-column p {
	font-size: 17px; line-height: 22px; color: #2d3236;
}

#homepage .text-column .dropup a.change-label {
	background-position:-5px -200px;
}

#homepage .text-column .dropup div.interests {
	top: -224px;
	z-index: 10000;
}

#registerBox {
	width: 282px; height: 155px;
	padding: 20px; margin: 30px 0;
	background-image: url(../../images/homepage/register-box-bg.png);
}

#registerBox h2 {
	margin-bottom: -2px;
	color: #97155e; font-size: 32px;
}

#homepage .text-column #registerBox p {
	font-size: 13px; color: #97155e; line-height: 24px;
}

#registerBox #registerLink {
	display: block; text-indent: -9999em;
	width: 102px; height: 22px;
	background-image: url(../../images/buttons/sign-up-here.png);
}

.right-carousel {
	float: right !important; position: relative;
	margin: 0 !important; width: 410px !important;
	height: 620px;
	text-align: left; background: none !important;
}

.right-carousel h1 {
	color: #2d3236;
}

.right-carousel p {
	font-size: 15px !important; line-height: 26px !important;
}

#myController { position: absolute; top: 30px; right: 10px; z-index:1000; }
#myController a {
	display:block;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	background:url(../../images/homepage/button.gif) no-repeat 0 0;
	cursor:pointer;
	height:10px;
	width:10px;
	float:left;
	margin:0 10px 0 0;
}
#myController a.activeSlide,
#myController a:hover {
	background-position:0 -10px;
}

#mySlides div {
	width: 410px; height: 650px;
}
	#mySlides div p {
		padding-right:0;
	}
	#mySlides div p sup {
		font-size:50%;
	}

.right-carousel .slide-one {
	background:#fff url(../../images/homepage/home-person-1.jpg) no-repeat bottom right !important;
}

.right-carousel .slide-two {
	background:#fff url(../../images/homepage/home-person-2.jpg) no-repeat bottom right !important;
}

.right-carousel .slide-three {
	background:#fff url(../../images/homepage/home-person-3.jpg) no-repeat bottom right !important;
}

#home #footer { margin-top: 0; }