/*
	Home
*/

h1 {
	font-size:			1em;}
h2 {
	margin:				0 0 1em 1em;
	color:				#ebdaa3;
	font-size: 			1.1em;
	font-weight:		bold;
	text-transform:		uppercase;}
h3 {
	font-size:			0.9em;
	line-height:		1.6em;
	color:				#ebdcb1;
	text-transform:		uppercase;}
h4 {
	margin:				0 0 1em;
	line-height:		1.8em;
	color:				#fff;
	font:				normal 1.8em Georgia, 'Times New Roman', Times, serif;}
h5 {
	padding:			0 0 0.1em;
	font-size:			1.2em;
	line-height:		1.6em;
	color:				#fff;
	text-transform:		uppercase;}
	
.id-home {}
.id-home .id-header {
	height:				36.2em;}
.id-home .id-header .id-header-image {
	width:				95em;
	height:				36.2em;}
	
/*
	Brand Portfolio
*/

.id-brand_portfolio {
	padding:			0.8em  0 1.5em 0em;
	background:			#181818;
	border-top:			0.2em solid #e0ddd6;}
.id-brand_portfolio ul {
	overflow:			hidden;
	list-style:			none;}
.id-brand_portfolio ul li {
	float:				left;
	width:				10.46em;
	border-right:		0.1em solid #343434;}
.id-brand_portfolio ul li.last {
	border:				0;}
.id-brand_portfolio ul li a {
	display:			block;
	text-align:			center;
	color:				#a3a3a3;}
.id-brand_portfolio ul li a:hover {
	text-decoration:	none;}
.id-brand_portfolio ul li a img {
	/*width:				10.3em;
	height:				6em;*/
	}
.id-brand_portfolio ul li a span {
	display:			block;
	width:				auto;
	margin-top:1em;
	font-size:			1.1em;
	color:				#a3a3a3;}
.id-brand_portfolio ul li a:hover span {
	color:				#fff;}
	
/*
	Panels
*/

.id-panels {
	overflow:			hidden;
	background:			#EFC300;
	border-top:			0.2em solid #e0ddd6;}

/* Region focus */

.id-panels .id-region_focus {
	float:				left;
	position:			relative;
	width:				19.6em;
	height:				18.7em;
	padding:			0.8em 2em;
	background:			#807863;}
.id-panels .id-region_focus h4 a {
	color:				#fff;}
.id-panels .id-region_focus h3 a {
	color:				#ebdcb1;}
.id-panels .id-region_focus .map {
	position:			absolute;
	top:				0;
	right:				0;
	width:				6.3em;
	height:				4.9em;
	background:			#6f6753;}
.id-panels .id-region_focus .map img {
	width:				6.3em;
	height:				4.9em;}
.id-panels .id-region_focus .map .location {
	display:			block;
	position:			absolute;
	top:				2.5em;
	right:				2.1em;
	width:				1em;
	height:				1em;
	background:			url(../../img/maps/dot.png) no-repeat;}
.id-panels .id-region_focus .id-region_focus-image {
	display:			block;
	width:				19.6em;
	height:				11.2em;
	margin:				0 0 0.4em;}
.id-panels .id-region_focus .options {
	overflow:			hidden;}
.id-panels .id-region_focus .options a {
	font-size:			1.1em;
	line-height:		1.6em;
	color:				#d9d7d1;}
.id-panels .id-region_focus .options a:hover {
	color:				#fff;}
.id-panels .id-region_focus .options a.link-more {
	float:				left;}
.id-panels .id-region_focus .options a.link-regions {
	float:				right;}
	
/* Notifications */

.notifications {
	overflow:			hidden;
	float:				left;
	width:				23.7em;}
.notifications .item {
	float:				left;
	width:				19.6em;
	height:				8em;
	padding:			1em 2em;
	background:			#b8b098;
	border-left:		0.2em solid #e0ddd6;}
.notifications .item.id-events {
	height:				8.1em;
	border-top:			0.2em solid #e0ddd6;}
.notifications .header {
	overflow:			hidden;
	margin:				0.3em 0 0.6em;
	border-bottom:		0.1em solid #cdc8b7;}
.notifications .header h5 {
	float:				left;}
.notifications .header a {
	display:			block;
	float:				right;
	margin:				0.2em 0 0;
	color:				#e3e0d7;
	font-size:			1.1em;}
.notifications .header a:hover {
	color:				#fff;}
.notifications ul {
	list-style:			none;}
.notifications ul li {
	display:			block;
	height:				1.9em;
	padding:			0.2em 0 0 1.4em;
	background:			url(../../img/bullet-white.png) no-repeat;
	border-bottom:		0.1em dotted #9d9681;}
.notifications ul li a {
	color:				#554d38;
	font-size:			1.1em;
	line-height:		1.3em;}
.notifications ul li a:hover {
	color:				#fff;}
	
/* Competition */

.id-competition, .id-loggedin {
	overflow:			hidden;
	float:				left;
	width:				22.8em;
	height:				19.5em;
	padding:			0.4em;
	background:			#000;
	border-left:		0.2em solid #e0ddd6;}
.id-competition .detail {
	height:				19.5em;
	background:			#6f6753;}
.id-competition .detail img {
	width:				22.8em;
	height:				12.9em;}
.id-competition .detail p {
	padding:			0.8em 1.4em;
	color:				#f3e6bb;
	font:				normal 1em Georgia, 'Times New Roman', Times, serif;
	line-height:		1.3em;
	text-transform:		uppercase;}
	
/* Logged In  */

.id-loggedin .detail {
	margin:0;
	height:				19.5em;
	background:			#6f6753;
	color:				#000;}
.id-loggedin .detail img {
	width:				22.8em;
	height:				12.9em;}
	
.id-loggedin .detail span{
	text-transform:		uppercase;
	margin-bottom:		0.5em;
	font:				normal 1em Georgia, 'Times New Roman', Times, serif;
	display:			block;}
.id-loggedin .detail p {
	padding:			0.8em 1.4em;
	background:#efc300;
	height:				5em;
	line-height:		1.3em;
	color: 			#000000;
	font-weight: 	bold;
	text-transform: uppercase;
	}
	
.id-loggedin .detail p a{
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	color:#000000;}
	
.id-loggedin .detail p a:hover {
	color:#fff;}
	
	
/* Login panel */

.id-login_panel {
	float:				left;
	width:				19.6em;
	height:				18.3em;
	padding:			1em 2em;
	background:			#efc300;
	border-left:		0.2em solid #e0ddd6;}

.id-login_panel label {
	display:			block;
	cursor:				pointer;}
.id-login_panel label.heading {
	margin:				0.2em 0 0.4em;
	font-size:			1.3em;}
.id-login_panel label span {
	display:			block;
	margin:				0.8em 0 0.2em;
	font:				normal 1.1em Georgia, 'Times New Roman', Times, serif;
	line-height:		1.4em;}
.id-login_panel label .txt {
	width:				17.3em;
	height:				1.2em;
	padding:			0.3em 0.2em 0.3em 0.4em;
	font-size:			1.1em;
	background:			url(../../img/login_box.png) no-repeat;
	color:				#fff;}

.id-login_panel .options {
	overflow:			hidden;
	margin:				1em 0 1.2em;}
.id-login_panel .options label {
	overflow:			hidden;
	display:			block;
	float:				left;
	margin:				0.5em 0 0;
	font:				normal 1em 'Trebuchet MS', Helvetica, Jamrul, Sans-Serif;}
.id-login_panel .options label input {
	float:				left;
	margin:				0.1em 0 0;}
.id-login_panel .options label span {
	float:				left;
	margin:				0 0 0 0.5em;
	font:				normal 1.1em 'Trebuchet MS', Helvetica, Jamrul, Sans-Serif;
	line-height:		1.4em;
	color:				#8e7400;}
.id-login_panel .options label span:hover {
	color:				#fff;}
.id-login_panel .options .submit {
	float:				right;
	width:				5.5em;
	height:				1.8em;
	margin:				0.3em 0 0;
	padding:			0 0 0.1em;
	font:				normal 1.1em 'Trebuchet MS', Helvetica, Jamrul, Sans-Serif;
	background:			url(../../img/icons/btn/btn-login.png) no-repeat;
	cursor:				pointer;}

.id-login_panel .options-other {
	overflow:			hidden;}
.id-login_panel .options-other a {
	font-size:			1.1em;
	color:				#8e7400;}
.id-login_panel .options-other a:hover {
	color:				#fff;}
.id-login_panel .options-other a.sign-up {
	float:				left;}
.id-login_panel .options-other a.forgot-password {
	float:				right;}
	
	.id-competition .detail {
background:#6F6753 none repeat scroll 0 0;
height:19.5em;
margin:0;
}