/* -------------------------------------------------------------------------------------------------------- */
/* Begin Layout */
html
{
	width:100%;
	height:100%;
	min-height:100%;
}

body
{
	width:100%;
	height:100%;
	min-height:100%;
}

#wrapper
{
	position:relative;

	overflow:hidden;

	width:960px;

	height:auto !important;
	height:100%;
	min-height:100%;

	margin:0px auto;
	padding:0px;
	
	background:transparent url(../Media/Layout/Background_01.jpg) repeat-y;
}

#left, #center, #right
{
	display:inline;

	overflow:hidden;

	float:left;
}

#left
{
	width:220px;
	
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

#center
{
	width:460px;
	
	margin:0px 10px 0px 0px;
	
	padding:50px 20px 20px 20px;

	background:transparent url(../Media/Layout/Background_Content_01.jpg) no-repeat;
}

#right
{
	width:220px;
	
	margin:0px 0px 0px 0px;
	
	padding:45px 0px 0px 0px;
	
	background:transparent url(../Media/Layout/Background_Right_01.jpg) no-repeat;
}

#logo
{
	padding:0px 0px 55px 0px;
	
	background:transparent url(../Media/Layout/Background_Logo_01.jpg) no-repeat 0 100%;
}

#navigation
{
	padding:0px 0px 30px 0px;

	background:#267DAE url(../Media/Layout/Background_Navigation_01.jpg) no-repeat 0 100%;
}

#subnavigation
{	
	overflow:hidden;
	
	padding:0px 0px 10px 0px;
	
	background-color:#383431;
}

#subnavigationfooter
{
	padding:20px 0px 0px 0px;
	
	background:#383431 url(../Media/Layout/Background_Subnavigation_01.jpg) no-repeat;
}

#footernavigation
{
	margin:0px 0px 0px 0px;
}

#footer
{
	position:relative;

	overflow:hidden;

	width:960px;
	height:80px;
	
	margin:0px auto;
	padding:0px 0px 10px 0px;
	
	background:#FFFFFF url(../Media/Layout/Background_Footer_01.jpg) no-repeat;
}

#service, #include
{
	width:200px;
	
	margin:0px 0px 0px 0px;	
}

#service
{
	padding:40px 10px 20px 10px;
	
	background:transparent url(../Media/Layout/Background_Servicepanel_01.jpg) no-repeat 0 100%;
}

#include
{
	padding:10px 10px 0px 10px;
	margin:0px 0px 120px 0px;
}

.clear
{
	clear:both;
}

#service iframe
{
	width:200px;
		
	height:140px;
}
/* End Layout */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Navigation */
#navigation ul, #subnavigation ul
{
	margin:0px 0px 0px 30px;
	
	padding:0px 0px 0px 0px;
	
	list-style-type:none;
}

#navigation ul li a
{	
	display:block;
	
	margin:0px 0px 10px 0px;
	
	padding:5px 0px 5px 0px;
}

#subnavigation ul li a
{
	display:block;
	
	margin:0px 0px 10px 0px;
	
	padding:5px 0px 5px 12px;
	
	background:transparent url(../Media/Layout/Bullet_Subnavigation_off_01.jpg) no-repeat 0% 50%;
}

#subnavigation ul li:hover; #subnavigation ul li a.active
{
	background-image:url(../Media/Layout/Bullet_Subnavigation_on_01.jpg);
}

#footer ul
{
	float:left;

	display:inline;
	
	margin:50px 0px 0px 230px;
	padding:0px 0px 0px 0px;
}

#footer ul li
{
	display:inline;
  
	margin:0px 10px 0px 0px;
}

#footer ul li a
{
	float:left;

	display:block;
	
	margin-left:10px;

	padding:3px 10px 3px 0px;	
	
	background:transparent url(../Media/Layout/Seperator_Footernavigation_01.jpg) no-repeat 100% 50%;
}
/* End Navigation */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin Typography */
body
{
	font-family: "Trebuchet MS", Verdana;
	
	color:#747170;
}

h1
{
	margin:0px 0px 10px 0px;
	
	color:#605E5C;

	font-size:14pt;
	
	font-weight:normal;
}

h2
{
	margin:0px 0px 10px 0px;
	
	color:#76A0CA;

	font-size:10pt;
	
	font-weight:bold;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

a
{
	color:#1574A8;
}

ul
{
	list-style-type:square;
	margin-left:0;
	padding-left:30px;
}

ol
{
	list-style-type:decimal;
	margin-left:0;
	padding-left:20px;
}

hr
{
	border:0px;
	border-top:solid 1px #5A5756;
	border-bottom:transparent;
}

#center, #right
{
	font-size:9pt;
	line-height:20px;
}

#navigation ul li a, #subnavigation ul li a, #footernavigatio ul li a
{
	font-size:8pt;
	text-decoration:none;	
}

#navigation ul li a
{
	color:#BCD0E6;
}

#navigation ul li a:hover, #navigation ul li a.active
{	
	color:#383431;
}

#subnavigation ul li a
{
	color:#AAA9A9;
}

#subnavigation ul li a:hover, #subnavigation ul li a.active
{	
	color:#FFFFFF;
}

#footer ul li a
{
	color:#000000;
}

#service h2, #include h2
{
	background-repeat:no-repeat;
	background-position:left top;	
}

#service h2
{
	background-image:url(../Media/Layout/Icon_Servicepanel_01.jpg);
}

#include h2
{
	background-image:url(../Media/Layout/Icon_Include_01.jpg);
}

#service h2 span, #include h2 span
{
	display:block;
	
	padding:10px 0px 15px 40px;
	
	font-size:10pt;
	
	color:#5A5756;
}

#include .contents
{
	padding:0px 0px 0px 0px;
}

#footer #copyright
{	
	float:right;
	
	margin:55px 10px 0px 0px;
}

#footer #copyright, #footer a
{
	color:#CFCECE;
	
	font-size:8pt;
	
	text-decoration:none;
}
/* End Typography */
/* -------------------------------------------------------------------------------------------------------- */