* { position:relative; }

p { margin :10px 0 0 0; }

textarea { resize:none; }

H1, H2, H3, H4, H5, H6 {
	font-size:inherit;
 	color:inherit;
	font-weight:inherit;
	text-align:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
	display:inline;
}

.cookiebar {margin:0;padding:5px 0 0 0;height:25px;width:100%; color:#fff;font-size:14px;font-weight:normal;text-align:center;background-color:#ffbf00;display:block;position:fixed;top:-50px;left:0;z-index:3000; } 
.cookiemsg {margin:0;padding:5px 0 0 0;height:25px;width:100%; color:#fff;font-size:14px;font-weight:bold;text-align:center;background-color:#ffbf00;visibility:inherit;display:inline;position:relative;z-index:3000; color:#fff; } 
.cookiemsg:hover {text-decoration:underline;}
.closecookie {margin:0;padding:0;height:22px;width:22px;color:#fff;background:url(http://www.demo3d.com/SiteImages/mainsprite.png) 0 0 no-repeat #ffbf00;display:block;position:absolute;top:4px;right:10px;bottom:auto;left:auto; } 
.closecookie:hover {background-position:-26px 0;}

.headerText { text-shadow:1px 1px 2px #333; }

.nobullet {
	list-style-type: none;
	padding:0;
	margin:0;
}

#Mask {
	width: 100%;
	position:fixed;
	left: 0;
	top: 0;
	z-index:200;
	background:url(../SiteImages/hide.png) repeat;
	display:none;
}

.vcb { background:url(../SiteImages/videoclosebutton.png); cursor:pointer; width:30px; height:30px; display:block; position:absolute; top:5px; right:0; }
.vcb:hover { background-position:0 -30px; }

#Footer2 a {
	color:#66B2FF;
	text-decoration:none;
}

#Footer2 a:hover {
	text-decoration:underline;
}

#twdclogoouter {
	width:173px;
	height:auto;
	position:absolute;
	right:0;
}
#twdclogo {
	background:url(http://www.thewebdevelopmentcompany.co.uk/CoLogo/twdclogobranding.png) no-repeat;
	width:40px;
	height:34px;
	float:left;
	margin-left:4px;
	text-indent:-5000px;
}
#twdcstrapline {
	width:auto;
	float:left;
	font-size:9px;
	color:#ccc;
	padding-top:23px
}
#twdclogoouter a, #twdclogoouter a:hover, #twdclogoouter a:visited {
	color:#ccc;
	text-decoration:none;
}
#twdclogo a {
	width:40px;
	height:40px;
	float:left;
}

#homehotspot {
	width:300px;
	height:150px;
	float:left;
}

#Header {
	position:relative;
	width:990px;
	height:135px;
	background-image:url(../SiteImages/mainsprite.png);
}

a, img, object {
	border-style: none;
	text-decoration:none;
	outline-style:none;
	outline-width:0;
}

#gohome {
	float:left;
	height:114px;
	width:200px;
	position:absolute;
	top:0;
	left:0;
}

body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff no-repeat fixed center top !important;
	margin:0;
	overflow-y:scroll;
}

#Master {
	width: 990px;
	padding-left:15px;
	padding-right:15px;
	margin: 0 auto;
	position: relative;
}

#vdescription {
	display:none;
	position:absolute;
	width:890px;
	height:auto;
	top:565px;
	left:50px;
	overflow:hidden;
	text-align:left;
	border-top:2px solid #325783;
	color:#333;
	font-size:14px;
}	

#vvert {
	display:none;
	position:absolute;
	width:2px;
	background-color:#325783;
	height:118px;
	top:447px;
	left:0;
	z-index:999;
}

#vthumbs { 
	position:absolute;
	top:390px;
	left:0;
	width:990px;
	height:150px;	
	overflow:hidden;
}

#carousel {
	height:680px;
	width:990px;
	position:relative;
}

#wrapper {
	background-color:#FFF;
	overflow:hidden;
	height:auto;
	width: 990px;
	clear:both;
	font-size:12px;
	text-align:left;
	color:#333;
	z-index:1;
}

