/*
------------------------------------------
 The Allstate AFCA Good Works Team (2011)
 Global Screen Styles
------------------------------------------
*/

/* --------------- clear defaults --------------- */

:link,:visited {text-decoration: none;} 
ul,ol,dl {list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal;}
a img,:link img,:visited img {border: none;}
a {outline: none;}
strong {font-weight: bold;}
em {font-style: italic;}
i {display: none; font-style: normal;}
b {font-weight: normal;}
* {margin: 0; padding: 0;}


/* --------------- general styles --------------- */

html {	
		background: #000 url(../img/bg_main_top_phase03.jpg) no-repeat 0 0; 
		background-position: 50% 0;
		}

body {
		border: 0;
		background: url(../img/bg_main_bottom_phase03.jpg) no-repeat 0 0; 
		background-position: 50% 1000px;
		text-align: center;
		color: #fff;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.4em;
		}
		
.thankyou {
		background: #000 url(../img/bg_phase02.jpg) no-repeat 0 0; 
		background-position: 50% 0;
		}
		
		
/* --------------- base elements --------------- */

a {	
		color: #fff;
		text-decoration: none;
		}
		
a:hover {
		color: #0699d8;
		text-decoration: none;
		cursor: pointer;
		}
		
p {		margin-top: 20px;}

.strong {
		font-weight: bold;
		color: #0699d8;
		}

/* --------------- wrapper --------------- */

#wrapper { 
 		margin: 0 auto;
 		width: 960px;
		text-align: left;
		position:relative;
		clear: both;
		}
		

/* --------------- header --------------- */

#header { 
		width: 100%;
		height: 41px;
		clear: both;
		}
		
		
/* --------------- navigation --------------- */

/* network */

#nav-network {
		position: absolute;
		margin: 6px 0 0 114px;
		width: 846px;
		font-size: 11px;
		overflow: hidden;
		}
		
#nav-network li {
		float: left;
		margin-right: 15px;
		}

#nav-network a {
		display: inline;
		}
		
/* social media */

#nav-social { 
		position: absolute;
		float: left;
		width: 398px;
		height: 58px;
		margin-top: 160px;
		background: url(../img/bg_social.jpg) no-repeat 0 0;
		display: inline;
		}
		
#nav-social li {
		display: inline;
		}

#nav-social a {
		float: left;
		height: 32px;
		margin-top: 13px;
		overflow: hidden;
		text-indent: -5000px; 
		}
	
#nav-social a:hover {
		background-position: 0 -32px;
		}
		
.facebook a {
		width: 32px;
		margin: 0 20px 0 177px;
		background: url(../img/icon_social_fb.gif) no-repeat 0 0;
		}
		
.twitter a {
		width: 32px;
		margin-right: 20px;
		background: url(../img/icon_social_twitter.gif) no-repeat 0 0;
		}

.gplus {
		width: 38px;
		height: 24px;
		margin: 17px 79px 0 0;
		float: right;
		display: inline;
		}
		
/* --------------- AGWT logo image map --------------- */
	
.logo a {
		position: absolute;
		width: 400px;
		height: 102px;
		margin-top: 25px;
		background: url(../img/1x1.png) no-repeat 0 0;
		}
		
.logo span {
		display: none;
		}
		
/* --------------- Elqutub image map --------------- */
	
.elqutub-map a {
		position: absolute;
		width: 384px;
		height: 199px;
		margin-left: 576px;
		}
		
.elqutub-map span {
		display: none;
		}
		
/* --------------- Elqutub copy --------------- */
	
.elqutub-copy {
		position: absolute;
		width: 780px;
		height: 30px;
		margin: 62px 0 0 90px;
		font-size: 16px;
		text-align: center;
		}
		
/* --------------- introduction --------------- */

#introduction { 
		width: 520px;
		height: 219px;
		margin-left: 440px;
		text-align: justify;
		float: right;
		}

#introduction p {color: #b0b0b0;}
		
/* --------------- players wrapper --------------- */

#wrap-players { 
		position: relative;
 		width: 100%;
		margin-top: 259px;
		*margin-top: 40px;
		clear: both;
		}
		
.row-players-first {
		width: 100%;
		height: 210px;
		margin-top: 166px;
		text-align: left;
		font-size: 11px; 
		}
		
.row-players {
		width: 100%;
		height: 260px;
		margin-top: 0;
		text-align: left;
		font-size: 11px; 
		}
		
/* --------------- individual player module --------------- */
		
.mod-player {
		float: left;
		width: 192px;
		height: 260px;
		}
		
.mod-player-last {
		float: left;
		width: 192px;
		height: 260px;
		margin-left: 288px;
		}
		
.pic {height: 200px;}
		
