* {
	margin:				0px;
	padding:			0px;
}

html, body {
	width:				100%;
	height:				100%;
}

body,td, th, input, textarea, select {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#fff;
}

body {
	background-color: 	#000;
	text-align:			center;
	margin: 			0px;
	padding:			0px;
}

#container {
	background-color:	transparent;
	position:			relative; 
	right:				auto;
	left:				auto;
	top:				10px;
	text-align:			left;
	width:				834px;
	clear:				left;
	margin:				0px auto;
	padding:			0px;
}

/*
elements
*/
h1, h2, h3 {
	margin:				0px;
	padding:			0px;
}

h1 {
	font-family: 		Helvetica, Arial, sans-serif;
	color:				#f3f3f3;
	font-size:			32px;
	font-weight:		normal;
	padding-top:		12px;
}

h1 a {
	color:				#ccc;
	text-decoration:	none;
}

h2 {
	font-family: 		Helvetica, Arial, sans-serif;
	color:				#f3f3f3;
	font-size:			24px;
	font-weight:		bold;
	padding-top:		12px;
}

h2 a {
	color:				#f3f3f3;
	text-decoration:	none;
}

h3 {
	color:				#fff23e;
	font-size:			11px;
	font-weight:		bold;
}

h3 a {
	color:				#fff23e;
	text-decoration:	none;
}

p {
	margin:				11px 0px;
}

p.first {
	color:				#9cf;
	font-weight:		bold;
}

p.spec {
	margin-top:			4px;
	line-height:		16px;
}

a {
	color:				#93d1f1;
	text-decoration:	none;
}

a:hover {
	color:				#fff23e;
	text-decoration:	none;
}

ul, ol {
	margin:				8px 0px 0px 18px;
}

ul li {
	list-style-image:	url(../img/bullet.png);
}

li {
	margin:				4px 0px;
}

li a {
	color: 				#fff;
}

li a:hover {
	color: 				#fff23e;
}

/*
forms
*/

label {
	color:					#ccc;
}

select {
	background-color:		#000;
	color:					#fff33e;
	border:					1px solid #2d3037;
	width:					170px;
}

/*
generic classes
*/
.clear {
	position:			relative;
	clear:				both; 
	height:				0px;
	overflow:			hidden;
	border:				none; 
	line-height:		0;
}

span.btn {
	display:			block;
	float:				right;
	width:				79px;
	margin:				12px 0px 0px 0px;
	padding:			0px;
}

img.icon {
	float:				right;
	margin-left:		12px;
}

span.icon {
	float:				right;
	margin:				12px 0px 12px 12px;
}

span.icon2 {
	float:				right;
	margin:				12px 0px 12px 12px;
}

span.icon3 {
	float:				left;
	margin:				12px 12px 0px 0px;
}


/*
navigation
*/
#nav1 {
	position:			absolute;
	left:				218px;
	top:				40px;
	width:				172px;
	height:				50px;
	z-index:			2;
}

#nav2 {
	position:			absolute;
	left:				399px;
	top:				40px;
	width:				127px;
	height:				50px;
	z-index:			2;
}

#nav3 {
	position:			absolute;
	left:				535px;
	top:				40px;
	width:				181px;
	height:				50px;
	z-index:			2;
}

#nav4 {
	position:			absolute;
	left:				725px;
	top:				40px;
	width:				101px;
	height:				50px;
	z-index:			2;
}

#navhome {
	height:				95px;
	display:			block;
	color:				#fff23e;
	font-size:			16px;
	padding-top:		0px;
	padding-bottom:		12px;

	position:			absolute;
	left:				495px;
	top:				0px;
	width:				341px;
	height:				18px;
	z-index:			5;
}

/*
template layers
*/
#logo {
	position:			absolute;
	left:				12px;
	top:				3px;
	width:				90px;
	height:				98px;
	z-index:			3;
}

#mainbody {
	position:			absolute;
	left:				0px;
	top:				101px;
	width:				834px;
	z-index:			2;
}

#footer {
	background-image:	url(../img/bgbinner.gif);
	background-repeat:	no-repeat;
	height:				95px;
	position:			relative;
	display:			block;
	color:				#fff23e;
	font-size:			16px;
	margin:				0px 12px;
	padding-top:		12px;

}



#footerhome {
	height:				95px;
	width:				827px;
	display:			block;
	color:				#fff23e;
	font-size:			16px;
	padding-top:		12px;
	background-image:	none;
	position:			absolute;
	top:				685px;
	left:				0px;
	margin:				0px 12px;
	padding-bottom:		12px;
} 

#footer a, #footerhome a, #navhome a {
	color:				#fff23e;
}

