* {
  margin: 0;
  padding: 0;
}
body {
  background: #29337D url(/images/backgrounds/page.gif) repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  color: #CCD2ED;
  font-size: 75%;
}
html {
  background: #29337D url(/images/backgrounds/page.gif) repeat-x;  
}

a {
  color: #B1B8D9;
  text-decoration: none;
}
a:hover {
  color: #c1c6e2;
  text-decoration: underline;
}
.content a {
	text-decoration: underline;
}
img {
  border: none;
}


h2 {
  color: #8692c7;
  font-weight: lighter;
  height: 30px;
  padding: 10px;
  font-size: 200%;
}
h2.image {
  height: 30px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}


/* Structure */
#header {
  border-left: 1px solid #2e4391;
  border-right: 1px solid #2e4391;
}
#header {
  height: 102px;
  width: 762px;  
  margin: 0px auto 0px 200px;
}
#main {
  position: relative;
  width: 1122px;
  margin: 0 auto;
}
#main #content {
  padding: 0px 20px;
  width: 722px;
  float: left;
}


/* Header */
#header-container {
  width: 1122px;
  margin: 0 auto;
}
#header h1 {
  float: left;
  text-indent: -9999px;
  width: 159px;
}
#header h1 a {
  display: block;
  background: transparent url(/images/navigation.png) no-repeat 0px 0px;
  height: 100px;
}
#header h1 a:hover {
  background: transparent url(/images/navigation.png) no-repeat 0px -100px;
}

.horizontal-content-border {
  float: left;
  width: 1px;
  height: 593px;
  background-color: #2e4391;
}

#header ul#mainnav {
  list-style: none;
  float: left;
  width: 340px;
  height: 100px;
}
#header ul#mainnav li {
  float: left;
}
#header ul#mainnav li a {
  display: block;
  height: 100px;
  width: 80px;
  text-indent: -9999px;
}

#header ul#mainnav li#web { background: transparent url(/images/navigation.png) no-repeat -159px 0px; }
#header ul#mainnav li#web:hover,
#header ul#mainnav li#web.highlighted { background: transparent url(/images/navigation.png) no-repeat -159px -100px; }

#header ul#mainnav li#interface { background: transparent url(/images/navigation.png) no-repeat -239px 0px; }
#header ul#mainnav li#interface:hover,
#header ul#mainnav li#interface.highlighted { background: transparent url(/images/navigation.png) no-repeat -239px -100px; }

#header ul#mainnav li#concept { background: transparent url(/images/navigation.png) no-repeat -319px 0px; }
#header ul#mainnav li#concept:hover,
#header ul#mainnav li#concept.highlighted { background: transparent url(/images/navigation.png) no-repeat -319px -100px; }

#header ul#mainnav li ul {
  display: none;
  list-style: none;
}
#header ul#mainnav li.hover ul {
  display: block;
  width: 80px;
  position: absolute;
  top: 100px;
  background-color: #fff;
  z-index: 99;
}
#header ul#mainnav li ul li {
  width: 80px;
  height: auto;
  font-size: 95%;
}
#header ul#mainnav li ul li a {
  text-decoration: none;
  display: block;
  padding: 2px 4px;
  border-bottom: 1px dotted #333;
  text-indent: 0;
  height: auto;
}

#header ul#mainnav li#web ul li a { background: #9cd114; color: #525d37; }
#header ul#mainnav li#web ul li a:hover { background: #cae08d; }
#header ul#mainnav li#interface ul li a { background: #92dbe6; color: #253586; }
#header ul#mainnav li#interface ul li a:hover { background: #c0e9f0; }
#header ul#mainnav li#concept ul li a { background: #fdc70b; color: #5f5638; }
#header ul#mainnav li#concept ul li a:hover { background: #f4dd92; }


#header ul#secondarynav {
  float: right;
  width: 220px;
  list-style: none;
}
#header ul#secondarynav li {
  float: left;
  width: 54px;
  text-indent: -9999px;
}
#header ul#secondarynav li a {
  display: block;
  height: 27px;
  outline: none;
}
#header ul#secondarynav li#blog-btn a { background: transparent url(/images/navigation.png) no-repeat -399px 0px; }
#header ul#secondarynav li#blog-btn.highlighted a,
#header ul#secondarynav li#blog-btn a:hover { background: transparent url(/images/navigation.png) no-repeat -399px -27px; }
#header ul#secondarynav li#about-btn a { background: transparent url(/images/navigation.png) no-repeat -399px -54px; }
#header ul#secondarynav li#about-btn.highlighted a,
#header ul#secondarynav li#about-btn a:hover { background: transparent url(/images/navigation.png) no-repeat -399px -81px; }
#header ul#secondarynav li#contact-btn a {
  width: 58px;
  background: transparent url(/images/navigation.png) no-repeat -399px -108px;
}
#header ul#secondarynav li#contact-btn.highlighted a,
#header ul#secondarynav li#contact-btn a:hover { background: transparent url(/images/navigation.png) no-repeat -399px -135px; }

#header ul#secondarynav li#twitter-btn a {
  height: 18px;
  width: 20px;
  margin: 9px 12px;
  background: transparent url(/images/twitter.gif) no-repeat 0 0;
}
#header ul#secondarynav li#twitter-btn a:hover {
  background: transparent url(/images/twitter.gif) no-repeat 0 -18px;
}

#page-switcher {
  width: 525px;
  margin: 10px 0px 20px;
  font-size: 1.5em;
  text-align: center;
}
#page-switcher a.change-page {
  margin: 0px 15px;
}

#footer {
  clear: both;
  text-align: center;
  border-top: 6px solid #112365;
  background-color: #202978;
  height: 80px;
}
#footer p {
  padding-top: 18px;
  color: #8388B6;
  font-size: 0.8em;
}

#fog {
  position: fixed;
  bottom: 0;
  height: 100px;
  width: 100%;
  background: transparent url(/images/backgrounds/fog_overlay.png) repeat-x;
}

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.tip-start {
	opacity: 0.9;
	float: left;
	height: 21px;
	width: 10px;
	background: transparent url(/images/tips/background_left.png) no-repeat;
}
.tip-end {
	opacity: 0.9;	
	float: left;
	height: 21px;
	width: 10px;
	background: transparent url(/images/tips/background_right.png) no-repeat;
}
.tip-content {
	padding-top: 4px;
	opacity: 0.9;	
	float: left;
	height: 21px;
	color: #fff;
	font-weight: bold;
	background: transparent url(/images/tips/background.png) repeat-x;
}

a.rss-link img {
  height: 12px;
  width: 12px;
  vertical-align: top;
}

form input, form textarea {
  position: relative;
  z-index: 99;
}