html,

	body {
		margin:0;
		padding:0;
		color:#000;
		background:#00A8FF;
	background-image: url(newimages/backgroundf.gif); background-position:top; background-repeat:repeat-x; background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
}

	.footer {
		width:960px;
		height:200px;
		padding:0 0 0px 0;
		margin:0px auto;
		background:#00A8FF url("newimages/backgroundpt.gif") repeat-x right top;
	}

	.footer p, .teaser a.more {
		margin:0;
		padding:14px 14px 0px 14px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}

	.footer a.more:hover {
		text-decoration:underline;
	}

	.info2 {
		width:960px;
		padding: 0 0 11px 0;
		margin:10px auto;
		background:#00A8FF url("newimages/background.gif") repeat-x left bottom;
	}
	.info2 h3 {
		margin:0;
		padding:13px 16px 3px 16px;
		text-align:left;
	}

	.info2 p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}


	.info2 a.more:hover {
		text-decoration:underline;
		color:#0066CC;
	}
	
	
	
	.infor {
		width:960px;
		padding: 0 0 11px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}
	.infor h3 {
		margin:0;
		padding:13px 16px 3px 16px;
		text-align:left;
	}

	.infor p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}


	.infor a.more:hover {
		text-decoration:underline;
		color:#0066CC;
	}
	
	.page1 {
		width:960px;
		padding: 0 0 11px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}
	.page1 h3 {
		margin:0;
		padding:13px 16px 3px 16px;
		text-align:left;
	}

	.page {
		width:960px;
		padding: 0 0 11px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}
	.page h3 {
		margin:0;
		padding:13px 16px 3px 16px;
		text-align:left;
	}

	.page p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}

	.page a.more:hover {
		text-decoration:underline;
		color:#0066CC;
	}

	.info {
		width:960px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}
	.info h3 {
		margin:0;
		padding:13px 10px 3px 16px;
	}
	.info p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}


	.info a.more:hover {
		text-decoration:underline;
	}
	
	
	

	.infor2 {
		width:960px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}
	.infor2 h3 {
		margin:0;
		padding:13px 10px 3px 16px;
	}
	.infor2 p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}


	.infor2 a.more:hover {
		text-decoration:underline;
	}
	
	.menu {
		width:960px;
		height:80px;
		padding:0 0 0 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}

	.menu p, .teaser a.more {
		margin:0;
		padding:8px 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}

	.menu a.more:hover {
		text-decoration:underline;
	}
	
	.menu img {
		padding:0 20px 0 0;
	}
	
	.main {
		width:960px;
		height:180px;
		padding:10px 0 0 15px;
		margin:10px auto;
	}

	.main p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}

	.teasersmall {
		width:960px;
		padding:0 0 14px 0;
		margin:8px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x left bottom;
	}

	.teasersmall p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}
	.teasersmall a.more {
		display:block;
		text-align:right;
		padding:0 14px 0 0;
		text-decoration:none;
		color:#44a;
	}
		.teasersmall h4 {
		margin:0;
		padding:0px 17px 0px 17px;
		left:auto;
	}
		.teasersmall h3 {
		margin:0;
		padding:13px 10px 3px 16px;
	}
	.teasersmall a.more:hover {
		text-decoration:underline;
	}
	.teaser {
		width:960px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:#FFFFFF url("newimages/backgroundp.gif") repeat-x right bottom;
	}

	.teaser p, .teaser a.more {
		margin:0;
		padding:0 14px 3px;
		border:1px solid #d8d8d8;
		border-width:0 0px;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		padding:0 14px 0 0;
		text-decoration:none;
		color:#44a;
	}
		.teaser h4 {
		margin:0;
		padding:0px 17px 0px 0px;
		left:auto;
	}
		.teaser h3 {
		margin:0;
		padding:13px 10px 3px 16px;
	}
