/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---        BUILD        --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.WIDTH {
	margin: 0 auto;
	width: 960px;
	}


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


.INDEX-header {
	background: url('../_images/layout/index/header/bg.png') repeat-x 0 0;
	width: 100%;
	}
	
.INDEX-header .WIDTH {
	height: 112px;
	padding: 19px 0;
	position: relative;
	}

.INDEX-header .INDEX-header-logo {
	background: url('../_images/layout/index/promo/logo.png') no-repeat 0 0;
	border-right: 1px #1d70a8 solid;
	float: left;
	height: 113px;
	position: relative;
	padding-right: 43px;
	width: 266px;
	z-index: 90;
	}
	
.INDEX-header .INDEX-header-search {
	border-left: 1px #2592db solid;
	float: left;
	height: 113px;
	padding-left: 58px;
	position: relative;
	z-index: 90;
	}
	
.INDEX-header .INDEX-header-search .INDEX-header-search-area {
	background: url('../_images/layout/index/promo/search/bg.png') no-repeat 0 0;
	overflow: hidden;
	margin-top: 29px;
	padding: 8px 8px 8px 9px;
	width: 492px;
	}
	
.INDEX-header .INDEX-header-search .INDEX-header-search-area #INDEX-header-search-keywords {
	background: url('../_images/layout/index/promo/search/input.png') no-repeat 0 0;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 38px;
	line-height: 34px;
	margin: 1px 6px 0 0;
	padding: 0 10px 0 8px;
	width: 401px;
	}
	
.INDEX-header .INDEX-header-search .INDEX-header-search-area #INDEX-header-search-keywords.static {
	color: #888888;
	font-style: italic;
	font-weight: normal;
	}
	
.INDEX-header .INDEX-header-search .INDEX-header-search-area #INDEX-header-search-button {
	background: url('../_images/layout/index/promo/search/button.png') no-repeat 0 0;
	cursor: pointer;
	float: left;
	font-size: 0;
	height: 40px;
	margin: 0 0 0;
	text-indent: -9999px;
	width: 50px;
	}
	
.INDEX-header .INDEX-header-search .INDEX-header-search-area #INDEX-header-search-button:hover {
	background-position: 0 -46px;
	}
	
.INDEX-header .INDEX-header-sunburst {
	background: url('../_images/layout/index/header/sunburst.png') no-repeat 0 0;
	height: 150px;
	left: -100px;
	position: absolute;
	top: -1px;
	width: 803px;
	z-index: 30;
	}
	
.INDEX-header .INDEX-header-berty {
	background: url('../_images/layout/index/header/berty.png') no-repeat 0 0;
	height: 150px;
	position: absolute;
	right: 0;
	top: 0;
	width: 447px;
	z-index: 40;
	}


/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---      NAVIGATION     --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-navigation {
	background: url('../_images/layout/index/navigation/bg.png') repeat-x 0 0;
	height: 32px;
	padding: 10px 0;
	width: 100%;
	}
	
	
/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---       CONTENT       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-content {
	background: #ffffff;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
	}
	
.INDEX-content .INDEX-left {
	float: left;
	width: 708px;
	}
	
.INDEX-content .INDEX-right {
	float: right;
	width: 250px;
	}


/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---      HIGHLIGHTS     --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX .REEL .REEL-middle {
	width: 960px;
	}

.INDEX .REEL ul.REEL-ul li {
	margin-right: 9px;
	}


/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---     GET STARTED     --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-get-started {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #e0f3ff;
	border-radius: 4px;
	margin: 0 8px 15px 0;
	overflow: hidden;
	padding: 13px 13px 11px 13px;
	}
	
.INDEX-get-started ul.BUTTON-large {
	float: right;
	}
	
.INDEX-get-started ul.BUTTON-large li span em {
	background: url('../_images/layout/index/get_started/icon.png') no-repeat 0 0;
	height: 16px;
	margin: 11px 12px 0 10px;
	width: 19px;
	}
	
.INDEX-get-started h4 {
	float: left;
	font-size: 15px;
	line-height: 40px;
	margin: 0 0 0 6px;
	}


/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---       RESULTS       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-recent {
	margin-top: 15px;
	}
	
	
/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---      SIGN IN        --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-signin {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f7f7f7;
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 10px;
	}
	
.INDEX-signin h3 {
	margin-bottom: 10px;
	}
	
.INDEX-signin fieldset {
	padding-bottom: 10px;
	}

.INDEX-signin fieldset label {
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
	}

.INDEX-signin fieldset label span {
	float: right;
	font-size: 10px;
	}

.INDEX-signin .INDEX-signin-buttons .INDEX-signin-buttons-remember {
	float: left;
	padding-top: 6px;
	}

.INDEX-signin .INDEX-signin-buttons .INDEX-signin-buttons-remember input {
	margin-top: 1px;
	}

.INDEX-signin .INDEX-signin-buttons .INDEX-signin-buttons-remember label {
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	}
	
.INDEX-signin .INDEX-signin-join {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #e8e8e8;
	border: 1px #cccccc solid;
	border-radius: 3px;
	margin-top: 10px;
	padding: 10px;
	}
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect {
	margin: 4px auto 0;
	overflow: hidden;
	width: 158px;
	}
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect div {
	float: left;
	height: 22px;
	width: 77px;
	}
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-facebook {
	margin-right: 4px;
	}
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect div a, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect div a:visited, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect div a:hover {
	background: no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 22px;
	width: 77px;
	}
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-facebook a, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-facebook a:visited, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-facebook a:hover {
	background-image: url('../_images/layout/index/signin/connect/facebook.png');
	}
	
	
.INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-twitter a, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-twitter a:visited, .INDEX-signin .INDEX-signin-join .INDEX-signin-join-connect .INDEX-signin-join-connect-twitter a:hover {
	background-image: url('../_images/layout/index/signin/connect/twitter.png');
	}
	

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---         NOW         --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


#NOW-large {
	margin-bottom: 15px;
	}
	

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---       ADVERTS       --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX .ADVERTS {
	margin: 0;
	width: 100%;
	}
	 
.INDEX .ADVERTS h6 {
	margin: 0;
	}
	
.INDEX .ADVERTS ul.boxes {
	margin-top: 6px;
	overflow: hidden;
	}
	
.INDEX .ADVERTS ul.boxes li {
	float: left;
	width: 120px;
	}
	
.INDEX .ADVERTS ul.boxes li#advert_1 {
	margin-right: 10px;
	}
	

/*  --- --- --- --- --- --- --- --- --- --- --- ---
--- --- --- ---       FOOTER        --- --- --- ---
--- --- --- --- --- --- --- --- --- --- --- ---  */


.INDEX-footer {
	margin: 15px 0 30px;
	}