#footer a:hover, #footerhome a:hover, #navhome a:hover {
	color:				#999;
}

#footerhome  img, #footer img, #navhome img  {
	vertical-align:		middle;
}

#contact {
	color:				#ccc;
	font-size:			9px;
	float:				right;
	padding-top:		8px;
}

#serviceselector {
	background-image: 	url(../img/selectbg.gif);
	background-repeat:	repeat-x;
	width:				300px;
	height:				34px;
	line-height:		34px;
	padding-right:		0px;
	float:				right;
	clear:				both;
	margin-top:			8px;
	margin-right:		18px;
	vertical-align:		middle;
}

#serviceselector label {
	margin-right:		6px;
	vertical-align:		top;
}


/*
main body column and box layout
*/
.mainbodycol {
	width:				834px;
	display:			block;
}

.mainbodycolservice {
	width:				827px;
	display:			block;
	margin:				12px 0px;
}

.col1 {
	float:				left;	
	margin-left:		0px;
	text-align:			left;
	width:				404px;
	z-index:			5;
	display:			inline;
}

.col2 {
	float:				right;
	margin-left:		20px;
	width:				404px;
	z-index:			5;
	display:			inline;
}


/*
small boxes - home page
*/
#boxhome1 {
	position:			absolute;
	top:				520px;
	left:				0px;
}

#boxhome2 {
	position:			absolute;
	top:				520px;
	left:				287px;
}

#boxhome3 {
	position:			absolute;
	top:				520px;
	left:				570px;
}

