@charset "utf-8";

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Index Layout */

#header-index {width: 960px;
float: left;
display: inline;
text-align: center;
margin-top: 100px;
}

#content-holder-index {width: 960px;
height: 245px;
float: left;
display: inline;
padding: 45px 0 0 0;
}

#footer-index {width: 960px;
float: left;
display: inline;
font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 10px;
letter-spacing: 2px;
color: #ababab;
text-align: center;
padding: 10px 0 10px 0;
}

/* CSS Layout */

html, body {margin-left: 0;
margin-right: 0;
text-align: center;
background: #000000;
}

#page-width {margin-left: auto;
margin-right: auto;
text-align: left;
width: 960px;

}

#navigate-page-width {margin-left: auto;
margin-right: auto;
text-align: left;
width: 960px;
position:relative;

}

#container {margin-left: auto;
margin-right: auto;
margin-top:200px;
text-align: left;
width: 960px;
}


#header {width: 960px;
float: left;
display: inline;
text-align: center;
}

#navigatefade {
	position:absolute;
	top:385px;
	left:0;
	z-index:1000;
	background-color:#000000;
	width: 940px;
	height:25px;
	margin-left:10px;
	margin-right:10px;

}

#navigation-holder {width: 960px;
float: left;
display: inline;
font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
color: #666666;
text-align:center;
}

#content-holder {width: 960px;
min-height: 650px;
height: auto !important;
height: 650px;
float: left;
display: inline;
}

#footer {width: 960px;
float: left;
display: inline;
font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 10px;
letter-spacing: 2px;
color: #ababab;
text-align: center;
padding: 10px 0 10px 0;
}

/* CSS Images */

.logo {margin-left: 318px;
}

img, div, a {behavior: url(iepngfix.htc);
}

/* CSS Fonts */

h1 {font-family: "Century Gothic", Century Gothic, Helvetica-Normal, Arial;
font-size: 26px;
letter-spacing: 2px;
color: #ababab;
font-weight: normal;
padding: 50px 0 5px 0;
text-align: center;
}

h1.home {font-family: "Century Gothic", Century Gothic, Helvetica-Normal, Arial;
font-size: 30px;
letter-spacing: 2px;
color: #ababab;
font-weight: normal;
padding: 50px 0 5px 0;
text-align: center;
}

h1.index {
	font-family: "Century Gothic", Helvetica-Normal, Arial;
	font-size: 36px;
	letter-spacing: 4px;
	color: #ababab;
	font-weight: normal;
	padding: 10px 0 5px 0;
	text-align: center;
}

h2 {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 18px;
letter-spacing: 2px;
color: #ababab;
font-weight: normal;
padding: 0 0 50px 0;
text-align: center;
}
h2.home {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 22px;
letter-spacing: 2px;
color: #ababab;
font-weight: normal;
padding: 0 0 50px 0;
text-align: center;
}

h2.index-two {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 24px;
letter-spacing: 4px;
color: #ababab;
font-weight: normal;
padding: 0 0 10px 0;
text-align: center;
}

.index-link {color: #ababab;
text-decoration: none;
}

.link {font-family: "Century Gothic", Helvetica-Normal, Arial;
letter-spacing: 2px;
color: #CCCCCC;
text-decoration: none;
}

/* CSS Nav */

#nav-buttons {width: 960px;
font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
text-align: center;
padding: 0 0 10px 0;
}

#navigate-buttons {
font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
text-align: center;
padding: 0 0 10px 0;
margin-left:35px;
}

#content-holder-navigate {width: 960px;
height: 224px;
float: left;
display: inline;
padding: 45px 0 0 0;
}

.main-nav {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
color: #ababab;
padding: 0 40px 0 40px;
text-align: center;
}
a.main-nav, a.main-nav:visited {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
color: #ababab;
padding: 0 40px 0 40px;
text-align: center;
}

a.main-nav:hover {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 40px 0 40px;
text-align: center;
}
.main-nav-highlighted {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 122px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 40px 0 40px;
text-align: center;
}

a.main-nav-highlighted, a.main-nav-highlighted:visited {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 40px 0 40px;
text-align: center;
}

.navigate-nav {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #ababab;
padding: 0 25px 0 25px;
text-align: center;
}
a.navigate-nav, a.navigate-nav:visited {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #ababab;
padding: 0 25px 0 25px;
text-align: center;
}

a.navigate-nav:hover {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 25px 0 25px;
text-align: center;
}
.navigate-nav-highlighted {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 25px 0 25px;
text-align: center;
}

a.navigate-nav-highlighted, a.navigate-nav-highlighted:visited {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 20px;
letter-spacing: 2px;
text-decoration: none;
color: #FFFFFF;
padding: 0 25px 0 25px;
text-align: center;
}

.image-holder {
text-align:center;
position:absolute;
width:100%;
left:0px;
top:0px;
padding:0;
margin:0;
z-index:1;
overflow:hidden;
}

.main-image {
	position:relative;
	margin-top:20px;
}

.image-description {
	background-image:url(../images/desc-bg.png);
	background-repeat:repeat !important;
	position:relative;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size:11px;
	color:#FFF;
	height:0;
	z-index:5;
	top:0;
	text-align:left;
	padding:12px 0 0 25px;
	display:none;
}

/* CSS Fonts */

p {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
color: #CCCCCC;
line-height: 18px;
letter-spacing: 1px;
padding: 3px 0 3px 310px;
font-weight: normal;
}

p.centre {font-family: "Century Gothic", Helvetica-Normal, Arial;
font-size: 12px;
color: #CCCCCC;
line-height: 18px;
letter-spacing: 1px;
padding: 3px 0 3px 0px;
font-weight: normal;
text-align:center;
}

/* CSS Form */

.errorText {
	color:red;
}
.error {
	font-weight:bold;
	color:red;
}

label {width: 110px;
float: left;
display: inline;
}

.form-holder {padding: 50px 35px 25px 40px;
}

.form-left {width: 444px;
float:left;
display:inline;
}

.form-right {width: 444px;
float:left;
display:inline;
}