/* Layout.css

Layout - Cascading Stylesheet for Take One Productions */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background-image: url(../images/main-background-tile2.jpg);
}

html { height: 100%; }

#main {
	display: block;
	background-image: url(../images/main-background-repeat.gif);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
	width: 100%;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#homepage-bottom {
	width: 100%;
	padding-bottom:3px;
	background-image: url(../images/camera-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
	
#title-demo {
	width: 240px;
	height: 24px;
    padding-top: 24px;
    height: 0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/title-index-demo.jpg);
	background-repeat: no-repeat;
}

#title-news {
	width: 240px;
	height: 24px;
    padding-top: 24px;
    height: 0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/title-index-news.jpg);
	background-repeat: no-repeat;
}

#title-case {
	width: 240px;
	height: 24px;
    padding-top: 24px;
    height: 0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/title-index-case.jpg);
	background-repeat: no-repeat;
}



#main-background { 
	height: 100%;
	background-image: url(../images/main-background.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}


#outer-background {
    margin: 0 auto 0 auto;
	width: 960px;
	background-image: url(../images/inner-background-tile2.jpg);
}

#outer-background-div {
	height: 100%;
    margin: 0 auto 0 auto;
	width: 960px;
	position: relative;
}

#inner-background { 
	height: 100%;
	width: 960px;
	background-image: url(../images/inner-background.jpg);
	background-repeat: repeat-x;
	background-position: top left;
    margin: 0 auto 0 auto;
}


#main-inner { 
	height: 100%;
	width: 930px;
	position: relative;
	margin: 0 auto 0 auto;
}


#breadcrumbs {
	background-color: #000000;
	height: 23px;
	display: block;
	padding-top: 5px;
}

#header a {
	background-color: #000000;
	height: 100px;
	display: block;
	background-image: url(../images/header-static-about.jpg);
	background-repeat: no-repeat;
}

#navbar {
	/* height: 25px; */
	height: 28px;
	display: block;
	border-top: 1px solid #ffffff;
}


#subnavbar-on {
	height: 29px;
	background-repeat: repeat-x;
}

#subnavbar-on #subnavbar-home { display: block !important; }
#subnavbar-on #subnavbar-about { display: block !important; }
#subnavbar-on #subnavbar-video { display: block !important; }
#subnavbar-on #subnavbar-streaming { display: block !important; }
#subnavbar-on #subnavbar-multimedia { display: block !important; }  /* #subnavbar-on #subnavbar-dvd { display: block !important; } */
#subnavbar-on #subnavbar-photography { display: block !important; }
#subnavbar-on #subnavbar-duplication { display: block !important; } /* #subnavbar-on #subnavbar-cdrom { display: block !important; } */
#subnavbar-on #subnavbar-event { display: block !important; }
#subnavbar-on #subnavbar-contact { display: block !important; }
/* websites2life JT Jul2010 */
#subnavbar-on #subnavbar-websites2life { display: block !important; }

#subnavbar-home {
	height: 23px;
	border-bottom: 1px solid #ffffff;
	background-color: #999999;
	display: none;
	padding: 5px 0 0 0;
}

#subnavbar-about {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-about.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

		#subnavbar-about a {	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff; 
			text-decoration: none; }
		#subnavbar-about a:hover { text-decoration: underline; }
	

#subnavbar-video {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-video.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

		#subnavbar-video a {	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff; 
			text-decoration: none; }
		#subnavbar-video a:hover { text-decoration: underline; }


#subnavbar-streaming {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-streaming.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

		#subnavbar-streaming a {	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff; 
			text-decoration: none; }
		#subnavbar-streaming a:hover { text-decoration: underline; }

/*  !NB - was #subnavbar-dvd  */
#subnavbar-multimedia {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
 	background-image: url(../images/nav/nav-bottom-dvd.jpg); 
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

		#subnavbar-multimedia a {	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff; 
			text-decoration: none; }
		#subnavbar-multimedia a:hover { text-decoration: underline; }


#subnavbar-photography {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-photography.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

		#subnavbar-photography a {	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff; 
			text-decoration: none; }
		#subnavbar-photography a:hover { text-decoration: underline; }


/*  !NB - was #subnavbar-cdrom  */
#subnavbar-duplication {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-cdrom.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

#subnavbar-duplication a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	text-decoration: none; }
#subnavbar-duplication a:hover { text-decoration: underline; }




#subnavbar-event {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-event.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

#subnavbar-event a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	text-decoration: none; }
#subnavbar-event a:hover { text-decoration: underline; }



#subnavbar-contact {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-contact.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