.boxhome {
	width:				253px;
	min-height:			136px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxhomebg {
	background-image:	 url(../img/boxhomebg.gif);
}

.boxhomet {
	min-height:			126px;
	width:				100%;
	background-image: 	url(../img/boxhometbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxhomet div {
	margin:				0px 12px;
}

.boxhomet div h2 {
	color:				#93d0ef;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			13px;
}


.boxhomeb {
	background-image: 	url(../img/boxhomeb.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				100%;
}


/*
small boxes - inner page
*/
.box {
	width:				404px;
	min-height:			162px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxbg {
	background-image:	 url(../img/boxbg.gif);
}

.boxt {
	min-height:			152px;
	width:				100%;
	background-image: 	url(../img/boxtbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxt div {
	margin:				0px 12px;
}

.boxb {
	background-image: 	url(../img/boxb.gif);
	background-repeat:	no-repeat;
	height:				5px;
	width:				100%;
}


/*
top left box - inner page
*/

.box1 {
	float:				left;	
	text-align:			left;
	z-index:			5;
	display:			inline;
	width:				510px;
	z-index:			3;
	margin:				0px;
}

.box1bg {
	background-image: 	url(../img/box1bg.gif);
}

.box1t {
	min-height:			292px;
	width:				100%;
	background-image: 	url(../img/box1tbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.box1t div {
	margin:				0px 12px;
}


.box1t div img {
	margin-right:		24px;
}

.box1b {
	background-image: 	url(../img/box1b.gif);
	background-repeat:	no-repeat;
	height:				9px;
	width:				100%;
}


/*
top right box - inner page
*/
.box2 {
	float:				right;
	margin-left:		20px;
	z-index:			5;
	display:			inline;
	width:				304px;
	min-height:			304px;
	z-index:			3;
	margin:				0px;
}

.box2bg {
	background-image: 	url(../img/box2bg.gif);
}

.box2t {
	min-height:		 	294px;
	width:				100%;
	background-image: 	url(../img/box2tbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.box2t div {
	margin:				0px 12px;
}

.box2b {
	background-image: 	url(../img/box2b.gif);
	background-repeat:	no-repeat;
	height:				6px;
	width:				100%;
}





/*
large box - gallery page
*/

.boxcase {
	width:				827px;
	min-height:			270px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxcasebg {
	background-image:	 url(../img/boxcasebg.gif);
}

.boxcaset {
	min-height:			260px;
	width:				100%;
	background-image: 	url(../img/boxcasetbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxcaset div {
	margin:				0px 12px;
}

.boxcaset div h2 {
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}

.boxcaset div p {
	width:				540px;
}

.boxcaset div div.btn {
	width:				540px;
}

.boxcaseb {
	background-image: 	url(../img/boxcaseb.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				100%;
}

/*
large box - tech page
*/

.boxtech {
	width:				791px;
	min-height:			270px;
	z-index:			3;
	margin:				12px 0px 0px 3px;
}

.boxtechbg {
	background-image:	 url(../img/boxtechbg.gif);
}

.boxtecht {
	min-height:			260px;
	width:				100%;
	background-image: 	url(../img/boxtechtbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxtecht div {
	margin:				0px 12px;
}

.boxtecht div h2 {
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}

.boxtechb {
	background-image: 	url(../img/boxtechb.gif);
	background-repeat:	no-repeat;
	height:				1px;
	width:				100%;
}

/*
large box - main page
*/

.boxmain {
	width:				824px;
	min-height:			220px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxmainbg {
	background-image:	 url(../img/boxmainbg.gif);
}

.boxmaint {
	min-height:			220px;
	width:				100%;
	background-image: 	url(../img/boxmaintbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxmaint div {
	margin:				6px 12px 0px 12px;
}

.boxmaint div h2 {
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}

.boxmaintimg {
	float:				left;
	margin:				12px 12px 6px 0px;
}

/*
.boxmaint div p {
	width:				510px;
}

.boxmaint div div.btn {
	width:				510px;
}

*/
.boxmainb {
	background-image: 	url(../img/boxmainb.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				100%;
}

/*
large box col1 - main page
*/

.boxmaincol1 {
	float:				left;	
	display:			inline;
	width:				553px;
	min-height:			165px;
	z-index:			3;
	margin:				0px;
}

.boxmaincol1bg {
	background-image:	 url(../img/boxmaincol1bg.gif);
}

.boxmaincol1t {
	min-height:			159px;
	width:				100%;
	background-image: 	url(../img/boxmaincol1tbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxmaincol1t div {
	margin:				0px 12px;
}

.boxmaincol1t div h2 {
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}


.boxmaincol1b {
	background-image: 	url(../img/boxmaincol1b.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				100%;
}

/*
large box col2 - main page
*/

.boxmaincol2 {
	float:				right;
	display:			inline;
	width:				244px;
	min-height:			165px;
	z-index:			3;
	margin:				0px 0px;
}

.boxmaincol2bg {
	background-image:	 url(../img/boxmaincol2bg.gif);
}

.boxmaincol2t {
	min-height:			159px;
	width:				100%;
	background-image: 	url(../img/boxmaincol2tbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxmaincol2t div {
	margin:				0px 12px 0px 30px;
	color:				#000;
	font-weight:		bold;
	padding:			24px 0px;
}

.boxmaincol2t div h2 {
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}


.boxmaincol2b {
	background-image: 	url(../img/boxmaincol2b.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				100%;
}

#bgl {
	background-image: 	url(../img/bgl.gif);
	background-repeat:	no-repeat;
	position:absolute;
	left:-58px;
	top:101px;
	width:111px;
	height:420px;
	z-index:1;
}
#bgr {
	background-image: 	url(../img/bgr.gif);
	background-repeat:	no-repeat;

	position:absolute;
	left:775px;
	top:101px;
	width:111px;
	height:420px;
	z-index:1;
}
#bgb {

	position:absolute;
	left:0px;
	top:550px;
	width:834px;
	height:95px;
	z-index:2;
	text-align:center;
}

/*
large box - outer
*/

.boxouter {
	width:				827px;
	min-height:			270px;
	z-index:			3;
	padding:			0px;
	margin:				0px;
}

.boxouterbg {
	background-image:	 url(../img/boxouterbg.gif);
}

.boxoutert {
	min-height:			260px;
	width:				100%;
	background-image: 	url(../img/boxoutert.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxoutert div.inner {
	padding:			12px;
}

.boxouterb {
	background-image: 	url(../img/boxouterb.gif);
	background-repeat:	no-repeat;
	height:				4px;
	width:				100%;
}










/*
small box - about info page
*/
.boxabout {
	width:				411px;
	min-height:			336px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxaboutbg {
	background-image:	 url(../img/boxaboutbg.gif);
}

.boxaboutt {
	min-height:			326px;
	width:				100%;
	background-image: 	url(../img/boxabouttbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxaboutt div {
	margin:				0px 12px;
}

.boxaboutb {
	background-image: 	url(../img/boxaboutb.gif);
	background-repeat:	no-repeat;
	height:				5px;
	width:				100%;
}




/*
small box - e.g. videos page
*/

.boxmaininfo {
	width:				800px;
	min-height:			123px;
	z-index:			3;
	margin:				12px 0px 0px 0px;
}

.boxmaininfobg {
	background-image:	 url(../img/boxmaininfobg.gif);
}

.boxmaininfot {
	min-height:			123px;
	width:				800px;
	background-image: 	url(../img/boxmaininfotbg.gif);
	background-repeat:	no-repeat;
	margin:				0px;
}

.boxmaininfot span.icon {
	margin:				0px;
	padding:			0px;
}

.boxmaininfot div {
	margin:				6px 12px 0px 12px;
}

.boxmaininfot div h2 {
	margin-top:			8px;
	color:				#fff23c;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
}

.boxmaininfob {
	background-image: 	url(../img/boxmaininfob.gif);
	background-repeat:	no-repeat;
	height:				9px;
	width:				100%;
}



/*
testimonials
*/
.m {
	background-image:	url(../img/test_t.png);
	background-repeat:	no-repeat;
	font-weight:		bold;
	width:				386px;
	height:				34px;
	line-height:		34px;
	vertical-align:		middle;
}

.m  a {
	color:				#fff;
}

#sm1,#sm2,#sm3,#sm4,#sm5,#sm6 {
	margin-left:		0px;
	width:				367px;

	background-image:	url(../img/test_bg.png);
	background-repeat:	no-repeat;
}

#smouter1, #smouter2, #smouter3, #smouter4,#smouter5,#smouter6 {
	margin-left:		31px;
	width:				367px;
	background-image:	url(../img/testouter_bg.png);
}

.sm p {
	padding:			2px 12px;
}

.mb {
	background-image:	url(../img/test_b.png);
	width:				386px;
	height:				16px;
}

/*
specification page
*/
table.specification {
	background-color:	#fff;
	margin-top:			8px;
}

table.specification th, table.specification td {
	background-color:	#121212;
	padding:			4px;
	text-align:			left;
	vertical-align:		top;
}

table.specification th {
	background-color:	#333;
	font-weight:		bold;
}

/*
old video
*/
#videoouter {
	width:				100%;
	text-align:			center;
	padding-top:		16px;
}

/*
recommended companies
*/
.recommend_contact1 {
	display:inline;float:left;width:170px;
}

.recommend_contact_img1 {
	display:inline;float:left;
}

.recommend_contact_img1 img {
	margin-left:4px;padding-top:8px;
}

.recommend_contact2 {
	display:inline;float:right;width:170px;text-align:right;
}

.recommend_contact_img2 {
	display:inline;float:left;
}

.recommend_contact_img2 img {
	margin-right:4px;padding-top:8px;
} 

.recommend_contact1 strong, .recommend_contact2 strong {
	color:#fff33e;
}

#h1_recommended {
	background-image:url(../img/recommended/h1_recommended.gif); background-repeat:no-repeat;
	width:248px; display:block; height:0 !important; height:68px; padding-top:68px; overflow:hidden;margin:12px 0px;
}


#h2_tega {
	background-image:url(../img/recommended/h2_tega.gif); background-repeat:no-repeat;
	width:156px; display:block; height:0 !important; height:43px; padding-top:43px; overflow:hidden;
}

#h2_star {
	background-image:url(../img/recommended/h2_star_events.gif); background-repeat:no-repeat;
	width:166px; display:block; height:0 !important; height:42px; padding-top:43px; overflow:hidden;
}

/*
recent videos
*/
#h1_recent_videos {
	background-image:url(../img/videos/h1_recent_videos.png); background-repeat:no-repeat;
	width:242px; display:block; height:0 !important; height:35px; padding-top:35px; overflow:hidden;margin:12px 0px;
}

#h2_recent_videos {
	background-image:url(../img/videos/h2_recent_videos.png); background-repeat:no-repeat;
	width:160px; display:block; height:0 !important; height:35px; padding-top:35px; overflow:hidden;margin:12px 0px;
}

#h2_cardiff_pride {
	background-image:url(../img/videos/h2_cardiff_pride.png); background-repeat:no-repeat;
	width:291px; display:block; height:0 !important; height:68px; padding-top:68px; overflow:hidden;
}

#h2_cheshire_oaks {
	background-image:url(../img/videos/h2_cheshire_oaks.png); background-repeat:no-repeat;
	width:331px; display:block; height:0 !important; height:44px; padding-top:44px; overflow:hidden;
}

#h2_showmans_show {
	background-image:url(../img/videos/h2_showmans_show.png); background-repeat:no-repeat;
	width:309px; display:block; height:0 !important; height:22px; padding-top:22px; overflow:hidden;
}

#h1_vimeo1, #h1_vimeo2, #h1_vimeo3 {
	background-repeat:no-repeat;
	width:660px; display:block; height:0 !important; height:41px; padding-top:41px; overflow:hidden;margin:12px 0px;
}

#h1_vimeo1 {
	background-image:url(../img/videos/h1_vimeo1.gif);
}

#h1_vimeo2 {
	background-image:url(../img/videos/h1_vimeo2.gif);
}

#h1_vimeo3 {
	background-image:url(../img/videos/h1_vimeo3.gif);
}

div.recent_col1 {
	display:inline;float:left;width:373px;padding:0px;margin:7px 0px 0px 0px
}

div.recent_col2 {
	display:inline;float:left;width:389px;padding:0px;margin:7px 0px 0px 7px
}