.narrow-cell {
	width: 375px;
	font-family: gotham regular;
	font-size: 15px !important;
	color: #404040;
}
	
	.teaser a.more:hover {
		text-decoration:underline;
	}
	.style1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0053;
}
    .style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A8FF;
}
    .style3 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0053;
}
    .style4 {
	color: #00A8FF;
	font-family: Arial, Helvetica, sans-serif;
}
.style6 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00A8FF;
}

.style7 {font-size: 7px}
.style5 {color: #B3E4FF}
a {
	font-family: Arial, Helvetica, sans-serif;
}
    .style8 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00A8FF;
}
a:link {
	text-decoration: none;
	color: #00A8FF;
}
a:visited {
	text-decoration: none;
	color: #00A8FF;
}
a:hover {
	text-decoration: none;
	color: #0073B0;
}
a:active {
	text-decoration: none;
	color: #00A8FF;
}

/*Credits: thisisfive */
/*URL: http://www.thisisfive.co.uk/menus/pro_drop2 */
.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(prodrop2/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #00A8FF; white-space:nowrap; width:167px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:162px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(prodrop2/arrow.gif) 150px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#00A8FF; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#00A8FF url(prodrop2/arrow_over.gif) 150px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#00A8FF url(prodrop2/arrow_over.gif) 150px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:165px; top:-4px; background: #fff; padding:3px 0; border:1px solid #00A8FF; white-space:nowrap; width:167px; z-index:200; height:auto;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.border {border: 2px solid #0FABDF;}

.extra {display:inline; float:left; text-decoration:none; margin:0 2px ; display:inline;}
.extra em {font-style:normal;}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:250px; height:55px;}
.extra .color1 {background:#FFF;}

.extra img {border:0; display:block;}
.extra em.mh2 {padding-left:5px; margin:0; color:#00A8FF; font-weight:bold; font-family: arial, sans-serif; font-size:24px;}
.extra em.mh3 {padding-left:5px; margin:0; color:#00A8FF; font-weight:normal; font-family: arial, sans-serif; font-size:16px;}

.extra:hover {background:#fff; position:relative;cursor:pointer; text-decoration:none;}
.extra:hover b {display:block; position:absolute; top:55px; left:0; width:250px; background:#ccc; height:60px;}
.extra:hover .color1 b {background:#00A8FF;}

.extra:hover em.txt {display:block; position:absolute; top:60px; width:190px; left:5px; height:50px; color:#000; margin:0; line-height:1.5em; color:#FFF;}


#logo {
	position: fixed;
	bottom: -5px;
	right: 10px;
	display: block;
	z-index: 999999;
	width: 366px;
	height: 84px;
}

ul.dropdown {
 font: bold 18px/normal Arial, Helvetica, sans-serif;
 letter-spacing: -1px;
 text-transform: uppercase;
 background:background-color:#FFFFFF;
}

	ul.dropdown li {
	 padding: 0 10px;
	 background-color: transparent;
	 color: #000;
	}

	ul.dropdown li.last ul li {
	 float: right;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #00A8FF;
	 color: #FFF;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFF; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 background-color: #00A8FF;
	 font-size: 14px;
	 letter-spacing: normal;
	}

	* html ul.dropdown ul {
	 width: 700px;
	}

		ul.dropdown ul li {
		font-size:14px;
		 font-weight: bold;
		}

		/* -- level mark -- */

		ul.dropdown ul ul {
		 margin-top: 5px;
		 text-transform: none;
		}

			ul.dropdown ul ul li {
			 font-weight: normal;
			}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 */


ul.dropdown *.dir {
 padding-right: 10px;
 background-image: url(http://www.thisisfive.co.uk/images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown ul *.dir {
 background-image: none;
}


#slider          { background: white url(images/slider-bg.jpg); height: 227px; overflow: hidden;
                   position: relative; margin: 50px 0; }
#mover           { width: 2880px; position: relative; }
.slide           { padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1        { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
                   color: #ac0000; }
.slide p         { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img       { position: absolute; top: 20px; left: 400px; }
#slider-stopper  { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
                   padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }