@charset "utf-8";

/*MAIN*/

body {
	margin:0px;
	font-family: 'Crimson+Text';
	border-top:5px solid #000;
}

/*WRAP*/
#wrap {
	width:900px;
	margin:auto;
	height:100px;
	}
	
	
/*HEADER*/

#header {
	width:auto;
	height:100px;
	}
	
#logo {
	float:left;
	height:100px;
	width:200px;
}

#con {
	width:600px;
	height:15px;
	float:right;
	}

#contactbtn{
	float:right;
	height:15px;
	background-color:#000;
	width:100px;
	margin-right:50px;
	}
	
a.contact:link, a.contact:hover, a.contact:visited, a.contact:active {
	height:15px;
	width:100px;
	display:block;
	text-align:center;
	line-height:13px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	}
	
a.contact:hover {
	background-color:#177389;
	color:#fff;
	transition:.4s linear;
  /* We need to help some browsers along for this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	}
	

#social {
	float:right;
	height:25px;
	width:600px;
	margin-top:35px;
	}
	
div.subsocial {
	width:115px;
	height:75px;
	float:right;
	}
	
p.soc {
	font-size:13px;
	line-height:12px;
	margin:0px;
	padding:0px;
	}
	
a.soclink:link, a.soclink:active, a.soclink:visited, a.soclink:hover {
	text-decoration:none;
	font-size:12px;
	color:#177389;
	}
	
a.soclink:hover {
	background-color:#177389;
	color:#fff;
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	}
	
/*MAIN*/

#main {
	width:900px;
	height:350px;
	margin-top:45px;
	}

#nav {
	float:left;
	width:200px;
	height:300px;
	}
	
#info {
	width:700px;
	float:right;
	height:350px;
	}
	

	
h1 {
	font-size:45px;
	line-height:36px;
	margin-top:0px;
	margin-right:50px;
	}
	
h2 {
	font-size:20px;
	line-height:36px;
	margin-top:0px;
	margin-right:50px;
	color:#177389;
	}
	
	h3 {
	font-size:15px;
	line-height:15px;
	margin-top:0px;
	
	color:#177389;
	}
	
	h4 {
	font-size:15px;
	line-height:15px;
	margin-top:0px;
	
	color:#177389;
	margin-right:50px;
	}
	
p.bodytext {
	line-height:18px;
	margin:0px;
	margin-right:50px;
	font-size:13px;
	}

a.navlink:link, a.navlink:visited, a.navlink:active, a.navlink:hover {
	display:block;
	height:20px;
	width:150px;
	line-height:20px;
	padding-left:20px;
	color:#000;
	text-decoration:none;
	font-size:11px;
	text-align:left;
	margin-left:15px;
	
	}
	
a.navlink:hover {
	background-image:url(images/navbg.png);
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	background-repeat:no-repeat;
	background-position:center left;
	color:#177389;
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	}
	
a.cfp:link, a.cfp:active, a.cfp:visited, a.cfp:hover {
	font-size:20px;
	display:block;
	float:right;
	line-height:20px;
	text-align:right;
	margin-right:60px;
	color:#000;
	text-decoration:none;
	}
	
a.cfp:hover {
	background-color:#177389;
	color:#fff;
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	}
	
#imgwrap {
	width:650px;
	height:100px;
	margin-top:20px;
	}
	
div.image1 {
	width:200px;
	height:100px;
	margin-left:0px;
	margin-right:16px;
	background-color:#ccc;
	float:left;
	background-image:url(images/1.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
	
div.image2 {
	width:200px;
	height:100px;
	margin-left:0px;
	margin-right:16px;
	background-color:#ccc;
	float:left;
	background-image:url(images/2.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
	
div.image3 {
	width:200px;
	height:100px;
	margin-left:0px;
	margin-right:16px;
	background-color:#ccc;
	float:left;
	background-image:url(images/3.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
	
a.ilink:link, a.ilink:active, a.ilink:visited, a.ilink:hover {
	display:block;
	height:100px;
	width:200px;
	text-align:center;
	line-height:100px;
	color:#fff;
	overflow:hidden;
	text-indent:999px;
	font-size:15px;
	text-decoration:none;
	 opacity:0.6;
filter:alpha(opacity=40); /* For IE8 and earlier */
	}
	
a.ilink:hover {
	
	text-indent:0px;
	background-color:#177389;
	color:#fff;
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;

	}
	
#contactarea {
	width:auto;
	height:100px;
	background-color:#000;
	display:none;
	padding-top:35px;
	}
	
#contactareawrap {
	width:900px;
	height:90px;
	margin:auto;
	}
	
#map {
	float:right;
	width:300px;
	height:180px;
	background-image:url(images/map.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	}

#organizers {
	float:right;
	width:500px;
	height:180px;
	}
	
p.context {
	line-height:15px;
	margin:0px;
	margin-right:50px;
	font-size:13px;
	color:#dfdfdf;
	padding-left:10px;

	}
	
#close {
	float:right;
	display:block;
	height:15px;
	background-color:#fff;
	width:100px;
	text-align:center;
	font-size:12px;
	line-height:15px;
	margin-top:25px;
	}

	
/*FOOTER*/

#footer {
	width:auto;
	height:100px;
	background-color:#000;
	margin-top:200px;
	}
	
#footerwrap {
	width:900px;
	height:50px;
	margin:auto;
	}
	

#footerleft {
	width:200px;
	float:left;
	height:50px;
	margin-top:25px;
	color:#ccc;
	}
	
#footerright {
	width:700px;
	float:right;
	height:50px;
	margin-top:25px;
	color:#ccc;
	}

	
#invited1 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/teresa.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}
	
#invited2 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/gianluca.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}
	
#invited3 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/doug.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}
	
#invited4 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/steven.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}
	
#invited5 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/phil.gif);
	background-position:center center;
	background-repeat:no-repeat;

	}

#invited6 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/yuri.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}

#invited7 {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#ccc;
	margin-top:10px;
	background-image:url(images/jahangir.jpg);
	background-position:center center;
	background-repeat:no-repeat;

	}	

#invited {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#000;
	margin-top:10px;

	}		
a.slink:link, a.slink:active, a.slink:visited, a.slink:hover {
	display:block;
	height:150px;
	width:200px;
	line-height:150px;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	}
	
a.slink:hover {
	background-color:#177389;
	transition:.4s linear;
  /* We need to help some browsers along for   this to work */
  -moz-transition:.4s linear;
  -webkit-transition:.4s linear;
	}
	
#schedcolumn{
	float:left;
	width:325px;
	height:500px;
	}
	
#paper {
	width:650px;
	height:200px;
	display:none;
	
	}
	
#creative {
	width:650px;
	height:200px;
	display:none;
	
	}

#themes {
	width:650px;
	height:200px;
	display:none;
	
	}
	
#pap, #crea, #the {
	width:200px;
	margin-right:16px;
	height:150px;
	float:left;
	background-color:#000;
	margin-top:10px;

	}