/* ------------------------------------------------Reset------------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}

/* ------------------------------Typography--------------------------------------------- */
html {
	/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
	}


body { 
  font-size: 75%;
  color: #333; 
  background: #ffffff;
  font-family: Corbel, Verdana, sans-serif;
  line-height: 1.6;
}


/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { color: #0083B5; font-size: 20px; line-height: 1.25; margin-bottom: .5em; }

h4 { color: #666; font-weight: bold; font-size: 1.25em; line-height: 1.25; margin-bottom: .5em; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text */
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #0083B5; text-decoration: underline; font-weight: bold;}
a           { color: #0083B5; text-decoration: none; font-weight: bold;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 1.6; margin-bottom: 1.25em; margin-top: 0em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.right		{text-align: right;}

/* ---------------------------------------------Grid------------------------------------------------ */
.container {width:950px;margin:0 auto;}

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}

/* The last column in a row needs this class. */
.last, div.last {margin-right:0;}

/* Use these classes to set the width of a column. */
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

/* Border on right hand side of a column. */
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
/* Border with more whitespace, spans one column. */
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

div.jobphoto {padding-right:24px;margin-right:25px;border-right:1px solid #ffffff;background-color: transparent; margin-bottom: 3em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.technical {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:2em 0 2.2em 0;border:none;}
hr.space {background:#fff;color:#fff;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.footer_bump {margin-top: 225px;}

/* ----------------------------Submit Panel----------------------------*/
#relativepanel {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#panelwrap {
	position: absolute;
	width: 910px;
	z-index: 100;
	margin-top: 0px;
	left: 0px;
}

#panel {
	display: block;
	width: 100%;
	padding: 20px;
	color: #fff;
	background-color: #111;
	height: 300px;
	margin-top: -340px;
	filter:alpha(opacity=95);
	zoom: 1;
	opacity: 0.95;
}


#panel a a:hover a:visited {
	color: #fff;
}

.openclose {
	clear: both !important;
	background-color: #ccc;
	text-align: center;
	width: 295px;
	padding: 0;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	z-index: 100;
}

.closeit {
	background-color: transparent;
	float: right;
	padding: 0;
	margin-top: -500px;
	color: #fff;
	text-decoration: none;
	z-index: 999;
	position:relative;
}

.openclose:hover {
	background-color: #999;
}

.closeit:hover {
	filter:alpha(opacity=60);
	zoom: 1;
	opacity: 0.60;
}


#panel h1 { font-size: 3em; line-height: 1; margin-bottom: 0.4em; color: #fff;}

.emailit {
	color: #fff;
	font-size: 175%;
	line-height: 1;
	margin: 0 0 20px 0;
}

.haveaniceday {
	font-size: 300%;
	line-height: 1;
	margin: 0 0 30px 0;
}

.active {

}


/* ----------------------------Navigation----------------------------*/
.logo_bump { margin-top: 50px; margin-bottom: 5px; z-index: 10;}
.nav_bump { margin-top: 80px; margin-bottom: 5px;}

#nav {
	margin-right: -18px;
	text-align: right;
}

ul#nav {
	overflow: hidden;
}

#nav li {
	display: inline;
	list-style-type: none;
}

#nav a {
	color: #0083B5;
	padding: 4px 14px 4px 14px;
	font-weight: bold;
}

#nav a:link, #nav a:visited {
	color: #333;
	text-decoration: none;
}

#nav a:hover {
	color: #fff !important;
	background-color: #0083B5;
	text-decoration: none;
}

#nav a.active {
	color: #fff !important;
	background-color: #0083B5;
	text-decoration: none;
}

#nav .nav-selected {
	color: #fff !important;
	background-color: #0083B5;
	text-decoration: none;
}

#nav a.nav-selected:visited {
	color: #fff !important;
}

.imlogo {
	margin-bottom: -2px;
}

.imc a {
	color: #333;
}

/* ------------------------------Gallery------------------------------------------ */
#gallerywrap {
	margin-left: 40px;
}

.highslide-gallery {
	margin-bottom: 2em;
}

.highslide-gallery img {
	border: 1px solid #ddd;
	padding: 5px;
	margin-right: 5px;
	width: 75px;
	height: 75px;
}

.force {
	margin-right: 7px;
}

.highslide-credits {
	display: none;
}

/* ------------------------------Slider------------------------------------------ */

#banner {
	margin: 0 auto;
	margin-bottom: 1.5em;
}

#side_banner {
	float: left;
}

#main_slider ul, #main_slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#main_slider li{ 
	width:655px;
	height:285px;
	overflow:hidden; 
}

span#prevBtn{}
span#nextBtn{}

/* ------------------------------Fader------------------------------------------ */
.fade {
  	position: absolute;
	width: 290px;
}

.fade div {
  	position: absolute;
  	top: 0;
  	left: 0;
  	display: none;
}

/* ------------------------------Tech Page------------------------------------------ */
.imageleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 1.5em;
}

.downloadbox {
	width: 610px;
	background-color: #efefef;
	border: 2px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	text-align: center;
	line-height: 0;
	padding: 15px 10px 3px 10px;
	margin-bottom: 1.75em;
}

.downloadbox img:hover{
	filter:alpha(opacity=70);
	zoom: 1;
	opacity: 0.7;
}

.figure {
	padding: 10px 10px 8px 9px;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
}

.figureright {
	float: right;
	width: 212px;	
	padding: 10px 10px 8px 10px;
	margin-bottom: 1.5em;
	margin-left: 20px;
	border: 1px solid #ccc;
}

.figureleft {
	float: left;
	width: 212px;
	padding: 10px 10px 8px 10px;
	margin-bottom: 1.5em;
	margin-right: 20px;
	border: 1px solid #ccc;
}

.figureleft p {
	font-size: 85%;
	line-height: 1.35;
	margin-top: 1em;
	margin-bottom: 1em;
}

.figureright p {
	font-size: 85%;
	line-height: 1.35;
	margin-top: 1em;
	margin-bottom: 1em;
}

.figure p {
	font-size: 85%;
	line-height: 1.35;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* ------------------------------Footer------------------------------------------ */
#footsie a  {
	color: #999;
	font-weight: normal;
	text-decoration: none;
}

#footsie a:hover  {
	color: #999;
	font-weight: normal;
	text-decoration: underline;
}