@import url("menus.css");
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	font-family:Arial, Helvetica, sans-serif;
    }

#container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	position: relative;
    }

/* adds margin to bottom of "container" IE friendly, why mess around with IE? */ 	
#bottom-margin {
    height:20px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    }

/* header */

#header { 
	 width: 990px; 
	 height:130px;
	 border-bottom: 5px solid #fff;
	 text-align:left; 
	 position:relative;
	 background-image:url(../images/titan-header.jpg);
	 background-repeat:no-repeat;
	 z-index: 100000
     }
	 
#header p { font-size: 11px; color:#fff; text-align:left; padding:5px 0 0 5px; margin:0;}
#header a {font-size: 11px; color:#fff; text-decoration:underline;}
#header a:hover { text-decoration:none;}

#header-logo {
     width: 230px; 
	 height:110px;
	 float:left;
	 padding:10px 0 0 365px;
	 position:relative;
     }
	 
#testimonials {
     width: 35px; 
	 height:130px;
	 float:left;
	 position:relative;
}

blockquote {
background:#fff none repeat scroll 0%;
border-top:1px solid #DDDDDD;
margin-top:10px;
padding:10px 5px;
}

blockquote p {color: #666666;;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;}

blockquote a { color:#f40009; text-decoration: underline; font-size: 12px; outline:none;}
blockquote a:hover { text-decoration: none;}
	 
/* main content divs */

/* wraps all content below header */
#main-content-wrapper {
    width: 990px;
	background-image:url(../images/content-bg.png);
	background-repeat:repeat-y; 
	height: auto;
	background-color:#fff;
	overflow:hidden;
   }

 /* wraps all content floated left */ 
#main-floated-right-wrapper {
    width: 815px; 
	height: auto;
	float:right;
	border-left: 5px solid #fff;
    position:relative;
}

/* wraps all content floated right */ 
#main-floated-left-wrapper {
    width: 170px; 
	height: auto;
	float:left;
	margin: 0;
    position:relative;
}

/* //////// "main-floated-left-wrapper" //////// */ 

/* MAIN MENU */ 
#menu-wrapper {
    width: 815px; 
	height:30px;
	background-color:#4082a1;
	border-bottom: 5px solid #fff;
    position:relative;
	z-index: 100;
    }

#menu-box {
   width: 750px;
   height:30px;
   background-color: #4082a1;
   text-align:left;
   position:relative;
   }
/* END MAIN MENU */ 

/* wraps left vertical menu */
#acts-list-wrapper {
    width: 150px; 
	height: auto;
	float:right;
	background-color:#fff;
    position:relative;
    }
	
	
/* wraps left vertical menu with scroll */	
#acts-list {
    width: 150px;
	max-height: 380px; 
	overflow:auto;
	background-image:url(../images/acts-list-bg.jpg);
	background-repeat: no-repeat;
    overflow-x:hidden; 
	position:relative;
    }
* html div#acts-list { 
   height: expression( this.scrollHeight > 380 ? "380px" : "auto" ); /* sets max-height for IE */
   }

#acts-list-head {
    width: 150px;
	height: 50px;
	background-image:url(../images/acts-available.gif);
	background-repeat:no-repeat;
	border-bottom: 5px solid #fff;
	position:relative;
    }
	
#acts-list-footer {
    width: 150px;
	height: 50px;
	background-image: url(http://titancreativeentertainment.com/images/act-list-foot.gif);
	background-repeat:no-repeat;
	position:relative;
}


/* center-content */
#main-content-narrow {
    width: 655px; 
	height: auto;
	background-color:#fff;
	padding: 10px 0 10px 10px;
	float:right;
	position:relative;
    }
	
#main-content-wide {
    width: 805px; 
	height: auto;
	background-color:#fff;
	padding: 10px 0 10px 10px;
	float:right;
	position:relative;
    }
	
#main-content-right-float {
    width: 240px; 
	height: auto;
	padding: 0 0 0 10px;
    float:right;
	position:relative;
}

#main-text-box {
    width: 555px; 
	height: auto;
    float:right;
	position:relative;
}



#main-text-box a { font-size: 13px;}
#contact-box {
    width: 333px; 
	height: auto;
    float:right;
		border-right: 1px solid #e7e7e7;
	position:relative;
}

#contact-right-float {
    width: 460px; 
	height: auto;
	padding: 0 0 0 10px;
    float:right;
	position:relative;
}

#full-width-text-box {
    width: 795px; 
	height: auto;
	padding: 0 10px 0 0;
    float:right;
	position:relative;
}

/* ACTS CONTENT */
	

#acts-text-box {
    width: 405px; 
	height: auto;
    float:right;
	position:relative;
}
#acts-text-box img { width:405px;}



#acts-media-box-wrapper {
    width: 240px; 
	height: auto;
	padding: 0 0 0 10px;
    float:right;
	position:relative;
}

#acts-media-header {
    width: 240px; 
	height: auto;
	padding-bottom: 5px;
    position:relative;
}
#acts-book-now {
    width: 240px; 
	height: auto;
    position:relative;
}

#acts-photo-box {
    width: 240px; 
	height: auto;
    position:relative;
}

#acts-media-links-box {
    width: 220px; 
	height: auto;
	background-color:#e7e7e7;
	padding: 5px 10px 15px 10px;
	margin-top:5px;
    position:relative;
}

#acts-media-links-box a { color:#f40009; text-decoration: underline; font-size: 12px; outline:none;}
#acts-media-links-box a:hover { text-decoration: none;}


/* //////// END "main-floated-left-wrapper" //////// */ 
	
/* //////// "main-floated-right-wrapper" //////// */
/* wraps the talent category menu */ 

#talent-cat-wrapper {
   width: 170px;
   height: auto;
   background-color:#fff;
   position:relative;
   }

/* clears floats, makes IE behave */  
#clear { 
   width: 990px;
   height: 30px;
   background-image:url(../images/content-bottom.png);
   background-repeat:no-repeat;
   clear:both;

}



/* footer div */   
#footer {
    width: 990px; 
	height: 25px;
	clear:both;
	background-color:#313131;
	padding: 10px 0 0 0;
	border-top: 5px solid #fff;
    position:relative;
	font-size: 11px; color:#fff; text-align:center;
    }
   
#footer p { font-size: 11px; color:#fff; text-align:center;}
#footer a {font-size: 11px; color:#fff; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
/* footer div */ 
   
/* typography */

p { font-size: 13px; margin: .4em 0 .8em 0; line-height:1.3em;}
h1 { font-size: 22px; margin: .4em 0 .4em 0; color:#4082A1;}
h2 { font-size: 16px; margin: .4em 0 .4em 0; color:#313131;}
h3 { font-size: 13px; margin: .4em 0 -.01em 0; color:#4082A1;}
h4 {}

/* MISC styles */

.clear-both {clear:both;}
img { border:none; margin:0; padding:0; white-space:nowrap; display:block;}
a { color:#f40009; text-decoration: underline; font-size: 14px; outline:none;}
a:hover { text-decoration: none;}
.float-im-rt { float:right; padding: 0 0 10px 10px;}
.center { text-align:center;}

.right {float:right; padding:10px; clear:left;}
.left {float:left; padding:10px; clear:right;}
.top10 { padding-top:10px;}
.top20 { padding-top:20px;}