#Content {
	width:670px;
	z-index:20;
	background-color: #FFF;
	margin:10px 0 0 20px;
	float: left;
	height: auto;
}
#Footer2 {
	width:986px;
	height: auto;
	min-height:105px;
	background: url(../SiteImages/footer.png) no-repeat #30547f;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

#buttonbar {
	width:983px;
	padding:0 0 0 7px;
	height:50px;
	z-index:900;
	background:url(../SiteImages/mainsprite.png) 0 -135px;
	text-align:center;
}


/* drop down menu */
#buttonbar ul, #buttonbar ul li, #buttonbar ul ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}

#buttonbar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 121px;
	float: left;
	display:block;
}
.toplevelleaf a, .toplevelparent a {
	color:#fff;
	padding:9px 0px 0px 0px;
	text-shadow:1px 1px 3px #222;
	font-weight:bold;
	margin-top:5px;
	font-size:18px;
	width:121px;
	height:36px;
	float:left;
	text-decoration:none;
}
.toplevelleaf a:hover, .toplevelparent a:hover { 
	text-decoration:none;
	background-image:url(../CMS/CMSImages/menuhilitebg.png);
}

.level2leaf a {
	background:none;
}

#buttonbar ul ul li a {
	width:auto;
	white-space:nowrap;
	min-width:121px;
	font-weight:normal;
	margin-top:0;
	height:32px;
	padding-top:8px;
}

#buttonbar ul {
	 position: relative;
	 z-index: 8;
	 float: left;
}

#buttonbar ul li {
	 float: left;
	 height: 50px;
	 zoom: 1;
}

#buttonbar ul li.hover, #buttonbar ul li:hover {
	position: relative;
	z-index: 990;
	cursor: default;
}

#buttonbar li.level3leaf:hover, #buttonbar li.level2leaf:hover, #buttonbar li.level2parent, #buttonbar li.level2parent:hover {
	margin:0;
	padding:0 5px;
}
#buttonbar ul li.hover a, #buttonbar ul li:hover a, #buttonbar li.level3leaf:hover a, #buttonbar li.level2leaf:hover a {
	color:#fff;
}
	
#buttonbar ul ul {
	visibility: hidden;
    box-shadow: 1px 1px 8px #555;
	border-top:2px solid #555;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 989;
	width: auto;
	text-align:left;
	opacity:0.95;
	filter:alpha(opacity=95);
}

#buttonbar ul ul li {
 	float: none;
	width:auto;
	border-bottom:1px solid #555;
	margin:0 5px;
	height:40px;
	white-space:nowrap;
}

#buttonbar ul ul ul {
	top: 0px;
	left: 100%;
	border-top:0 none;
	border-left:2px solid #555;
}

#buttonbar ul li:hover > ul {
 	visibility: visible;
 	background-color:#666;
}

/* page layoutelements */
.colwidth250, .colwidth330, .colwidth495, .colwidth740, .colwidth660, .colwidth200, .colwidth590, .colwidth990 {
	width:250px;
	height:auto;
	float:left;
	min-height:1px;
	overflow:hidden;
}
.colwidth330 {	width:330px;}
.colwidth495 {	width:495px;}	
.colwidth740 {	width:740px;}
.colwidth660 {	width:660px;}
.colwidth200 {	width:200px;}
.colwidth590 {	width:590px;}
.colwidth990 {	width:990px; overflow:visible}

.attractanim {
	position:relative;
	width:990px;
	height:290px;
	z-index:100;
	background-color: #FFF;
	border: 0px;
	overflow:hidden;
}

#imgoverlay {
	width:990px;
	height:290px;
	background-image:url(../SiteImages/rolleroverlay.png);
	z-index:101;
	position:absolute;
	left:0;
	top:0;
}

#nav {
	position:absolute;
	height:36px;
	background:url(../SiteImages/navbg.png) repeat-x;
	top:9px;
	left:7px;
	z-index:102;
}

