html {
	height: 100%;
	margin-bottom: 1px;
	}
	
body {
	margin: 50px 0 50px 0;
	padding: 0;
	background: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	}
	
	
h1 {
	font-size: 1.6em;
	}
	
h2 {
	font-size: 1.4em;
	}
	

h3 {
	font-size: 1.2em;
	margin-top: 0;
	}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	}
	
h5 {
	font-size: 1.2em;
	margin-top: 0;
	color:#FF0000
	}
	
strong2 {
	color:#FF0000
	}

a:link, a:visited {
	color: #F30;
	font-weight: bold;
	text-decoration: none;
	}

a:hover, a:active {
	color: #F30;	
	text-decoration: underline;
	}

img {
	border: 0px;
	padding: 0;
	margin: 0;
	display: block;
	}

	
.clear {
	clear: both;
	}
	


#frame {

/*
	width: 688px;
	padding: 5px;
*/
/*	width: 70%;*/
	padding: 1%;
	background: #DBDBDB;
	border: solid 1px #B9B9B9;

	}

	
#innerframe {
/*	width: 688px;*/
	width: 100%;
	background: #FFFFFF;
/*	border: solid 1px #000;*/
/*	clear: both;*/
/*	overflow: auto;*/
}

.width {
	width: 70%;
	min-width: 65em;
	margin: 0 auto;
	}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:65em solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-65em; position:relative; float:left; z-index:2; text-align:left;}

#header {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background: #000;
	text-align: center;
	}
	
#header h1 {
	margin: 0;
	padding: 0;
	text-align: center;
}
	
#header img {
	display: block;
	margin: 0 auto;
	padding: 0;
	}

	
/*
#sidebar {
	width: 180px;
	margin: 0 0 0 0px;
	padding: 30px 20px 0 20px;
	float: left;
	background: #FFFFFF;
	}
*/	

	
#navigation {
	border-top: solid 1px #DBDBDB;
	background: #000;
	padding: 0;
	margin: 0;
/*	overflow: auto;*/
/*	float: left;*/
/*	clear: both;*/
	}
	
#navigation ol {
	list-style: none;
	padding: 0.7em 0;
	margin: 0;
	background: transparent;
	text-align: center;
	}
	
#navigation li {
	list-style: none;
	display: inline;
	padding: 0 1.5em;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
		height: 2.0em;
	}
	
#navigation a:link, #navigation a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
#navigation a:hover, #navigation a:active {
	color: #F30;
	}
		
.sub-navigation {
	margin: 0;
	padding: 0;
	background: #CACACA;
/*	border-left: solid 1px #666;
	border-right: solid 1px #666;
*/}

.sub-navigation table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.sub-navigation table td {
/*	padding: 0 .3em;*/
}

.sub-navigation table .thumbnails img {
	margin: 0 auto;
	padding: 2px;
}

.sub-navigation table .thumbnails a:link img, .sub-navigation table .thumbnails a:visited img {
	border: solid 1px #CACACA !important;
}

.sub-navigation table .thumbnails a:hover img, .sub-navigation table .thumbnails a:active img {
	border: solid 1px #F30 !important;
}

.conbg {
/*	background: #AAA;*/
}

.leftline {
	border-left: solid 1px #666;
}

#nav-prod-con {
/*	background: #000;*/
/*	border-top: solid 1px #FFF;*/
}

/*#nav-prod-con table {
	margin: 0;
	padding: 0;
}*/

.sub-navigation th {
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 0;
	color: #FFF;
	background: #000;
	font-size: 1.4em;
	border-top: solid 1px #FFF;
/*	border-bottom: solid 1px #666;*/
}

.sub-navigation td {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

tr.navlabels {
		text-align: center;
		color: #000;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		background: #CACACA;
		height: 2.2em;

	/*	color: #FFF;*/
	/*	background: #666;*/
	}

tr.navlabels td{
		text-align: center;
		color: #000;
		margin: 0;
		border-top: solid 1px #666;
/*		border-bottom: solid 1px #666;
*/		font-size: 1.1em;
		background: #CACACA;
		height: 2.0em;
		padding: 0.2em 0;
/*		margin: 0;*/
		font-weight: bold;
		/*	color: #FFF;*/
	/*	background: #666;*/
	}
	

tr.navlabels td {
/*		padding: 0.4em 0;*/
/*		margin: 0;*/
/*		font-weight: bold;*/
	}

#nav-productions, #nav-consultancy {
	display: none;
}

.section-productions #nav-productions {
	display: block;
}

.section-consultancy #nav-consultancy {
	display: block;
}
	



	
#content {
	margin: 0 0 0 0;
	padding: 0;
/*	clear: both;*/
	overflow: hidden;
