@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
}

html, body {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
    }

.container {
    position:relative;
    margin:0 auto;
    width:900px;
	min-height:550px;
	background:#000003 url(../images/main/middle.gif);
    }
* html .containerwrap {
	height:400px;
}

.logo {
	background:url(../images/main/logo.gif) no-repeat;
	width:195px;
	height:175px;
	position:absolute;
	left:45px;
	top:30px;
}

/* Loginarea */

.loginarea {
	position:absolute;
	right:7px;
	top:40px;
	width:133px;
	}
.loginboxes {
	background:#EDEDED;
	color:#333;
	border:none;
	padding:2px;
	margin:0 0 5px 0;
	width:129px;
	}
.loginsubmit {
	margin:5px 0 7px 0;
	}
.forgotpass {
	font-size:9px;
	color:#999;
	display:block;
	margin-bottom:10px;
	}
.regnombtn, .votingbtn {
	display:block;
	margin-bottom:5px;
	}

.logmenu {
	display:block;
	border:1px solid #ccc;
	padding:2px;
	width:129px;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#333;
	}
.logmenu:hover {
	background:#EDEDED;
	text-decoration:none;
	}


/* menu */

.menu {
	width:255px;
	list-style:none;
	position:absolute;
	top:270px;
	right:0px;
	z-index:50;
}
.menu li {
	padding:7px 0 9px 100px;
	margin:0;
	background:url(../images/main/menu_divider.png) no-repeat bottom;
}
* html .menu li {
	background:url(../images/main/menu_divider.gif) no-repeat bottom;
}
.menu li a {
	color:#333333;
	padding:0 0 0px 15px;
	text-decoration:none;
	font-weight:bold;
}
.menu li a:hover {
	color:#1F94D2;
}

.home .menuhome a, .categories .menucategories a, .criteria .menucriteria a, .nominate .menunominate a, .winners .menuwinners a, .voting .menuvoting a, .judges .menujudges a, .shortlist .menushortlist a, .event .menuevent a, .tickets .menutickets a, .sponsors .menusponsors a, .press .menupress a, .pastwinners .menupastwinners a, .contacts .menucontacts a {
	background:url(../images/main/arrow.gif) no-repeat center left;
	color:#1F94D2;
}

/*
.menudivider {
background:url(../images/main/menu_divider.png) no-repeat bottom;
position:relative;
left:-100px;
height:8px;
width:251px;
}
* html .menudivider {
	background:url(../images/main/menu_divider.gif) no-repeat bottom;
}
*/

.title {
	height:33px;
	padding:0 0 20px 0;
	background:none;
}

.content {
	min-height:360px;
	padding:260px 280px 0 120px;
	background:url(../images/main/top.jpg) no-repeat;
	color:#FFFFFF;
	width:500px;
}
* html .content {
	height:360px;
}
.content p {
    padding:0 0 0 0;
}

.content ul {
    padding:0 280px 0 15px;
}

.content li {
    margin:10px 0;
}

.categories .content p {
font-size:14px;
}
.categories .content .firstpara {
font-size:18px;
}
.categories .content .smaller {
font-size:12px;
}

p {
	margin:0 0 10px 0;
}

a {
    text-decoration:none;
    color:#1F94D2;
}

a:hover {
    text-decoration:underline;
}

.bluetext {
color:#1F94D2;
}
.voteselected {
color:#ffff00;
}

.firstpara {
	font-size:18px;
	margin:0 0 20px 0;
}

.largepara {
	font-size:14px;
	margin:0 0 20px 0;
}

.bold {
    font-weight:bold;
}

.subtitle {
    font-weight:bold;
    color:#1F94D2;
    font-size:14px;
}

.blue {
	color:#1F94D2;
}

.yellow {
	color:#FFF200;
}

/* start - page floating images */

.imagebox {
	height:0px;
	position:relative;
	z-index:52;
}

