@charset "UTF-8";

/* ------------------------RESET CSS-------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1.5;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
/*:focus {
	outline: 0;
}*/

/* remember to highlight inserts somehow! */
/*ins {
	text-decoration: none;
}*/
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------END OF RESET CSS--------------------------- */

/* ********************** Begin TYPOGRAPHY & COLOURS ********************** */
body {
	font-family: Verdana,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
	background: #000 url(images/SpiralDownDark_3.jpg) no-repeat center top;
	font-size: 0.875em; /*16x0.875=14px*/
	color: #CCC;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a {
	color:#e8710c; /*#ff9900;*/ /*#0066b3;*/
	text-decoration: none;
}
a:visited {
	color:#e8710c; /*#ff9900;*/ /*#0066b3;*/
}
a:hover {
	color: #ff9900; /*#0066b3;*/
	text-decoration: underline;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
	color: #ababab;
	font-weight: normal;
	margin:0 0 0.3em 0;
	padding: 0; 
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#e8710c; /*#ff9900;*/ /*#0066b3;*/
}

h1 {font-size: 3em; /*16x2.5=40px*/}
h2 {font-size: 2.25em; /*16x2.25=36px*/}
h3 {font-size: 1.75em; /*16x1.75=28px*/}
h4 {font-size: 1.5em; /*16x1.5=24px*/}
h5 {font-size: 1.25em; /*16x1.25=20px*/}
h6 {
	font-size: 1em; /*=16px*/
	font-weight: bold;
	}

h1#site-title a {
	color: #ff9900;
	border: 1px solid #ff9900;
	padding: 0.2em 0.4em;
}

h1#site-title a:hover {
	color: #000;
	background: #ff9900;
	text-decoration: none;
	}

#site-description {
  color:#888888;
  position:absolute;
  right:1.75em;
  text-align:right;
  top:1em;
}

/* --- End of typography & colours --- */

/* ------------------- Begin MY LAYOUT structure ---------------------- */

.oneColFixCtrHdr #wrapper {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 30px 0 0 0;
}
.oneColFixCtrHdr #header h1 {
	/*padding: 10px 0;*/ /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* OR SHOULD IT BE...?
h1#site-title {
	margin: 90px 0 0 0;
}
*/
.oneColFixCtrHdr #mainContent {
	margin-top: 40px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

p,.p {
	margin-bottom: 0.95em;
}

.showcase-wrap {
	width: 99%;
	float: left;
	padding-top: 5px;
}

.showcase-wrap p {
	margin-right: 160px;
	margin-left: 160px;/*	background-color:#000;*/
}

.showcase-wrap h2 {
	font-size: 1.75em; /*16x1.75=28px*/
	color:#666;
}

.leftpic {
	float: left;
	margin: 10px 40px 10px 0px;
}

.rightpic {
	float: right;
	margin: 10px 0px 10px 10px;
}


/* ---- end of LAYOUT & content --------------- */

/* -------------------- MENU & NAVIGATION ------------------------- */

#menu {
	/*background: #888888 url(images/navbar.gif) repeat-x;*/
	width: 640px; /*100%;*/
	margin: -30px 0 0 260px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	}
	
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menu a {
    /*background: #888888 url(images/navbar.gif) repeat-x;*/
    color: #ff9900;
	display: block;
    font-weight: bold;
    margin: 0 1em 0 0;
   	padding: 0.25em 0.625em 0.25em 0.625em;
	text-decoration: none;
	border: 1px solid #ff9900;
	}
	
#menu a:hover {
	background: #444444;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0 1em 0 0; /*0px 15px 0px 0px;*/
	padding: 0.25em 0.625em 0.25em 0.625em; /*8px 10px 8px 10px;*/
	}

#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#menu li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 120px;
	}
	
#menu li li a, #menu li li a:link, #menu li li a:active, #menu li li a:visited {
	background: #ff9900; /*orange*/
	color: #000;
	width: 120px;
    font-weight: normal;
	float: none;
	margin: 0px;
	padding: 0.25em 0.625em 0.25em 0.625em; /*8px 10px 8px 10px;*/
	border-bottom: 1px solid #000;
	text-decoration: none;
	}
	
#menu li li a:hover {
	background: #444444;
	color: #FFFFFF;
	padding: 0.25em 0.625em 0.25em 0.625em; /*8px 10px 8px 10px;*/
	border-color: #444;
	}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#menu li:hover ul {
	left: auto;
	display: block;
	}
	
#menu li:hover ul, #nav li.sfhover ul {
	left: auto;
	}


/* -------------------------- FOOTER ---------------------------- */
/*#footer {
	margin-top: 100px;
}*/
.oneColFixCtrHdr #footer {
	padding: 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear: both;
	text-align: center;
}
.oneColFixCtrHdr #footer p {
	padding: 10px 40px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 90%;
}