/* A Screen - Home */

#topImg {
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	/*padding-top:10px; 
	padding-bottom:10px;*/
	width:716px;
	height:192px;

}

#central-info {
	padding: 10px 20px	
}

#c1{
	float: left;	
	font-size:32px;
	line-height:40px;
	/*margin-right: 10px;*/
	color:#000;
	width: 99%;
}

#c2{
	float: left;
	margin-top: 10px;
	font-size:11.8px;
	line-height:18px;
	color:#000;
}

#c2 a {
	color: #00aff0;
}

#c2 a:hover {
	color: #F35809;
}

#menu3 {
	position:relative;
	margin-top:10px;
	width:723px;
	/*clear: both;*/
	float: left;
	/*margin-top: 8px;
	margin-left:-9px;*/
}

#bottom {
	margin:0;
	padding:0;
	list-style: none;
	/*display: inline;
	overflow: hidden;*/
	z-index: 10;
	display:block;
}
ul#bottom li a
	{
	display: block;
	padding: 10px 15px;
	height: 120px;
	font-size: 26px;
	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#bottom li {
	margin: 0 0 15px 15px; 
	padding: 0;
    list-style: none;
	display: inline;
	float: left
	}



#bottom p, #bottom h1, #bottom h2, #bottom h3, #bottom h4 {
	margin:0;
	font-weight:normal;
}
	
#bottom a:hover, #bottom #contact a:hover {
	background-color: black;
	color:#FFF;
	}
ul#bottom li a span {


}
ul#bottom li a img {
	float: right;
	margin: 5px -4px 0px 5px;
	position: relative;
	top:0px;

}

/* production pages */

li#film a  {
	width: 263px;
	background: url(imgs/menuImgs/bottom/film.png) no-repeat left top;
	}
	
li#stills a  {
	width: 263px;
	background: url(imgs/menuImgs/bottom/stills.png) no-repeat left top;
	}
	
#filmPhoto {
	float: left;
	width: 260px;
	margin-right: 12px;	
	margin-top:-1px;
}

#stillsPhoto {
	float: left;
	width: 263px;
	overflow:hidden;
	margin-right: 9px;
	margin-top:-1px;
}	
	
	
/* crewing */	

li#findCrew a  {
	width: 172px;
	background: url(imgs/menuImgs/bottom/findCrew.png) no-repeat left top;
	}
	
li#howWorks a  {
	width: 172px;
	background: url(imgs/menuImgs/bottom/howItWorks.png) no-repeat left top;
	}	

li#joinUs a  {
	width: 170px;
	background: url(imgs/menuImgs/bottom/joinUs.png) no-repeat left top;
	}
	
#findCrewPhoto {
	float:left;
	width: 168px;
	margin-top: -3px;
	margin-right: 12px;
	margin-left:0px;
}

#howWorksPhoto {
	float: left;
	width: 168px;
	margin-top: -3px;
	margin-right: 12px;
	margin-left:0px;
}

#joinUsPhoto {
	float: left;
	width: 168px;
	margin-top: -3px;
	margin-right: 11px;	
}				


/* locations */

li.wide a  {
	width: 290px;
	}
li.narrow a  {
	width: 145px;
	}
	
ul#bottom li.moss a  {
	background-color:#37C074;
	color: #00AFF0;
	}
ul#bottom li.sky a  {
	background-color: #7CD6F8;
	color: #1947a3;
	}
ul#bottom li.puce a  {
	background-color: #C299C2;
	color: #660066;
	}
		
ul#bottom li.violet a  {
	background-color: #B366B3;
	}
ul#bottom li.teal a  {
	background-color: #3385AD;
	}
ul#bottom li.green a  {
	background-color: #00d241;
	}
ul#bottom li.yellow a  {
	background-color: #f9e823;
	color: black;
	}
ul#bottom li.blue a  {
	background-color: #130097;
	color: black;
	}	
ul#bottom li.yellow a:hover,
ul#bottom li.moss a:hover,
ul#bottom li.sky a:hover,
ul#bottom li.puce a:hover,
ul#bottom li.teal a:hover
 {
	background-color: black;
	color:#FFF;
	}

#findLocationPhoto {
	float: left;
	width: 354px;
	margin-top: -4px;
	margin-right:9px;
	margin-left:0px;
}	

#registerLocationPhoto {
	float: left;
	width: 168px;
	margin-top: -3px;
	margin-right: 11px;	
	margin-left:0px;
}
	
/* common */	
	
	
li#contact a  {
	width: 168px;
	background: url(imgs/menuImgs/bottom/contact.png) no-repeat left top;
	}

#contactPhoto{
	float: left;
	width: 168px;
	/*margin-right: 9px;*/	
	margin-top:-1px;	
}
#tweets { 
	width: 158px;
	float:left; 
	clear:left; 
	margin:3px 0;
	padding:8px;
    display: block;
	background-color: #fff;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
#tweets h4 {font-size:125%;margin:3px 0 0 5px;color:#00aff0;}
#tweets small { float:left; clear:left; margin:2px 0 }
#tweets ul { list-style:none; margin:0; padding:0;font-size:11px; }
#menu #tweets ul.tweetList li { float:left; clear:left; padding:5px 0 0 0; margin:0; border-bottom:1px dotted #dfdfdf; width:158px; text-indent:0 }
#tweets li { min-height: 96px}
#tweets li p { padding:0; clear:left; margin: 5px 0 }
#tweets li p a { float:left; clear:left; margin:3px 0; width:100%;height:20px;color:#00aff0 }
#tweets li p a:hover { color:#F35809 }
#tweets li:last-child { border-bottom:0; }