#subnavbar-contact a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	text-decoration: none; }
#subnavbar-contact a:hover { text-decoration: underline; }

/* websites2life JT Jul2010 */
#subnavbar-websites2life {
	height: 23px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/nav/nav-bottom-contact.jpg);
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	padding: 5px 0 0 27px; }

#subnavbar-websites2life a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
	text-decoration: none; }
#subnavbar-websites2life a:hover { text-decoration: underline; }


/* Page navigation*/

#navblock {
	height: 25px;
	display: block;
	background-image: url(../images/navgrad.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #ffffff;
	margin: 0;
	padding: 0 0 0 6px;
	overflow: hidden;
}


#navblock li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 25px;
	float: left;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}

#navblock li a {
	display: block;
	/*height: 15px;*/
	/* float: left; */
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 15px 6px 17px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(../images/newdivider.jpg) top left no-repeat;

}

#home-link a {
	background-image: none !important;
}

.divider {
	display: block;
	background-image: url(../images/newdivider.jpg);
	background-repeat: no-repeat;
	width: 2px;
	float: left;
	height: 25px;
}

#navblock #about-link.current,
#navblock #about-link.current a,
#navblock #about-link a:hover { background-image: url(../images/nav/nav-top-about.gif); }

#navblock #video-link.current,
#navblock #video-link.current a,
#navblock #video-link a:hover { background-image: url(../images/nav/nav-top-video.gif); }

#navblock #streaming-link.current,
#navblock #streaming-link.current a,
#navblock #streaming-link a:hover { background-image: url(../images/nav/nav-top-streaming.gif); }

#navblock #multimedia-link.current,
#navblock #multimedia-link.current a,
#navblock #multimedia-link a:hover { background-image: url(../images/nav/nav-top-dvd.gif); }

#navblock #photography-link.current,
#navblock #photography-link.current a,
#navblock #photography-link a:hover { background-image: url(../images/nav/nav-top-photography.gif); }

#navblock #duplication-link.current,
#navblock #duplication-link.current a,
#navblock #duplication-link a:hover { background-image: url(../images/nav/nav-top-cdrom.gif); }

#navblock #event-link.current,
#navblock #event-link.current a,
#navblock #event-link a:hover { background-image: url(../images/nav/nav-top-event.gif); }

#navblock #contact-link.current,
#navblock #contact-link.current a,
#navblock #contact-link a:hover { background-image: url(../images/nav/nav-top-contact.gif); }

/* #navblock #contact-link a { width: 100%; } */

#navblock #websites2life-link.current,
#navblock #websites2life-link.current a,
#navblock #websites2life-link a:hover { background-image: url(../images/nav/nav-top-contact.gif); }



#main-content {
	display: block;
	position: relative;
	height: 100%;
	background-color: #ffffff;
	background-image:url(../images/content-top-grad.jpg);
	background-repeat: repeat-x;
	background-position: 0 173px;
	padding: 0 0 0px 0;
}

#footer {
	display: block;
	height: 157px;
/* was	height: 95px; */
	width: 930px;
	background-color: #999999;
}

#footer-inner {
	display: block;
	position: relative;
	height: 95px;
	width: 930px;
}

#investor-logo {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 86px;
	height: 57px;
	display: block;
    padding-top: 57px;
    height/* */:/**/0;
    height: /**/0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/investor-in-people.gif);
	background-repeat: no-repeat;
	
}

#stripe1 {
	position: absolute;
	top: 0px;
	left: 124px;
	width: 1px;
	border-right: 1px solid #ffffff;
	height: 71px;	
}



#freephone {
	position: absolute;
	top: 15px;
	left: 345px; /* was 250 */
	width: 241px;
	height: 14px;
	display: block;
    padding-top: 14px;
    height/* */:/**/0;
    height: /**/0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/freephone.gif);
	background-repeat: no-repeat;
}
/*	new 'footer' to replace freephone above JT Jul2010 */
/* total width = 960 
	background-image: url(../images/email_footer.jpg);
*/
#isoTOPiip {
	position: absolute;
	top: 6px;
	left: 305px;
	width: 350px;
	height: 140px;
	display: block;
    padding-top: 140px;
    height/* */:/**/0;
    height: /**/0;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/logos/isoTOPiip.jpg);
	background-repeat: no-repeat;
}

#copywrite-lower {
	position: absolute;
	top: 120px;
	left: 350px; /* Was 250 - changed to 266 for center justify */
	width: 394px;
	height: 17px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
}


/* width is 266 394 266 equals 926 */
#copywrite {
	position: absolute;
	top: 52px;
	left: 360px; /* Was 250 - changed to 266 for center justify */
	width: 394px;
	height: 17px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
}



