@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #333;
	background: #fff;
}

* { margin:0; padding:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w225px { width: 225px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w325px { width: 325px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w440px { width: 440px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

.pb5px { padding-bottom:5px !important; }
.pb10px { padding-bottom:10px !important; }

.pt10px { padding-top:10px !important; }

.mb5px { margin-bottom:5px !important; }
.mb10px { margin-bottom:10px !important; }
.mb15px { margin-bottom:15px !important; }
.mb20px { margin-bottom:20px !important; }
.mb30px { margin-bottom:30px !important; }

.mt20px { margin-top:20px !important; }

strong { font-weight: bold; }

em { color: #f00; font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 1.5em 0;
}

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

/* =Layout
-----------------------------------------------------------------------------*/

#wrapper { width:960px; margin:60px auto 40px auto; background:#fff url(../img/background.jpg) no-repeat right bottom; border-right:1px solid #E9E9E9; }

	#sidebar {
		float:right;
		padding:0 10px 0 0;
 	}
		#sidebar ul li {
			text-align: right;
		}

			#sidebar a {
				display: block;
				text-decoration: none;
				text-transform: uppercase;
				color: #666;
				font-size: 1em;
				line-height:2.2em;
				padding:0 30px 0 0;
				margin:0 0 5px 0;
		 	}
			#sidebar a:link, #sidebar a:visited {
				color: #666;
		 	}
			#sidebar a:hover, #sidebar a:active {
				color: #000;
		 	}

			#sidebar a.home {
				background: url(../img/btn_home.gif) no-repeat right center;
		 	}
			#sidebar a.contact {
				background: url(../img/btn_contact.gif) no-repeat right center;
		 	}


	#content {
		float:left;
		background:#E9E9E9 url(../img/bg_content_top.gif) no-repeat left top;
		width:620px;
		padding:50px 0 0 0;
	}
		#content .main {
			background:#E9E9E9 url(../img/bg_content_bottom.gif) no-repeat left bottom;
			padding:0 50px 30px 30px;
		}

		#content .main .intro {
			margin:0 0 20px 0;
		}

		#content .main .description {
			margin:0 0 20px 0;
		}

		#content .main .links {
			margin:0 0 50px 0;
		}
		#footer .links{ width: 300px;}
		#footer .links ul li{
			padding: 0 0 5px 0 !important;
			margin: 0 !important;		
		}
			#footer .links ul li a{font-size: 11px !important;}

			#content .main .links a {
				color: #2196B8;
				font-size: 1.1em;
				line-height:normal;
				background: url(../img/links.gif) no-repeat right 3px;
				padding:0 15px 0 0;
		 	}
			#content .main .links a:link, #content .main .links a:visited {
				color: #2196B8;
		 	}
			#content .main .links a:hover, #content .main .links a:active {
				color: #27788E;
		 	}

		#content .related {
			background:#fff url(../img/bg_cont_rel_top.gif) no-repeat left top;
			width:540px;
			padding:10px 0 0 0;
			margin:0 0 30px 0;
		}
		#content .related .main {
			background:#fff url(../img/bg_cont_rel_bottom.gif) no-repeat left bottom;
			padding:0 10px 10px 10px;
		}
			#content .related .main .image {
				width:80px;
				text-align:center;
				margin:15px 0 0 0;
			}
			#content .related .main .text {
				border-left:1px solid #E9E9E9;
				padding:0 0 0 10px;
				width:420px;
			}


	#footer {
		float:left;
		background: #F9F9F9;
		height: 100px;
		width:540px;
		padding:25px 50px 0 30px;
	}
		#footer ul li {

		}

			#footer a {
				text-decoration: none;
				color: #999;
				font-size: 1.1em;
				line-height:normal;
		 	}
			#footer a:link, #footer a:visited {
				color: #999;
		 	}
			#footer a:hover, #footer a:active {
				color: #000;
		 	}

		#footer .icons {
			margin:10px 0 0 0;
		}
			#footer .icons ul li {
				float:right;
				margin:0 0 0 10px;
			}


/* =Classes
-----------------------------------------------------------------------------*/

.formRow {
	margin:0 0 10px 0;
}

.labels {
	width: 150px;
	text-align: right;
	margin:0 20px 0 0;
	font-size: 1.2em;
}

.textField {
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 0 0 0px;
	line-height: 1.4em;
	height:16px;
	font-size: 1.2em;
	border:0;
	color:#707070;
	margin:0 0 2px 0;
}

textarea.textArea, textarea.textField {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	line-height: 1.4em;
	font-size: 1.2em;
	border:0;
	color:#707070;
	margin:0 0 2px 0;
	overflow:auto;
}

.buttons {
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
	line-height: 1.2em;
	font-size: 1.2em;
	margin:0 0 2px 0;
}

/* =Type
-----------------------------------------------------------------------------*/

h1 { font-size: 3.8em; font-weight: bold; line-height: normal; margin:0 0 30px 0; letter-spacing: -1px; }
h1 a{ color: #4C5674 !important; text-decoration: none; }

h2 { font-size: 2em; font-weight: bold; line-height: normal; margin:0 0 15px 0; color: #2196B8; }
	h2 a:link, h2 a:visited {
		color: #2196B8;
		text-decoration: none;
	}
	h2 a:hover, h2 a:active {
		color: #27788E;
	}

h3 { font-size: 1.6em; line-height: normal; margin:0 0 5px 0; color: #2196B8; }
	h3 a:link, h3 a:visited {
		color: #2196B8;
		text-decoration: none;
	}
	h3 a:hover, h3 a:active {
		color: #27788E;
	}

h4 { font-size: 1.4em; font-weight: bold; line-height: normal; margin:0 0 5px 0; color: #666; }

h5 { font-size: 1.2em; font-weight: bold; line-height: normal; margin:0 0 5px 0; color: #2196B8; }
a:link, a:visited{ color: #318DC9; text-decoration: none;}
a:active, a:hover{ color: #FF552A;}

p { margin-bottom: 5px;}
	.intro p { font-size: 1.4em; }
	.description p { font-size: 1.2em; }
	.related .main p { font-size: 1.1em; line-height:1.4em; }

.error-message { width:350px; font-size: 1.2em; color: #C00;  }
.ok-message { font-size: 1.2em; color: #38B838; padding: 2px; }
a.back{ font-size: 1.2em; background: url(../img/icon_back.gif) no-repeat left center; padding-left: 30px; }

ul{ margin: 10px 0;}
ul li{ font-size: 1.1em; padding: 0 0 5px 10px; line-height: 130%;}


/* =Page specific
-----------------------------------------------------------------------------*/