#navball {
	position:absolute;
	height:28px;
	width:28px;
	background:url(../SiteImages/mainsprite.png) -256px -193px;
	left:4px;
	top:4px;
	z-index:10;
}
#navmove { 
	background:url(../SiteImages/navmove.png) 0 0;
	position:absolute;
	height:28px;
	width:28px;
	left:0;
	top:0;
	display:none;
	z-index:9;
}
	
#imgswrapper {
	position:relative;
	left:0;
	top:0;
	height:auto;
	overflow:hidden;
}

.rollerimg {
	position:relative;
	float:left;
	z-index:98;
}

#newsouter {
	float:left;
	height:auto;
	position:relative;
	width:308px;
	display:block
}


.calendardiv { height:70px; width:100%; }
.calbox { margin:0 2px 5px 0; padding:20px 3px 0 3px; display:block; float:left; width:48px; height:44px; background-image:url(../SiteImages/mainsprite.png);}
.calday { display:block; font-size:14px; width:48px; text-align:center;}
.caldate { display:block; font-size:16px; font-weight:bold; width:48px; text-align:center; } 

li, ul { margin:0; padding:0; list-style:none; }

.videoplaceholder { width:640px; height:380px; background:url(../SiteImages/vidscreenTH.png) no-repeat; color:#fff; font-weight:bold; padding:10px; font-size:20px;}
.vidplayer { width:640px; height:360px; background-color:#000; position:relative; }


.rollercaption {
	width:840px;
	position:absolute;
	height:60px;
	top:290px;
	background-image:url(../CMS/CMSImages/hide.png);
	padding-left:150px;
	color:#fff; 
	font-size:22px;
}

.rollerlink {
	position:absolute;
	right:20px;
	bottom:20px;
	width:100px;
	height:30px;
	z-index:3000;
	cursor:pointer;
}

.imgclass {
	position:absolute;
	cursor:pointer;
	background-color:#ffcc00;
	padding:3px;
	box-shadow:1px 1px 3px #777;
}

#vidshadow {
	width:646px;
	height:56px;
	background-image:url(../SiteImages/vidshadow.png);
	position:absolute;
	left:172px;
	top:610px;
	z-index:10;
}

#ctrlleft {
	position:absolute;
	left:58px;
	top:480px;
	z-index:10001;
	width:107px;
	height:90px;
}
#ctrlright {
	position:absolute;
	left:852px;
	top:480px;
	z-index:10001;
	width:107px;
	height:90px;
}
.spinleft, .spinright {
	width:107px;
	height:90px;
	float:left;
	background:url(../SiteImages/carouselarrows.png) 0 0;
	cursor:pointer;	
}
.spinright {background-position:-108px 0;}
.spinleft:hover { background-position:0 -90px; }
.spinright:hover { background-position:-108px -90px; }

.subimg {
	position:absolute;
	padding:2px;
	font-size:10px;
	color:#fff;
	background-color:#999;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	top:3px;
}

.screen, .modalscreen {
	width:662px;
	height:382px;
	position:relative;
	left:155px;
	top:26px;
	z-index:20;
	background:url(../SiteImages/vidscreen360p.png) no-repeat;
	padding:23px 0 0 22px;
}
.modalscreen { width:684px; }

#innerscreen, #innerscreen3 {
	width:628px;
	height:6px;
	background-image:url(../SiteImages/screeninner.jpg);
	position:absolute;
	top:23px;
	left:28px;
	z-index:500;	
	opacity:0.3;
	filter:alpha(opacity=30);
}
#innerscreen3 { top:378px }	

#innerscreen1, #innerscreen2 {
	width:6px;
	height:362px;
	background-image:url(../SiteImages/screeninner.jpg);
	position:absolute;
	top:23px;
	left:22px;
	z-index:500;
	opacity:0.3;
	filter:alpha(opacity=30);
	
}
#innerscreen2 {
	left:656px;
}

#vp {
	width:600px;
	height:450px;
	display:block;
	position:absolute;
	top:23px;
	left:21px;
	z-index:400;
}

.unused {
    display: none !important;
}