@import url(fonts/fonts.css) all;
/* Imported fonts' names:
 *	amerigo:		Amerigo BT
 *	amerigomed:	Amerigo BT Medium
 *
 * Colors:
 * 	CI Blue: #76b1ed
 * 	CI blue darker: #3e95ed
 *
 * Title with special chars: ɴıx:AG
 */

* {
	padding: 0;
	margin: 0;
/*	outline: 1px dotted #ff00ff;*/
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	font-family: amerigo, Trebuchet MS, Georgia, serif;
	/*font-size: 12pt;*/
	/*line-height: 140%;*/
	min-height: 100%;

	background: #ABABAB url(img/bg-gradient.png) repeat-x;

	/* Playing with CSS gradients	*/
		/* Mozilla: */
			/* background: #ABABAB -moz-linear-gradient(top, #FFFFFF, #ABABAB) no-repeat;*/
		/* Chrome, Safari:*/
			/* background: #ABABAB -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ABABAB));*/
		/* MSIE */
			/* filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#ABABAB', GradientType=0);*/
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#box1, #box2 {
	margin: 25px;
	border-radius: 5px 5px 5px 5px;
	float: left;
	width: 940px;
}

#box1 {
	background-color: white;
	margin-bottom: 0;
	box-shadow: 0px 0px 25px #666666;
}

#box2 {
	background-color: #595959;
	margin-top: 15px;
	box-shadow: 0px 0px 25px #333333;
	color: white;
}

#header {
	float: left;
	width: 100%;
	height: 70px;
	background-image: url(img/headerlogo.png);
	background-repeat: no-repeat;
	margin: 8px;
}

#pagetitle {
	float: left;
  position: relative;
	top: 15px;
	left: 650px;
}

#pagetitle a {
  font-size: 2.5em;
  font-weight: bold;
	color: #76b1ed;
  /*text-transform: uppercase;*/
}

#slogan {
/*  padding-top: 1.7em;*/
  font-size: 1.2em;
	float: left;
  position: relative;
	top: 50px;
	left: 460px;
}

#container {
	width: 100%;
	text-align: left;
	float: left;
}
 
h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	border-top: 1px solid #76b1ed;
	border-bottom: 1px solid #76b1ed;
	padding: 3px 10px 5px 10px;
	margin: 0 -10px;
	color: #76b1ed;
/*	position: absolute;*/
}
 
a {
	color: #3e95ed;
	text-decoration: none;
}
 
a:hover {
	color: #76b1ed;
}
 
.insider {
	width: 705px;
	min-height: 300px;
	float: left;
	margin: 5px 0px 30px 30px;
	box-shadow: 0px 0px 15px #999999;
	padding: 20px;
}
	
 
#nav {
	width: 165px;
	padding: 0;
	float: right;
}

#nav ul {
	list-style: none;
}

#nav li {
	margin-top: -7px;
  width: 145px;
}
	
#nav li a {
  background: url(img/navibutton_inactive.png) no-repeat;
	display: block;
  height: 45px;
	margin-bottom: -15px;
	text-decoration: none;
	color: #595959;
  font-size: 11pt;
	font-weight: bold;
  line-height: 2em;
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
	padding-top: 15px;
}
	
#nav li a:hover {
	color: black;
  background: url(img/navibutton_hover.png) no-repeat;
}

#nav li a:active {
  color: black;
  background: url(img/navibutton_hover.png) no-repeat;
}

#nav li a.current {
  color: #3e95ed;
  background: url(img/navibutton_active.png) no-repeat;
	position: relative;
	z-index: 1;
}

.left {
	float: left;
}

#footer {
	min-height: 50px;
	font-size: 0.8em;
	text-align: right;
/*	margin-top: 1em;*/
	padding: 5px 10px;
}

#footer a {
	color: #76b1ed;
}

#footer a:hover, #footer a:active {
	color: black;
}

#footer a.current {
	color: white;
}

.settings {
	margin: 15px;
	border-top: 5px solid #76b1ed;
	text-align: left;
}

.wrong {
	color: #FF4040;
}
