@charset "utf-8";
/* CSS Document */

body {background: #313131; color: #DEDEDE; padding: 0px; margin: 0px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:12px;}
a,strong {color: #FFFFFF;}

#page-layout { width: 1000px; margin: 0px auto;}

#page-header { text-align:right; display:block;}
	#page-logo {display:inline;}
	#page-logo img {border: 0px; padding: 30px 10px 15px 10px;}
	
#page-nav {display:inline; padding: 0px 0px; position:absolute; top: 60px;}
	#page-nav ul{display:inline; list-style: none; font-size: 1.1em;}
	#page-nav li{ float:left; padding: 0px 10px;}
	#page-nav a{ color:#FFF; text-decoration: none;}
	#page-nav a.current{ color:#666; text-decoration: none;}
	
#content-header { height: 80px; clear: both; position:relative;}
#content-header div{ position:relative; }
#content-header .sub-menu {display:block; padding: 5px 0px; top:0px; clear:both; position:absolute; visibility: hidden;}
/*#content-header .sub-menu {display:block; padding: 5px 0px; top:0px; clear:both; visibility: hidden;}*/
	#content-header ul{display:inline; list-style: none; font-size: 0.9em;}
	/*#content-header li{ float:left; padding: 0px 10px; background:url(../images/dot-gray.gif) repeat-y right; margin-bottom: 10px;}*/
	#content-header li{ float:left; padding: 0px 10px; background:url(../images/dot-gray.gif) repeat-y right; margin-bottom: 10px;}
	#content-header li.last{ background: none; }
	#content-header a{ color:#666; text-decoration: none; white-space:nowrap;}
	#content-header a:hover, #content-header a.current{ color:#FFF; text-decoration: none;}
	#content-header .current a{ color: #FFFFFF; font-weight:bold;}

#page-content {margin-bottom: 10px;}
#image-large { width: 630px;}
	#image-large img,#image-thumbs img {border: 0px;}	
#image-thumbs {display:block;}
#image-thumbs ul { list-style: none; display:inline; margin:0px; padding:0px;}
#image-thumbs li { display: inline; float:left; margin-right: 10px; margin-top: 10px;}

	
#page-footer {display:block; height: 30px; padding: 5px 10px;}
#page-footer, #page-footer a {color:#606060; font-size: 0.9em; text-decoration: none;}
#page-footer .left { float:left}
#page-footer .right { float:right}

#content-home {width: 1000px; height: 375px; margin: 0px auto; display:block;}
	
.line-white{display:block; background:url(../images/dot-white.gif) repeat-x 0px 10px; clear:both;}
.colour1 {background:url(../images/dot-green.gif) repeat-x 0px 10px; }
.colour2 {background:url(../images/dot-brown.gif) repeat-x 0px 10px; }
.colour3 {background:url(../images/dot-blue.gif) repeat-x 0px 10px; }
.colour4 {background:url(../images/dot-lgreen.gif) repeat-x 0px 10px; }
.colour5 {background:url(../images/dot-lgray.gif) repeat-x 0px 10px; }
.colour6 {background:url(../images/dot-orange.gif) repeat-x 0px 10px; }
.colour0 {}

#slideshow {position: relative;}
#image-large { display:block; width: 600px; height: 400px; overflow:hidden; position:relative; margin-right:30px;}
#screen-view { height: 400px; position:relative; width:6600px;}
.image-item { width: 600px; height: 400px; overflow:hidden}
#item0 {top: 0px; left: 0px; display:block; position:absolute;}
#item1 {top: 0px; left: 600px; display:block; position:absolute;}
#item2 {top: 0px; left: 1200px; display:block; position:absolute;}
#item3 {top: 0px; left: 1800px; display:block; position:absolute;}
#item4 {top: 0px; left: 2400px; display:block; position:absolute;}
#item5 {top: 0px; left: 3000px; display:block; position:absolute;}
#item6 {top: 0px; left: 3600px; display:block; position:absolute;}
#item7 {top: 0px; left: 4200px; display:block; position:absolute;}
#item8 {top: 0px; left: 4800px; display:block; position:absolute;}
#item9 {top: 0px; left: 5400px; display:block; position:absolute;}
#item10 {top: 0px; left: 6000px; display:block; position:absolute;}
#item11 {top: 0px; left: 6600px; display:block; position:absolute;}
#item12 {top: 0px; left: 7200px; display:block; position:absolute;}

#home-nav { display:block; height: 30px;}
#home-nav img {border: 0px; display:inline;}