.cafeparis {
	background:url(../images/page_images/cafeparis1.png) no-repeat;
	position:absolute;
	left:-200px;
	top:50px;
	width:343px;
	height:327px;
	z-index:51;
}
* html .cafeparis {
	background:url(../images/page_images/cafeparis1.gif) no-repeat;
}

.womanheadphones1 {
	background:url(../images/page_images/woman_headphones1.png) no-repeat;
	position:absolute;
	left:-150px;
	width:346px;
	height:311px;
	z-index:51;
}
* html .womanheadphones1 {
	background:url(../images/page_images/woman_headphones1.gif) no-repeat;
}

.mixingdesk1 {
	background:url(../images/page_images/mixing_desk1.png) no-repeat;
	position:absolute;
	left:-150px;
	width:205px;
	height:185px;
	z-index:51;
}
* html .mixingdesk1 {
	background:url(../images/page_images/mixing_desk1.gif) no-repeat;
}

.mixingdesk2 {
	background:url(../images/page_images/mixing_desk2.png) no-repeat;
	position:absolute;
	left:-150px;
	width:271px;
	height:244px;
	z-index:51;
}
* html .mixingdesk2 {
	background:url(../images/page_images/mixing_desk2.gif) no-repeat;
}

.handdeck1 {
	background:url(../images/page_images/hand_deck1.png) no-repeat;
	position:absolute;
	left:-150px;
	top:140px;
	width:205px;
	height:185px;
	z-index:51;
}
* html .handdeck1 {
	background:url(../images/page_images/hand_deck1.gif) no-repeat;
}

.crowd1 {
	background:url(../images/page_images/crowd1.png) no-repeat;
	position:absolute;
	left:-150px;
	top:50px;
	width:339px;
	height:305px;
	z-index:51;
}
* html .crowd1 {
	background:url(../images/page_images/crowd1.gif) no-repeat;
}

.crowd2 {
	background:url(../images/page_images/crowd2.png) no-repeat;
	position:absolute;
	right:-250px;
	top:-250px;
	width:278px;
	height:250px;
	z-index:51;
}
* html .crowd2 {
	background:url(../images/page_images/crowd2.gif) no-repeat;
}

.sounddeck1 {
	background:url(../images/page_images/sound_deck1.png) no-repeat;
	position:absolute;
	left:-150px;
	top:120px;
	width:339px;
	height:305px;
	z-index:51;
}
* html .sounddeck1 {
	background:url(../images/page_images/sound_deck1.gif) no-repeat;
}

.blank1 {
	background:url(../images/page_images/blank1.png) no-repeat;
	position:absolute;
	left:-75px;
	width:346px;
	height:311px;
	z-index:51;
	padding:45px 0 0 20px;
}
* html .blank1 {
	background:url(../images/page_images/blank1.gif) no-repeat;
}
.blank1 p {
	color:#1F94D2;
    font-size:12px;
	padding:10px 0 0 0;
}

/* end - page floating images */

.catdivider {
	background:url(../images/main/divider2.gif) no-repeat left;
	position:relative;
	height:33px;
	width:581px;
	padding:30px 0 30px 0;
	margin:0 0 10px 0;
	left:35px;
}
.catdivider .sponsorback {
	background:url(../images/main/sponsor_back.gif) no-repeat;
	height:128px;
	width:96px;
	position:relative;
	top:-75px;
	left:-137px;
}

.divider2 {
margin:20px 0 30px 35px;
}



.footer {
	background:#fff url(../images/main/bottom.jpg) no-repeat;
	height:300px;/* height of footer - change with lineheight below */
	position: relative;
	margin: 0 auto;
	width: 900px;
	padding:470px 0 0 0;
	font-size:10px;
	color:#2AABE2;
}
.mainsponsors {
	width:450px;
	height:400px;
	position:absolute;
	top:50px;
	right:40px; /* was 165 when three sponsors */
}

