body {
background: transparent url(images/background.gif) repeat;
background-attachment:fixed;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

/* Links */
#webDesign {color:#FFFFFF;text-decoration:none;}
a#webDesign:hover {color:#FFFFFF; text-decoration:underline;background:none;}
a, a:visited {color: #112B89;}
a:hover {background-color:#E0FFFF}
a:active { background-color:#BBFFFF; color:#112B89;}
a img{ border:none; }
a#noHover:hover, a#noHover:active {background:none;} /* Will Ryan Web Design */

/* Page Heading */
h1 {
color: #0000B0;
border-bottom: 1px dotted #BBE0EB;
text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; letter-spacing: 0.1em;
padding: 0px;
margin: 0px;
}

h2 {
color: #0000B0;
border-bottom: 1px dotted #BBE0EB;
font-size:16px;
font-weight: normal;
padding: 0px;
margin: 5px 0px 5px 0px;
}


/* Page Sub-subheadings */
h3 {
color: #404040;
font-size:12px;
font-weight: bold;
padding:0px;
margin:0px;
}

/* Page Sub-sub-subheadings */
h4 {
color:#999999;
font-size:11px;
padding:0px;
margin:0px;

}

/* Notifications */
h5 {
	font-size: 13px;
	color:#FF0000;
	font-weight:bold;

}


/* container to center the layout */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* The body of the site */
#outer{ 
border-left: solid 200px #BDFCC9;  /* color of the left column acheived using a thick left border */ 
/*background-color: #FCFCFC; color of the content column */
background:#FFFFFF url(images/contentBG.jpg) repeat-x scroll center top;
min-height:370px;
height:auto !important;
height:370px;
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/*left navigation */
#left {
 width:200px;
 float:left; 
 position:relative;
 margin-left:-200px; 
 margin-right:1px;
 }

/* Holds the text body */
#content{ 
padding: 10px;
}



#header {
background:#1A1A1A url(images/header.jpg) repeat-x scroll 0pt 50%;
height:55px;
margin:6px 0px 0px 0px;
border:0px;
padding:0px;
position:relative;
text-align:left;
}



#footer {
background:#1A1A1A url(images/footer.jpg) repeat-x scroll 0pt;
clear:both;
color:#666666;
text-align:right;
padding:20px 5px;
width:790px;
margin: 0px auto;
font-size:10px;
}


/* On homepage */
#thumbs {
	margin: 5px 0 0 0;
}

.thumb {
	display:inline;
	margin-right:3px;
}

.thumb img {
	width:52px;
	height:42px;
}

/* For the popup boxes on homepage thumbnails */
.detailsHolder {
position:absolute;
height:0px;
display:inline;
max-width:240px;
font-size:80%;
}

.detailPopup a {
	text-decoration:none;
	color:#000000;
}

.detailPopup a:hover {
	text-decoration:underline;
	background-color:#BBFFFF;
}

.detailPopup {
	display:none;
	border:1px solid #00CCFF;
	padding:3px 5px;
	background-color:#BBFFFF;
	position:relative;
	top:43px;
	left:-56px;
}

.detailPopup span {
	display:block;
	margin-top:5px;
}

#nowPlaying { float:right; width:200px; text-align:right; font-size:80%; margin-right:3px; }
#nowPlaying a { display:block; margin-top:3px; }
#nowPlaying a:hover { background-color:#fff; }

#showreel {
background-color:#F0FFFF;
}

/* News on the homepage */
#news {
	text-align:left;
	position:relative;
	height:0px;
}

.newsDate {
	font-size: 10px;
	color:#777777;
}

#news a {
	color:#564b47;
	text-decoration:none;
}

#news a:hover  {
	background-color:#4EEE94;
}

#news ul {
	border-top:1px dotted #BBE0EB;
	margin:0pt;
	padding:0pt;
}

#news li {
	margin:0pt;
	padding:5pt 3pt;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#innerNews {
	position:absolute;
	right: 590px;
	bottom:-10px;
	width:200px;
}


/* News.php */
#newsColumn div {
float:left;
	border-bottom:1px dotted #BBE0EB;
	margin:0pt;
	padding: 4px 0px 15px 0px;
	width:580px;
}

#newsColumn div:hover {
	background-color:#E0FFFF;
}

#newsColumn h3 {
	padding:1pt 0pt 5pt 0pt;
}

.newsLink a:hover {
	background-color:#BBFFFF;
}

/* This is to allow formatting of the text on the news page without
long lines of text scrolling off the screen */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 580px;
 padding:0px;
 margin:0px;
 font-family:Arial, Verdana;
 font-size:12px;
}




#magnifyingGlass {
	position:relative;
	bottom:19px;
	left:332px;
	border: 0px;
	padding: 0px;
	margin:0px;
	z-index:9200;
}



p{
padding: 5px 10px;
margin:0px; }



/* For the crew pages layout. If not enough crew, wideColumn is used */
#rightColumn {
	float:right;
	width:270px;
}

#leftColumn {
	float:left;
	width:270px;
}

#wideColumn {
	float:left;
	width: 580px;
}

#leftColumn h3, #rightColumn h3, #wideColumn h3 {
	padding:10pt 0pt 3pt 0pt;
}

#leftColumn a, #rightColumn a, #wideColumn a {
	text-decoration:none;
}


#leftColumn div, #rightColumn div  {
	border-bottom:1px dotted #BBE0EB;
	margin:0pt;
	padding: 1px 0px;
	color: #112B89;
	height:13px;
}


#leftColumn div:hover, #rightColumn div:hover, #wideColumn div:hover {
	background-color:#E0FFFF;

}

#wideColumn div {
	border-bottom:1px dotted #BBE0EB;
	margin:0pt;
	padding: 4px 0px;
	color: #112B89;
	height:14px;
}

/* view showreel */
.showreelText {
	position:absolute;
	border:none;
	width:100px;
	height:10px;
}

/* Make the body background fill to bottom even if not enough space */
.spacer {
	clear: both;
	line-height:0px;
}

center {
    margin: 0 auto;
    display: block;
}

/* Places items out of view */
.invisible {
	height: 0px;
	position:absolute;
	left:-500px;
	top:0px;
}


/* The following is to stylize the table used on DOP page */
#agentTable {
border-collapse:collapse;
border-spacing:0px;
}

#agentTable td {
border:1px dotted #BBE0EB;
padding:5px;
text-align:center;
}

#agentTable td.agentCol {
text-align:left;

}

#agentTable td.fatCol { 
width:140px; 
border-top:none;
border-left:none;
}

.thinCol {
width:50px;
text-align:center;
background-color:#E0FFFF;
}

.tableRow:hover { background-color:#E0FFFF; }