/*	border-left: solid 1px #666;
	border-right: solid 1px #666;
*/	}

#content p {
	margin: 0 2em 1em 2em;
	padding: 0;
	font-size: 1.2em;
}

#splashimage {
/*	width: 100%;	*/
/*	margin: 0 auto 2em auto;*/
	background: #DBDBDB;
}

#splashimage img {
/*	width: 100%;*/
/*	margin: 2em auto;*/
}
	
#footer {
	color: #FFFFFF;
	font-size: 1em;
	margin: 0 0 0 0;
	background: #999;
	padding: 0.5em 2em;
/*	clear: both;*/
	line-height: 1.2;
/*	border: solid 1px #666;*/
	}
	
#footer p {
	margin: 0;
	padding: 0;
	
}

#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
#footer a:hover, #footer a:active {
	color: #F30;
	}

	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}

	/* End Images */
	
	#content p.homepageblurb {
		font-size: 1.7em;
		font-style: italic;
		text-align: center;
		color: #666;
		line-height: 1.5;
	}

	#content p.homepageblurb strong {
		color: #333;
	}
	



.section-productions #content, .section-consultancy #content {
	padding: 0 2em;
}

.section-productions #content h2, .section-consultancy #content h2 {
	font-size: 2.4em;
	color: #666;
	font-style: italic;
	margin-left: 0.4em;
	margin-bottom: 0;
}

.section-consultancy #content ul {
	margin: 0;
	padding-bottom: 1em;
}

.section-consultancy #content li {
	font-size: 1.2em;
}

#meta {
	width: 50%;
	float: left;
/*	position: relative;*/
/*	clear: both;*/
	min-width: 300px;
}

#gallery { 
	position: relative;
	display: block;
	margin: 0 auto 2em auto;
	padding: 0 0 0 0;
	width: 553px;
/*	float: left;*/
	height: 234px;

}
	
#gallery li { 
	display: block;
	width: 553px;
	margin: 0 auto;
}

#gallery img {
/*	width: 100%;*/
}

.section-productions #gallery, .section-consultancy #gallery {
	width:300px; 
	height:225px; 
	margin:0 2em 0 0;
}

.section-productions #gallery img, .section-consultancy #gallery img{
	width: auto;
}

.section-productions #gallery li, .section-consultancy #gallery li {
	margin: 0 auto 2em auto;
}



#techdetail, #clients {
	margin: 2em 2em 2em 0;
	padding: 0 5px;
	width: 290px;
}

#techdetail p, #clients p {
	margin: 0;
	padding: 0.5em 0;
	color: #666;
	font-size: .9em !important;
	line-height: 1.5 !important;
}

#techdetail strong {
	color: #333;
}

.techdetailcontent, .clientscontent {
	padding: 0 1em;
	margin: 0;
	
	display:block; border:0 solid #aaa; border-width:0 1px;
}

#clients .clientscontent h3 {
	font-size: 1.2em;
}

#clients ul {
	padding: 0;
	margin: 0;
}

#clients li {
	list-style: none;
	padding: 0 0 0.5em 0;
	margin-left: 0;
}



#bodytext, 
#leftbodytext {
/*	margin-left: 2%;*/
	margin-top: 5px;
	margin-left: 0px;
	width: 45%;
	min-width: 290px;
	margin-bottom: 5em;
}

#leftbodytext {
	float: left;
}

#bodytext {
	float: right;
}

#bodytext p, 
#leftbodytext p {
	margin: 0 0 0 0;
	padding: 0.5em 0;
}

#bodytext .b2, 
#leftbodytext .b2,
#bodytext .b3, 
#leftbodytext .b3, 
#bodytext .b4, 
#leftbodytext .b4 {
	border-color: #e7e7e7;
}

#bodytext .b1, 
#leftbodytext .b1, 
#bodytext .b2, 
#leftbodytext .b2, 
#bodytext .b3, 
#leftbodytext .b3, 
#bodytext .b4, 
#leftbodytext .b4 {
	background: #e7e7e7;
}

#leftbodytext {
margin-right: 2em;
}

.bodytextcontent {
	padding: 0 1em;
	margin: 0 0 0 0;
	background: #e7e7e7;
	display:block; border:0 solid #e7e7e7; border-width:0 1px;
}

.bodytextcontent blockquote {
	font-style: italic;
	margin: auto 0;
}

.bodytextcontent cite {
	text-align: right;
	font-weight: bold;
}

/* rounded borders */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#aaa; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:transparent; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:transparent; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:transparent; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}


/* end rounded borders */

#content #bodytext .bodytextcontent ul {
	padding-left: 0;
	margin-left: 2em;
}

.visitsite img {
	margin-top: 1em;
	display: inline;
}