/*
Theme Name: Timeline Media Services 
Theme URI: http://www.timelinemediaservices.com/
Description: Timeline Redesign
Version: v1.0
Author: Sarah Bland at Blander Studios
*/

/*HTML ELEMENT*/
body { background: url(../images/333toGreen7.png) repeat-x #333;
border-top:3px solid #363636; width:100%; height:100%; min-width:800px;
padding:0; margin:0; 
}
img {max-width:100%;}

/*FONT HEADER*/
h1 {font-size: 30px; color:#CCCCCC;}
h2 {font-size: x-large; color: #CCC; margin-bottom:4px; font-family: Tahoma, Geneva, sans-serif;}
h2 a:hover {background:#def4ef;}
h3 {font-size: large; font-weight:bold; color:#CCC; font-family:Tahoma, Geneva, sans-serif;}
h4 {font-size: large ; color: #CCC; margin-bottom:10px;}
h5 {font-size: mediun; color:#CCC; margin-bottom:10px;}
p {font-size:medium; color:#CCC; font-family:"Times New Roman", Times, serif;}

a:link {text-decoration:none; color:#079ca9;}
a:active {color:#079ca9;}
a:visited {color:#079ca9; text-decoration:none;}
a:hover	{color:#C53927;} 
.clear {clear:both;}
	
	
/* NAVIGATION 
#topnavi { margin-left:0; padding-right:10%; text-align:right; background: url(../images/tmslogo2012_400x65.png) #333 no-repeat left; overflow: hidden; width: 100%; min-height:70px;}
#topnavi li {float:left; list-style:none;}
#topnavi li a, #topnavi li a:visited {color: #CFF; padding: 0px 15px; }
#topnavi li a:hover {background:#abffeb; color:#000;}

*/
/*HEAD LOGO*/



#head_logo {float: left; height:150px; width:100%; background:#333; overflow: hidden;}
#head_logo img {padding:15px;}
#head_logo a:link a:visited a:active {text-decoration: none;}


/* VIDEO WRAP*/

/*EDITABLE CONTENT CONTAINER*/

#container {
	width:100%;
	min-width: 759px;
	height:100%;
	min-height:700px;
	background: url(../images/camBG.png) no-repeat right;
	overflow:hidden;
}

#images_container { float: left; width:400; overflow: hidden; height:100%; }

#video_container {min-width:700px; height:100%; position:absolute; margin-left:325px; margin-right:200px;}




/*LEFT NAV IMAGES */
#left_images { float: left; padding-left:10px; margin-right:10px; width: 250px; overflow:hidden;}
#left_images p {padding-left:10px; padding-right:5px;}
#left_images h2 {padding-left:8px;}
#left_images img {opacity:0.4;
filter:alpha(opacity=40); border-right: dotted 8px #000; border-top: #666 1px solid;border-bottom:1px solid #666;}
#left_images img:hover {opacity:1.0;
filter:alpha(opacity=100);}

#current_page img {opacity:01.0; filter:alpha(opacity=100); }


/*VIDEO CLIPS*/
#video {width:100%; min-width:700px;}


#services_text {width:500px;}
#services_text li {list-style: none; word-wrap:break-word;}




/* RIGHT TEXT AREA with Curved Right Edge

#right_text {
	padding-left:50px; margin-right:20%;
	text-align:left; background-color: #333; float:right; clear:both;
	height: 50px;
	min-width:160px;
	width:10%;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

	}
 
#right_text h2 {padding-bottom:10px; }

*/




#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   padding-bottom:6px;
   background:#333;
}
#footer p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: center; width:100%; padding: 10 10; color:#99cccc; }

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}