@charset "UTF-8";


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {outline: 0;}
body {line-height: 1.5;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}
img {margin: 0; padding: 0;}
a img { border: none; }


/* Default Setting
-------------------------------------------------------------- */

* 	{ 
	margin: 0; 
	padding: 0; 
	}

html	
	{ 
	height: 101%; 
	}

body 
	{
	font: 12px/16px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #777;
	background: #fff url(header-tile.png) repeat-x;
	margin: 0;
	padding: 0;
	}


/* Layout
-------------------------------------------------------------- */

#wrap 
	{ 
	width:880px;
	margin: auto; 
	}
	
#header 
	{ 
	width: 880px;
	height: 110px;
	}
	
#banner 
	{  
	width: 880px; 
	height: 160px;
	margin: 20px auto;
	}
	
#main 
	{ 
	width: 580px; 
	float: left; 
	}
	
#sidebar 
	{ 
	width: 280px; 
	float: right; 
	}	

.column, .double 
	{ 
	margin: 0 20px 20px 0; 
	float: left; 
	}
	
.column 
	{ 
	width: 280px; 
	}
	
.double 
	{ 
	width: 430px; 
	}	

.end 
	{ 
	margin-right: 0;
	float: right; 
	}

div.clear 
	{ 
	clear: both; 
	}


/* Login
-------------------------------------------------------------- */

.login 
	{ 
	color: #ff6c1c; 
	line-height: 20px;
	padding-top: 25px; 		
	width: 370px;
	}

dl	{ 
	margin-left: 10px;
	float: left; 
	}
	
#username, #password
	{
	color: #999;
	}	

.error-msg 
	{
	text-indent: 10px;
	color: #d12322;
	}


/* Menu
-------------------------------------------------------------- */

#menu 
	{ 
	width: 880px;
	height: 38px;
	margin: 1px auto; 
	}

ul#menu li 
	{
	font-size: 12px;
	line-height: 38px;
	list-style-type: none;
	background: url(menu-divider.png) left no-repeat;
	margin: 0;
	padding-left: 2px;
	float: left;
	}

ul#menu li a 
	{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	}
			
ul#menu li a:hover, ul#menu li a.current 
	{ 
	color: #f7b020;
	background: url(menu-hover.png) repeat-x;  
	}

ul#menu li a:active 
	{ 
	color: #f7d120; 
	}
		

/* Styles
-------------------------------------------------------------- */

p 	{ 
	margin-bottom: 10px; 
	}
	
p em	
	{
	font-style: oblique; 
	}
	
p strong 
	{ 
	color: #000;
	font-weight: normal; 
	}
	
p img 
	{ 
	margin-bottom: 10px; 
	}
	
a 	{ 
	color: #f37021; 
	text-decoration: underline; 
	}
	
a:hover 
	{ 
	text-decoration: none; 
	}

.grey-bg 
	{ 
	background-color: #fafafa; 
	margin-bottom: 20px;
	padding: 15px;
	}
	
.fixed-height 
	{
	height: 160px;
	}	
	
ul.features li 
	{
	font-size: 12px;
	margin-bottom: 10px;
	list-style-type: disc;
	margin-left: 15px;
	}
	
.left 
	{
	float: left;
	}

.right 
	{ 
	float: right; 
	}	


/* Headings
-------------------------------------------------------------- */

h1, h2, h5 
	{ 
	text-indent: -5000px; 
	}	
	
h1	{ 
	width: 245px; 
	height: 110px; 
	background-image: url(header-logo.png);
	}

h2	{ 
	width: 580px;
	height: 40px;
	margin-bottom: 20px; 
	}
	
h2.home 
	{ 
	background-image: url(title-showcast-premier-directory.gif); 
	}
	
h2.features-left 
	{
	background-image: url(title-features-actors.gif); 
	width: 430px;
	}
	
h2.features-right 
	{ 
	background-image: url(title-features-casting-professionals.gif); 
	width: 430px; 
	}
	
h2.join 
	{ 
	background-image: url(title-join-become-member.gif); 
	}
	
h2.join-actors 
	{ 
	background-image: url(title-join-actors.gif); 
	}
	
h2.join-casting 
	{ 
	background-image: url(title-join-casting.gif); 
	}
	
h2.noticeboard 
	{ 
	background-image: url(title-noticeboard.gif); 
	}
	
h2.affiliates 
	{ 
	background-image: url(title-affiliates.gif); 
	}
	
h2.contact-us 
	{ 
	background-image: url(title-contact-us.gif); 
	}
	
h2.privacy-policy 
	{ 
	background-image: url(title-privacy-policy.gif); 
	}
	
h2.terms-of-use 
	{ 
	background-image: url(title-terms-of-use.gif); 
	}
h2.news
	{ 
	background-image: url(title-news.gif); 
	}

h3 	{ 
	color: #000; 
	font-size: 16px; 
	font-weight: normal;
	margin-bottom: 5px;
	}

h3.cap 
	{ 
	width: 100%;
	height: 40px;
	text-indent: 15px;
	line-height: 40px;
	margin-bottom: 0;
	background: url(cap-blank-tile.gif) repeat-x;
	}
	
h4 	{ 
	width: 100px;
	height: 40px;
	margin-bottom: -40px;
	position: relative;
	top: -40px;
	}

h4.join	
	{ 
	left: 180px; 
	}
	
h4.icons 
	{ 
	left: 330px; 
	}
		
h5 	{ 
	width: 280px; height: 40px; 
	}

h5.join 
	{ 
	background: url(cap-actors-directory.gif) no-repeat; 
	}
	
h5.briefed 
	{ 
	background: url(cap-briefed-showcast.gif) no-repeat; 
	}	


/* Footer
-------------------------------------------------------------- */		

#footer 
	{
	font-size: 10px;
	line-height: 25px;
	width: 850px;
	height: 25px;
	border-top: 1px solid #444; 
	background: url(footer-icon.png) no-repeat right;
	margin: 20px 0;
	padding: 10px 30px 10px 0;
	}

#footer a 
	{ 
	color: #333; 
	text-decoration: none; 
	}
	
#footer a:hover	
	{ 
	text-decoration: underline; 
	}