/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
html{
	font-size:100%;
	}

body{
	font-family: Tahoma,Arial,sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	background-color: #0f0f0f;
	
	}
	
img{
border:0;
}

h1 {
	
	font-size: 1.5em;
	line-height:1em;
	padding-bottom:0.5em;
	color: #ffffff;
}


h2 {
	font-size: 1em;
	font-style: normal;
	color: #ff9933;
	line-height:1.5em;
	padding-bottom:0.7em;

}

h3 {
	font-size: 0.95em;
	line-height:1.3em;
	color: #99cc99;
	text-align: left;
	padding-bottom:0.8em;
	margin: 0px;

}



ul
{
font-size: 0.9em;
list-style:disc;
color: #ff9933;
line-height:1.3em;
padding-bottom:0.8em;
margin: 0;
}






p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size:0.819em;
	color:#ffffff;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:left;
}
/*---------------------------------------------------------------------------------*/
#container{
width:100%;
background-image:url(../assets/gfx-home-header-background.jpg);
background-position:top;
background-repeat:repeat-x;
background-color: #333333;
padding: 0;
margin-left: auto;
margin-right: auto;




}


#inner-container{
width:960px;
padding: 0;
margin-left: auto;
margin-right: auto;



}





/*------headers---------------------------------------------------------------------------*/

#header-container{
height:210px;
width:960px;
background-image:url(../assets/gfx-header-background.jpg);
background-position:top;
background-repeat:no-repeat;
margin:0;
padding:0;
margin-left: auto;
margin-right: auto;

}

#header-image{
height:161px;
width:483px;
background-image:url(../assets/gfx-home-header-spot-lights.jpg);
background-position:top;
background-repeat:no-repeat;
float:right;

}

#logo-home{
height:168px;
width:336px;
background-image:url(../assets/gfx-home-logo.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;

}




/*------links----------------------------------------------------------------------------*/

#links-container{
height:36px;
width:960px;
padding: 10px 0 0 30px;
margin:0;
float: left;

}


#links-container ul{
list-style: none;
height:100%;
padding: 0;
margin: 0;

}

#links-container li{
list-style: none;
padding:0;
margin: 0;
float:left;

}

#links-container li a:link, #links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #ffffff;
margin: 0;
padding: 4px 4px 0 0;




}

#links-container li a:hover, #links-container li a:active{
text-decoration: none;
display:block;
color: #ff9933;


}

.dividers{
color: #ff9933;
}








/*------content home----------------------------------------------------------------------------*/

#showreel-container{
height:300px;
width:920px;
padding: 0;
background-image: url(../assets/holder-image.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #333333;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
float: left;


}



#welcome-block{
width:960px;
background-image: url(../assets/gfx-background-welcome.jpg);
background-position:top;
background-repeat:no-repeat;
padding: 0;
margin: 0px;
float: left;


}

#welcome-text{
width:400px;
float: left;
text-align: left;
color: #000000;
padding: 65px 20px 40px 20px;
margin:0;

}

.quotes{
font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-style: italic;
	color:#ffffff;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:left;

}

.quotes-66-container{
float:left;
height:72px;
width: 72px;
padding: 0 10px 0 0;

}

.quotes-99-container{
float:right;
height:72px;
width: 72px;
padding: 25px 0 0 10px;

}



/*------main links home----------------------------------------------------------------------------*/

#main-links-container{
width:100%;
background-image: url("../assets/gfx-bottom-background.jpg");
background-position:bottom;
background-repeat: repeat-x;
background-color: #333333;
margin-right:20px;
padding:0;
float:left;
}




#main-links-container-inner{
width:960px;
height: 166px;
background-image: url("../assets/gfx-home-main-links-background.jpg");
background-position:top;
background-repeat: no-repeat;
margin-right:30px;
padding:65px 0 0 0;
float: left;

}



#training-services-block{
width:255px;
padding: 0 20px 0 40px;
margin: 0;
float: left;

}



#on-site-tech-support-block{
width:255px;
padding: 0 20px 0 45px;
margin: 0;
float: left;


}


#event-production-block{
width:255px;
padding: 0 0 0 30px;
margin: 0;
float: left;


}


.more-link-container  a, .more-link-container   a:visited {
display: block;
height: 14px;
width: 46px;
overflow: hidden;
float:right;
margin-right: 5px;
 

}

.more-link-container  a:hover, .more-link-container  a:active{
display: block;
text-indent: -46px;
float:right;


}











/*------content pages----------------------------------------------------------------------------*/

#header-content-container{
height:204px;
width:920px;
padding:0;
background-position:top;
background-repeat:no-repeat;
margin:0;
float: left;


}

#text-container{
width:600px;
margin: 0;
padding: 10px 30px 25px 30px;
text-align: left;
color: #333333;
float:left;
}






#content-bottom-background{
width:100%;
height: 100%;
background-image: url(../assets/gfx-content-bottom-background.gif);
background-position:top;
background-repeat: no-repeat;
float: left;
margin:0;
padding:0;

}

#column-divider{
border-bottom: solid 1px #a0ab5f;
margin-top:10px;
margin-bottom:20px;
}

#column-left{
width:280px;
margin: 0px;
padding: 0 20px 0 0 ;
float: left;
font-size: 0.8em;
}

#column-centre{
width:280px;
margin: 0px;
padding: 0 20px 0 0 ;
float: left;
font-size: 0.8em;
}

#column-right{
width:300px;
margin:0;
float: left;
font-size: 0.8em;
}


.pic-container{
width:400px;
margin: 0;
padding: 10px 30px 10px 0;
text-align: left;
color: #333333;
float:left;
}

.pic-text-container{
width:400px;
margin: 0;
padding: 0;
text-align: left;
color: #333333;
float:left;
}

#contact-text{
width: 100%;
float:left;
color: #666666;

}

#contact-text  a, #contact-text   a:visited {
color: #ffffff;
text-decoration: none;

}

#contact-text  a:hover, #contact-text  a:active{
color: #ff9933;
text-decoration: none;

}





/*------footer----------------------------------------------------------------------------*/




#bottom-container{
width:960px;
font-size: 0.8em;
margin-left: auto;
margin-right: auto;


}

#footer-container-inner{
width:900px;
padding:0 30px 0 30px;
background-image: url(../assets/gfx-home-footer-background.jpg);
background-repeat: no-repeat;
background-position:bottom;
font-size: 0.8em;
float:left;
margin-left: auto;
margin-right: auto;

}



#footer-text{
width: 900px;
padding: 20px 0 0 0;
margin: 0px;
float:left;
color: #ffffff;


}

#footer-text  a, #footer-text   a:visited {
color: #ffffff;
text-decoration: none;
 
}

#footer-text  a:hover, #footer-text  a:active{
color: #cc0000;

text-decoration: none;

}

.komodo{
float:right;
margin-bottom: 20px;

}

.copyright{
float:left;

}