.pic a {
		height: 200px;
		float: left;
		overflow: hidden;
		text-indent: -5000px;
		}
		
.pic a:hover {
		background-position: 0 -200px;
		}

.nameplate {
		height: 38px;
		}

.vote {
		width: 182px;
		height: 22px;
		margin-top: 4px;
		margin-left: 10px;
		line-height: 1.9em;
		}
		
.vote img {
		margin-right: 4px;
		float: left;}
		
.vote-checked {
		position: absolute;
		width: 18px;
		height: 18px;
		margin: 242px 0 0 10px;
		}
		
.overlay {
		position: absolute;
		width: 192px;
		height: 260px;
		margin-top: -264px;
		background: url(../img/cta_overlay.png) no-repeat 0 0;
		display: none;
		}

/* player overlay image maps */
	
.submit a {
		position: absolute;
		width: 172px;
		height: 30px;
		margin: 100px 0 0 10px;
		background: url(../img/1x1.png) no-repeat 0 0;
		}
		
.submit span {
		display: none;
		}
	
.cancel a {
		position: absolute;
		width: 172px;
		height: 30px;
		margin: 140px 0 0 10px;
		background: url(../img/1x1.png) no-repeat 0 0;
		}
	
.cancel span {
		display: none;
		}
		
/* players row 01 */

.acho a {
		width: 192px;
		background: url(../img/player_acho.jpg) no-repeat 0 0;
		}
		
.barkley a {
		width: 192px;
		background: url(../img/player_barkley.jpg) no-repeat 0 0;
		}
		
/* players row 02 */

.bell a {
		width: 192px;
		background: url(../img/player_bell.jpg) no-repeat 0 0;
		}

.belotti a {
		width: 192px;
		background: url(../img/player_belotti.jpg) no-repeat 0 0;
		}
		
.cox a {
		width: 192px;
		background: url(../img/player_cox.jpg) no-repeat 0 0;
		}
	
.crick a {
		width: 192px;
		background: url(../img/player_crick.jpg) no-repeat 0 0;
		}
		
.crist a {
		width: 192px;
		background: url(../img/player_crist.jpg) no-repeat 0 0;
		}
		
/* players row 03 */

.elqutub a {
		width: 192px;
		background: url(../img/player_elqutub.jpg) no-repeat 0 0;
		}

.greenhalgh a {
		width: 192px;
		background: url(../img/player_greenhalgh.jpg) no-repeat 0 0;
		}
		
.griffen a {
		width: 192px;
		background: url(../img/player_griffen.jpg) no-repeat 0 0;
		}
	
.hall a {
		width: 192px;
		background: url(../img/player_hall.jpg) no-repeat 0 0;
		}
		
.heppner a {
		width: 192px;
		background: url(../img/player_heppner.jpg) no-repeat 0 0;
		}
		
/* players row 04 */

.lewellen a {
		width: 192px;
		background: url(../img/player_lewellen.jpg) no-repeat 0 0;
		}

.lockridge a {
		width: 192px;
		background: url(../img/player_lockridge.jpg) no-repeat 0 0;
		}
		
.mcclain a {
		width: 192px;
		background: url(../img/player_mcclain.jpg) no-repeat 0 0;
		}
	
.melms a {
		width: 192px;
		background: url(../img/player_melms.jpg) no-repeat 0 0;
		}
		
.netter a {
		width: 192px;
		background: url(../img/player_netter.jpg) no-repeat 0 0;
		}
		
/* players row 05 */

.nikkel a {
		width: 192px;
		background: url(../img/player_nikkel.jpg) no-repeat 0 0;
		}

.potter a {
		width: 192px;
		background: url(../img/player_potter.jpg) no-repeat 0 0;
		}
		
.rohde a {
		width: 192px;
		background: url(../img/player_rohde.jpg) no-repeat 0 0;
		}
	
.tribue a {
		width: 192px;
		background: url(../img/player_tribue.jpg) no-repeat 0 0;
		}
		
.white a {
		width: 192px;
		background: url(../img/player_white.jpg) no-repeat 0 0;
		}
		
/* --------------- footer --------------- */

#footer {
		position: relative;
		width: 960px;
		margin: 0 auto;
		margin-top: 200px;
		padding-bottom: 20px;
		font-size: 11px;
		text-align: center;
		color: #fff;
		clear: both;
		}
		
#footer a {
		text-decoration: underline;
		}
		
#footer a:hover {
		color: #0699d8;
		text-decoration: underline;
		cursor: pointer;
		}
		
#footer-thankyou a {
		text-decoration: underline;
		}
		
#footer-thankyou a:hover {
		color: #0699d8;
		text-decoration: underline;
		cursor: pointer;
		}