.headlinefoot {
	width:450px;
	height:157px;
	position:relative;
	background:url(../images/main/headline_footer.png) no-repeat;
	margin-bottom:10px;
}
* html .headlinefoot {
	background:url(../images/main/headline_footer.gif) no-repeat;
}

.pplfoot {
	position:absolute;
	left:16px;
	top:18px;
}
.prismfoot {
	position:absolute;
	left:156px;
	top:26px;
}
.sadiefoot {
	position:absolute;
	left:312px;
	top:63px;
} /* third now removed */


.mediafoot {
	width:450px;
	height:132px;
	position:relative;
	background:url(../images/main/media_footer.png) no-repeat;
	margin-bottom:10px;
}
* html .mediafoot {
	background:url(../images/main/media_footer.gif) no-repeat;
}

.psnfoot {
	position:absolute;
	left:10px;
	top:52px;
}
/* currently hidden
.mwfoot {
	position:absolute;
	left:145px;
	top:50px;
}
*/

.mediasupporters, .othersponsors, .sponsoredcharity {
	height:300px; /* height of footer (lines) - change with footer height */
}

.mediasupporters {
	width:250px;
	border-right:solid #2AABE2 1px;
	float:left;
	padding:0 10px 0 15px;
}

.othersponsors {
	width:595px;/* with charity on right it's 440px */
	/*border-right:solid #2AABE2 1px;*/
	float:left;
	padding:0 10px;
}

.sponsoredcharity {
	float:left;
	width:135px;
	padding:0 10px;
}

.mediasupporters img, .othersponsors img, .sponsoredcharity img {
	vertical-align:middle;
	padding:0 10px 10px 0;
}

.rightlinelink, .nolinelink, .sponsorslink {
	height:300px; /* height of footer (lines) ?? Check if exists ?? */
}

.rightlinelink {
	width:145px;
	border-right:solid #2AABE2 1px;
	float:left;
}
.rightlinelink p {
	padding:10px 0 0 10px;
}
.rightlinelink img {
	padding:10px 0 0 10px;
}

.nolinelink {
	width:140px;
	float:left;
}
.nolinelink p {
	padding:10px 0 0 10px;
}
.nolinelink img {
	padding:0px 0 0 10px;
}

.sponsorslink {
	width:470px;
	float:left;
	border-left:solid #2AABE2 1px;
}
.sponsorslink p {
	padding:10px 0 0px 10px;
}
.sponsorslink img {
	padding:10px 0 0 10px;
	vertical-align:middle;
}

.logocredit {
	font-size:9px;
	position:absolute;
	bottom:5px;
	right:0px;
	width:150px;
	text-align:right;
	color:#999999;
}
input.nominatetf {
width:270px;	
}
textarea.nominatetf {
width:270px;
height:100px;
}
input.registertf {
width:250px;	
}
input.registertfnum {
width:150px;	
}
.divline {
width:445px;
height:4px;
border-top:1px solid #7ccff5;
}
/* styling for sponsors logo area - if no sponsor logo can this div be hidden? */
.awardlogo {
	float:right;
	padding:10px;
	background:#FFF;
	border-top:2px solid #1F94D2;
	border-bottom:2px solid #1F94D2;
	width:155px;
	text-align:center;
	margin:0 0 20px 20px;
	}
.awardlogo img {
	max-width:155px;
	}
.awardlogo p {
	font-size:11px;
	color:#1F94D2;
	display:block;
	width:155px;
	}

/* To change background - purpleback is a class I've applied to the body, 
I saw this as being applied when people login but however is best to do it please do. */
.purpleback .content {
	background:url(../images/main/purple_top.jpg) no-repeat;
	}
/* Just to make footer a bit shallower */
.purpleback .footer {
	height:50px;
	}

hr {
	border:none;
	border-top:solid 1px #fff;
	}
hr.blue {
	border:none;
	border-top:solid 1px #1F94D2;
	}