#stripe2 {
	position: absolute;
	top: 0px;
	left: 537px;
	width: 1px;
	border-right: 1px solid #ffffff;
	height: 71px;	
}


#register a {
	position: absolute;
	top: 21px;
	left: 560px;
	width: 128px;
	height: 24px;
	display: block;
    padding-top: 24px;
    height:0;
	margin: 0 0 0 0;
    overflow: hidden;
	 background-image: url(../images/register.gif); 
	/* background-image: url(../images/showreel.jpg); */
	background-repeat: no-repeat;
}


#tapeimage a {
	position: absolute;
	top: 8px;
	left: 685px;
	width: 80px;
	height: 87px;
	display: block;
	margin: 0 0 0 0;
    overflow: hidden;
	background-image: url(../images/show-reel2.jpg);
	background-repeat: no-repeat;
}

#events-topgrad { 
	display: block;
	height: 19px;
	width: 930px;
	background-image: url(../images/examples-pagegrad-top.jpg);
	background-repeat: repeat-x; 
	border-bottom: 2px solid #ffffff; }
	
#events-bottomgrad { 
	display: block;
	height: 20px;
	width: 930px;
	background-image: url(../images/examples-pagegrad-bottom.jpg);
	background-repeat: repeat-x; 
	border-top: 2px solid #ffffff; }
	
#events-static { 
	display: block;
	height: 313px;
	width: 930px;
	background-color: #000000;
	/* background-image: url(../images/examples-static.jpg);
	background-repeat: no-repeat; */ }


#table-left { width: 493px; padding: 0 40px 0 40px; }
#table-left-clients { width: 100%; padding: 0 61px 0 82px; }
#table-left-events { width: 493px; padding: 0 0px 0 0px; }
#table-right { width: 276px; }

#table-left h2 { font-size: 12px; font-weight: bold; text-transform: none; position: relative; top: 5px; }


#homepage-table {
	display: block;
	/*height: 350px;*/
	width: 100%;
	background-color: #889393;
	background-image:url(../images/index-background.jpg);
	background-repeat: repeat-x;
	/*overflow: auto;*/
}
/* this was 380 and 530 */
#homepage-table-left { width: 420px; /* background-image: url(../images/videowall.jpg); */ background-repeat: no-repeat; padding:20px 0 30px 0; }
#homepage-table-right { width: 490px; padding: 20px 20px 0 0; color: #FFFFFF;
						background-image:url(../images/cameratop.gif);
						background-repeat: no-repeat;
						background-position: bottom right }
#homepage-table-right p { color: #FFFFFF; font-size: 11px; line-height: 160%; margin-top: 0px; }
#homepage-table-right a { color: #FFFFFF; font-size: 11px; line-height: 160%; text-decoration: underline; }

/* JT Jul2010 */
#homepage-table-full { width: 910px; padding:20px 0 30px 0; }

#home-main-graphic {
	width:335px;
	margin:0 auto;
	padding-top:0px;
}

#welcome {
	width: 310px;
	height: 17px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0 0;
}

/* New classes to split the lists on the clients page into left and right sections */
.splitList {
	float: left;
	display: block;
	margin: 2px;
    border: 2px; 
	width: 260px;
}

.splitList ul { margin-top: 3px; margin-right: 3px; margin-bottom: 3px; }

/*  Layou for the News page and Press page  */

.newsDiv {
margin: 0px 0px 17px 0px;
padding: 5px;
float: left;
border-bottom: 2px solid #999;
width: 500px;
}

	.newsDiv p {
	padding-top: 0px;
	}

	.newsDiv img {
	float: left;
	padding-top: 0px;
	border: 0px;
	}
	
	
	
	
.newsDiv2 {
margin: 0px 0px 17px 0px;
padding: 0px;
float: left;
width: 500px;
}

	.newsDiv2 p {
	padding-top: 0px;
	}

	.newsDiv2 img {
	float: left;
	padding-top: 0px;
	border: 0px;
	}
	

#example-links {
margin-left: 23px;
}


.homecontentbox {
		background-image: url(../images/boxcontent.gif);
		background-repeat: no-repeat;
		background-color: #C6C8CA;
        width: 240px;
		border-right: 3px solid #ffffff;
}

.centerflashdemo { display: block; margin: 0 0 0 30px; width: 550px; text-align: center; }
.centerdemo { display: block; margin: 0 0 0 140px; width: 320px; text-align: center; }



.link2 a { color: #3399FF; font-weight: bold; text-decoration: none; }
.link2 a:hover { color: #3399FF; text-decoration: underline