/*
Contemporary International General Stylesheet

URL: 		http://contemporaryintl.com
Created by: 	darius abulencia

*/

/******************\
| GENERAL STYLES   |
\******************/

* {
	margin: 0;
	padding: 0;
	}

a {
	text-decoration: none;
	color: #0d2e51;
	background-color: inherit;
	font-weight:bold;
	}

	a:link, a:visited {
		text-decoration: none;
		color: #0d2e51;
		background-color: inherit;
		font-weight:bold;
		}
	
	a:hover {
		color: #6699cc;
		background-color: inherit;
		font-weight:bold;
		}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(../images/background.jpg) center top no-repeat;
	}

h1 {
	font-size:24px;
	}

	h1 a {
		display: block;
		position: absolute;
		color: inherit;
		background: transparent url(../images/logo.jpg) no-repeat 0 0;
		text-indent: -9980px;
		width: 193px;
		height: 113px;
		top: 15px;
		left: 50px;
		
		}
		
		h1 a:hover {
			/* background-position: 0 -63px; */
			}
		
		
		h1 a:focus {
			background-position: 0 0;
			outline-style: none;
			}
h2 {
	font-size:20px;
	}
	
h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	}
		
			
hr {
	display: none;
	}
	
img {
	border-style: none;
	display: block;
	}
	
label {
	display: block;
	}
	
legend {
	display: none;
	}
	
p {
	margin-bottom: 1em;
	}
	
table {
	border-collapse: collapse;
	}
		
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	




/******************\
| ID SPECIFICS     |
\******************/

		
#container {
	margin: 0 auto;
	width: 900px;
	min-height: 258px;
	color: inherit;
	background-color: #fff;
	
	}

#content{ 
	min-height:500px;
	position:relative; 
	margin-left:20px; 
	width:900px; 
	padding-bottom:20px; 
	overflow:hidden;
}
.content_header, .content_title { color:#6699cc;}
.project_content_title{ color:#6699cc; height:auto; width:auto; margin:20px 0 0 58px; clear: both;}


#leftcontent{
	float:left; 
	min-height:100%;
	position:relative;  
	width:450px;  
	margin:20px 0 30px 30px;
	overflow:hidden;
}
#rightcontent{
	float:right; 
	min-height:100%;
	position:relative;  
	width:350px; 
	margin:20px 0 20px 0;
	overflow:hidden;
}


#leftcontent a { font-weight:bold; color:#0d2e51;}
#leftcontent a:link, #leftcontent a:visited { font-weight:bold; color:#0d2e51;}
#leftcontent a:hover { color: #6699cc;}

#rightcontent h1, h2 {color:#0d2e51;}

#news{padding:20px; background-color:#6699cc; color:#FFF;}
#news a { font-weight:bold; color:#cccccc;}
#news a:link, #news a:visited { font-weight:bold; color:#cccccc;}
#news a:hover { color: #FFF;}


#media{height:auto; padding:20px; background-color:#FC0; color:#FFF;}
#media a { font-weight:bold; color:#FFF;}
#media a:link, #media a:visited { font-weight:bold; color:#FFF;}
#media a:hover { color: #0d2e51;}


#spectator_experience{height:auto; padding:20px; background-color:#cccccc; color:#FFF; overflow:hidden;}
#photo_archive {height:auto; padding:20px; background-color:#6CF; color:#FFF; overflow:hidden;}




.clearfooter {
   height: 80px;;
   clear: both;
}


#navlist_blue { list-style: none; }
#navlist_blue li {
padding-left: 20px;
margin-left: 10px;
background-image: url(../images/blue_arrow.png);
background-repeat: no-repeat;
/*width:82%;*/

}

#navlist_white { list-style: none; }
#navlist_white li {
padding-left: 20px;
margin-left: 10px;
background-image: url(../images/white_arrow.png);
background-repeat: no-repeat;

}


#team{margin-top:0px;  height:100%; overflow:hidden;}
#team_ellen{ margin-top:-25px;}
* html #team_ellen{ margin-top:-35px;}

#team_member{ width:95%; margin:0 auto; padding:5px 10px 5px 10px; position:relative;}
#teampic{float:right; position:relative; margin-left:10px;}

#team_members{ width:80%; margin:0 auto; padding:10px; position:relative;}
#team_columns{ width:40%; height:300px; float:left; position:relative; margin-left:20px;}
#team{margin-top:20px;  height:100%; overflow:hidden;}
#all_content{ width:87%; margin:0 auto; padding:20px 10px 10px 10px; position:relative; z-index:5;}



