body
{
	background:#1b1b1b url(../i/body-bkg.gif) repeat-x 0 -2px;
}

img.style1,
img.style2
{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
}

.style1
{
	float:left;
	margin-right:1em;
}

.style2
{
	float:right;
	margin-left:1em;
}

.clear-l
{
	clear:left;
}

form fieldset
{
	border:1px solid #666;
	background:#222;
	padding:1em;
}

form fieldset .text
{
	border:1px solid #ccc;
	width:220px;
	float:left;
	margin-bottom:1em;
}

form fieldset label
{
	display:block;
	width:8em;
	float:left;
}

form fieldset textarea
{
	height:150px;
}

form fieldset br
{
	clear:both;
}

form fieldset #submit
{
	margin-left:8em;
}

fieldset
{
	margin:0;
	padding:0;
}

table
{
	margin:0 0 1em 0;
	width:99%;
}

table thead
{
	background:#333;
}

table th
{
	text-align:left;
	font-weight:bold;
}

table th.title
{
	width:9em;
}

table th,
table td
{
	padding:0.5em;
	vertical-align:top;
}

table .shade
{
	background:#555;
}


h3
{
	padding:3px 5px;
	color:#fff;
	background:#666;
	margin:1em 0;	
}


#site-wrap
{
	background:url(../i/body-bkg.jpg) no-repeat 50% 0;
	height:768px;
	position:relative;
	margin:-25px 0 0 0;
}

#head
{
	position:absolute;
	top:0;
	left:0;
}

#window
{
	position:absolute;
	left:0;
	top:130px;
	width:100%;
}

#pri-cont
{
	width:400px;
	height:372px;
	overflow:auto;
	margin:0 auto;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#f1f1f1;
	font-size:70%;
	padding:10px 10px;
}

#pri-cont a
{
	color:#0070f1;
}

#pri-cont a:hover
{
	background:#0070f1;
	color:#fff;
}

#pri-cont h1
{
	text-transform:uppercase;
	font-size:200%;
	border-bottom:1px solid #646464;
	padding-bottom:0.25em;
}

#pri-cont h2
{
	font-size:120%;
	margin:0.5em 0;
}

#pri-cont p
{
	margin:1em 0;
}

#pri-cont p.back
{
	background:url(../i/back-arrow.gif) no-repeat 0 50%;
	padding:2px 0 2px 22px;
	margin:10px 0 0 0;
	clear:both;
}

#pri-cont p.forwards
{
	background:url(../i/forwards-arrow.gif) no-repeat 0 50%;
	padding:2px 0 2px 22px;
	margin:10px 0;
	clear:both;
}


#pri-cont ul
{
	margin-left:1.5em;
}

#pri-cont ul li
{
	list-style-type:disc;
}

#pri-cont ul.vidnav
{
	margin:0;
	padding:0;
}

#pri-cont ul.grid
{
	margin-left:20px;
}

#pri-cont ul.vidnav li
{
	float:left;
	list-style-type:none;
}


#pri-cont ul.vidnav a
{
	margin:6px;
	display:block;
	width:95px;
	height:68px;
}

#pri-cont ul.vidnav img.static
{
	margin:6px;
}

#pri-cont ul.vidnav a:hover
{
	margin:4px;
	border:2px solid #0070f1;
}

#pri-cont table a
{
	display:block;
	width:15px;
	height:15px;
	background:url(../i/arrow-dark.gif) no-repeat -15px 0;
	text-indent:-5000em;
}

#pri-cont table a:hover
{
	background:url(../i/arrow-dark.gif) no-repeat 0 0;
}

#pri-cont table .shade a
{
	background:url(../i/arrow-light.gif) no-repeat -15px 0;
}

#pri-cont table .shade a:hover
{
	background:url(../i/arrow-light.gif) no-repeat 0 0;
}

#pri-cont ul.clients
{
	background:#191919;
	text-align:center;
	padding:0;
	margin:0;
	border:1px solid #888;
}

#pri-cont ul.clients li
{
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0 3px;
}

#pri-nav
{
	background:url(../i/nav-bkg.png) no-repeat 0 0;
	width:505px;
	height:128px;
	position:absolute;
	top:5px;
	left:250px;
	z-index:1000;

}

#pri-nav li
{
	display:inline;
}

#pri-nav a
{
	display:block;
	width:78px;
	height:78px;
	float:left;
	margin-top:10px;
	text-indent:-5000em;
}

#pri-nav #about a
{
	margin-left:55px;
	background:url(../i/nav-button.png) no-repeat 0 0;
}

#pri-nav #about a:hover
{
	background:url(../i/nav-button.png) no-repeat 0 -85px;
}

#pri-nav #video a
{
	margin-left:15px;
	background:url(../i/nav-button.png) no-repeat -93px 0;
}

#pri-nav #video a:hover
{
	background:url(../i/nav-button.png) no-repeat -93px -85px;
}

#pri-nav #audio a
{
	margin-left:15px;
	background:url(../i/nav-button.png) no-repeat -186px 0;
}

#pri-nav #audio a:hover
{
	background:url(../i/nav-button.png) no-repeat -186px -85px;
}

#pri-nav #contact a
{
	margin-left:13px;
	background:url(../i/nav-button.png) no-repeat -370px 0;
}

#pri-nav #contact a:hover
{
	background:url(../i/nav-button.png) no-repeat -370px -85px;
}


#pri-nav #sti a
{
	margin-left:15px;
	background:url(../i/nav-button.png) no-repeat -186px 0;
}

#pri-nav #sti a:hover
{
	background:url(../i/nav-button.png) no-repeat -186px -85px;
}

#pri-nav #ex a
{
	margin-left:15px;
	background:url(../i/nav-button.png) no-repeat -279px 0;
}

#pri-nav #ex a:hover
{
	background:url(../i/nav-button.png) no-repeat -279px -85px;
}

#foot
{
	text-align:center;
	color:#999;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	margin-top:10px;
}


#contact-details
{
	position:absolute;
	top:-50px;
	right:5%;
	z-index:1000;
}

p.smallprint
{
	text-align:center;
	padding:0 0 1em 0;
	color:#444;
	font-size:80%;
	word-spacing:-1px;
}