/* HTML Marketing Stylesheet */
html, body {
	height:100%;
	margin:0;
}
body {
	text-align:center;
	background:#e5e5e5 url(images/bg.jpg) repeat-x top;
	font-family:Georgia, Times, serif;
	font-size:11px;
	color:#000;
	min-height:100%;
}


/* Global styles */
a:link, a:active, a:visited{color:#3399CC; text-decoration:none;}
a:hover {text-decoration:underline;}
p {font-family:Tahoma, Helvetica, sans-serif;}
h1,h2,h3,h4{ font-family:Georgia, serif; color:#000; margin:10px 0;}
h1{ *font-size:20px; }
h2 {font-size:12px;}
h3{ *font-size:12px; }
h4{margin:0 0 5px 0;}
h4{ *font-size:11px; }
.floatl{float:left; margin:10px 10px 10px 0;}
.floatr{float:right; margin:10px 0 10px 10px;}
.tagline{font:12px Georgia, serif; font-style:italic; color:#999; margin-left:50px;}
.separator {margin:10px 0 0 0; width:100%; font-size:0px; border-top:1px dashed #CCC;}
.colour{color:#3399CC;}
form, input, textarea{ margin:0; padding:0; font-family:Tahoma, sans-serif;}
html>body textarea {width:100%;}
.userinput {height:18px; width:140px; color:#999; font-size:10px; line-height:18px;}


/* Global Page styles */
#wrapper {
	margin:0 auto 0 auto;
	width:970px;
	height:100%;
	text-align:left;
}
#header {
	margin:0 0 0 8px;
	padding:0;
	height:87px;	
}
#header h1{
	font:36px Century Gothic, sans-serif; 
	font-weight:bold; 
	letter-spacing:-3px; 
	color:#000;
	margin:5px 0 0 0;
	padding:0;
}
#logo {
	float:left;
	width:450px;
}
#contactInfo {
	padding:20px 13px 0px 0px;
	float:right;
	text-align:right;
	width:480px;
	font-size:17px;
}
#contactInfo a {
	color:#000000;	
}
#searchbox {
	width:207px;
	height:22px;
	float:right;
	margin:20px 0 0 0;
}
#pagewrapper {
	width:970px;
	background:url(images/pagebg.jpg) repeat-y;
	margin:0 auto 0 auto;
}
#pagecontent {
	width:900px;
	margin:0 auto 0 auto;
}
#leftcolumn {
	width:590px;
	margin:10px 0 10px 0;
	*padding-bottom:10px;
	float:left;
}
#rightcolumn {
	width:260px;
	margin:10px 0 10px 40px;
	float:left;
}
#footer {
	width:950px;
	height:50px;
	margin:0 auto 0 10px;
	*padding-top:26px;
	display:inline;
	float:left;
	text-align:right;
	background-color:#333;
	color:#CCC;
	font-size:10px;
}
#footer p {margin-right:20px;}
#footer a {color:#CCC;}


/* Index page styles */
.boxcontent {
	width:240px;
	padding:4px;
	margin-bottom:10px;
	border:1px dashed #CCCCCC;
	border-left:2px solid #3399CC;
}
.boxcontent ul {padding:0px 0px 10px 20px; *padding:5px 0px 10px 0px; *margin-left:25px;}


/* Navigation bar menu styling */
#nav {margin:0 0 0 5px; padding:0; *padding:45px 0px 0px 5px;}
#nav ul{ 
	padding:0;
	margin:40px 0 0 5px;
	list-style: none;
	width:900px;
	height:31px;
	
}
#nav li{
	width:79px;
	height:31px;
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	color:#FFF;
	font:bold 12px Century Gothic, sans-serif;
	line-height:31px;
}
#nav a:link, #nav a:visited{color:#FFF; text-decoration:none;}
#nav a:hover {color:#3399CC;}
#nav li.selected {background:url(images/tabbg.jpg) no-repeat; color:#3399CC !important; }
#nav li.selected a { color:#3399CC !important; }


/* Contact page styles */
#loading { display:none;}
#contact label {
	margin:3px 5px 0 0;
	width:4.5em;
	float:left;
	text-align:right;
	display: block;
}
.contactinput {
	border:none;
	font-size:11px;
	line-height:12px;
	padding:3px 0 0 2px;
	color:#333;
	background-color:#e5e5e5;
}


/* Headers with slogan and header for inner pages */
#first, #second, #third, #fourth, #fifth, #sixth, #seventh{
    background: url(images/slide.jpg);
}

.panel .show-next-banner{width: 20px; height: 100px; display: block; float: right; position: relative; top: 75px;}

.slogan{
    width: 510px;
    padding: 55px 0 0 332px;
}

#slide1 {
	*margin-top:-150px;
}

#slide2 {
	*margin-top:-194px;
}

#slide3 {
	*margin-top:-203px;
}

#slide4 {
	*margin-top:-216px;
}

#slide5 {
	*margin-top:-200px;
}

#slide6 {
	*margin-top:-207px;
}

#slide7 {
	*margin-top:-229px;
}

.slogan p{
    color: #fff;
    line-height: 1.5;
    padding: 10px 0 15px 0;
}

.slogan strong{
    color: #adddff;
    font-size: 2.1em;
    font-family: Arial, sans-serif;
}

#slider {
  width: 880px;
  position: relative;
}

.scroll {
  height: 250px;
  width: 880px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin: 0 0 20px 0;
  z-index: 0;
}

.scrollContainer div.panel {
  width: 880px;
  height: 250px;
  z-index: 0;
}