#event_columns{ width:33%; float:left; position:relative; padding:10px 0 10px 0; min-height:285px;}
#columns_planning, #overlay_columns { width:33%; float:left; position:relative; padding:10px 0 10px 0; min-height:285px;}
#index_bullets li, #columns_planning li, #security_list li, #overlay_columns li, #strategic_list li { padding-bottom:10px;}


#mainpic{float:right; margin-left: 10px;}

#login_01, #login_02  {float:left; position:relative; display:block; background:transparent url(../images/login.png) no-repeat 0 0; width:88px; height:20px;}
#login_01:hover, #login_02:hover  { background: transparent url(../images/login_over.png) no-repeat 0 0;width:88px; height:20px;}
#login_01 span, #login_02 span {display:block;text-indent: -100.0em;overflow: hidden;text-decoration: none;}


#watermark {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1;
	background-image:url(../images/watermark.gif);
	width:342px;
	height:278px;
}


/* --------- Footer --------- */
		
#footer{ 
	width:900px; height:60px; 
	background-color:#036; 
	margin-left:20px; 
	clear:both;
	padding-top:20px; 
	position:absolute; 
	bottom:0;
}

#footer_links{ float:left; position:relative; font-size:10px; width:500px; height:20px; margin:10px 0 0 30px; color:#FFF;}
#footer_links a:link{color:#FFF; text-decoration:none;}
#footer_links a:visited{color:#FFF; text-decoration:none;}
#footer_links a:hover{color:#FC0; text-decoration:none;}


#copyright{ float:right; position:relative; font-size:10px; color:#FFF; margin-right:36px; text-align: right;}

#contemporary_group{ float:right; position:relative; margin:10px 20px 0 0; text-align: right;}


	
/* --------- Header --------- */

#header {
	height: 140px;
	width:900px;
	color: inherit;
	background:url(../images/bluebox.jpg) repeat;
	margin: 0 auto;
	}
	
	#header a:focus {
		outline-style: none;
		}
	
	
	
	#header .container {
		position: relative;
		margin: 0 auto;
		width: 900px;
		height: 140px;
		}
		
	
				
/* --------- Main Nav --------- */

#nav {
	margin: 100px 20px 0 0;
	font-size: 12px;
	float: right;
	padding:  0 2px 0 0;
	color: inherit;
	
	}
	
	#nav #top-nav  {
		position: absolute;
		top: 33px;
		left: 0px; 
		display: none;
		font-size: 10px;
		float: none;
		margin: 0;
		padding: 0 0 15px;
		z-index: 100;
		color: #88898B;
		background: transparent;
		
		}
		
	
	
	#nav > li {
		float: left;
		display:block;
		height: 30px;
		/* width: 140px;*/
		position: relative;
		color: inherit;
		}
		
		#nav > li:hover {
			height: 30px;
			}
		
			#nav > li > a {
				display: block;
				text-align: center;
				height: 16px;
				padding: 10px 10px 0 10px;
				color: #fff;
				background-color: inherit;
				text-transform: uppercase;
				font: bold 12px Arial, Helvetica, sans-serif;
				
				}
				
				#nav > li > a:hover, #nav > li.active > a, #nav > li:hover > a {
					color: #FC0;
					background: transparent url(../images/nav-menu-mid.png) repeat 0 0;
					height: 30px;
					}

			
				#nav li:hover #top-nav {
					display: block;
					}

		
					
/* -------------- */

	#nav #top-nav {
		width: 200px;
		height:150px;
		color: inherit;
		}	


		#nav #top-nav > ul {
			color: inherit;
			background: transparent url(../images/nav-menu-mid.png) repeat 0 0;
			margin: 7px 0 0;
			overflow: hidden;
			padding: 8px 0 0px 7px;
			height:150px;
			}
			
				#nav #top-nav > ul > li {
					font-size: 11px;
					width: 200px;
					float: left;
					padding: 0 6px 0 5px;
					color: inherit;
					/*background: transparent url(../images/menu-line.png) repeat-y top left; */			
					}
					
					#nav #top-nav > ul li:first-child {
						color: inherit;
						background: transparent;
						} 
						
				#nav #top-nav > ul > li > ul > li {
					font-weight:bold;
					padding:7px 0 7px 0;
					
					}
					


/* -------------- */

#serious-error {
	font-size: 24px !important;
	text-align: left !important;
	padding: 15px;
	color: #fff;
	background: #F0A91E;
	}


#skipnav {
	display: none;
	}
		

#wrapper {
	color: inherit;
	/* background: transparent url(/app/css/images/wrapper.png) repeat-y center top; */
	}

#dropshadow {
	background:url(../images/background_tile.png) repeat-y;
	margin: 0 auto; 
	min-height:100%;
	position:relative;
	width:940px;
}