 
@font-face {
    font-family: 'MetaCondBookRoman';
    src: url('../fonts/metacondbook-roman-webfont.html');
    src: url('../fonts/metacondbook-roman-webfontd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/metacondbook-roman-webfont-2.html') format('woff'),
         url('../fonts/metacondbook-roman-webfont-3.html') format('truetype'),
         url('../fonts/metacondbook-roman-webfont.xml#MetaCondBookRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MetaCondBoldRoman';
    src: url('../fonts/metacondbold-roman-webfont.html');
    src: url('../fonts/metacondbold-roman-webfontd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/metacondbold-roman-webfont-2.html') format('woff'),
         url('../fonts/metacondbold-roman-webfont-3.html') format('truetype'),
         url('../fonts/metacondbold-roman-webfont.xml#MetaCondBoldRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MetaCondExtraBoldRoman';
    src: url('../fonts/metacondextrabold-roman-webfont.html');
    src: url('../fonts/metacondextrabold-roman-webfontd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/metacondextrabold-roman-webfont-2.html') format('woff'),
         url('../fonts/metacondextrabold-roman-webfont-3.html') format('truetype'),
         url('../fonts/metacondextrabold-roman-webfont.xml#MetaCondExtraBoldRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MetaCondMediumRoman';
    src: url('../fonts/metacondmedium-roman-webfont.html');
    src: url('../fonts/metacondmedium-roman-webfontd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/metacondmedium-roman-webfont-2.html') format('woff'),
         url('../fonts/metacondmedium-roman-webfont-3.html') format('truetype'),
         url('../fonts/metacondmedium-roman-webfont.xml#MetaCondMediumRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MetaCondNormalRoman';
    src: url('../fonts/metacondnormal-roman-webfont.html');
    src: url('../fonts/metacondnormal-roman-webfontd41dd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/metacondnormal-roman-webfont-2.html') format('woff'),
         url('../fonts/metacondnormal-roman-webfont-3.html') format('truetype'),
         url('../fonts/metacondnormal-roman-webfont.xml#MetaCondNormalRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {
	height: 100%;
	padding: 0;	
	color: #454545;
	background: url("../../images/bg.png") no-repeat 50% 145px;
	font: 12px/21px Arial, Sans-Serif;
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0 0 68px 0;
	background: url("../../images/body_bg.png") no-repeat 50% 100%;	
}

div#wrapper {
    min-width: 967px;
    overflow: hidden;
}
div#container {
	width: 967px;
	margin: 0 auto;
	padding: 0 45px;
	padding: 0px;
}

/* Link opmaak */
a {
	color: #882888;
	text-decoration: underline;
}
a:hover {
	color: #882888;
	text-decoration: none;
}
/* /Link opmaak */

/* Clear */
.clear {
	width: 1px;
	height: 1px;
	clear: both;
}
/* /Clear */

/* Images */
img {border: 0;}
/* /Images  */

/* Form */
form {
	margin: 0;
	padding: 0;
}
/* /Form */

/* Alinea */
p {
	margin: 0;
	padding: 0 0 1.5em 0;
}
form p {padding: 0;}
/* /Alinea  */

/* List */
ul,ol {
	margin: 0;
	padding: 0 0 1.5em 0;
	list-style-position: inside;
}
/* /List */

/* Header  */
div#header {
	height: 120px;
	padding: 0;
}
#linguam {
	float: left;
	margin: 15px 0 0 26px;
	padding: 0;
}
div#header .top_menu {
	float: right;
	height: 35px;
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
}
div#header .top_menu li {
	float: left;
	height: 35px;
	color: #c1c1c1;
	font: 16px/35px MetaCondBoldRoman, Sans-serif;
	text-transform: uppercase;
	padding: 0 4px 0 12px;
}
div#header .top_menu li:first-child {
	background: url("../../images/top_menu.png") no-repeat 100% 0;
	padding: 0 17px 0 12px;
}
div#header .top_menu li a {
	color: #c1c1c1;
	text-decoration: none;
}
div#header .top_menu li a:hover {
	color: #04367b;
} 

div#header .top_menu li.active a {color: #882888;}



/* Menu  */
ul#menu {
	position: relative;
	float: right;
	height: 27px;
	margin: 27px 0 0 0;
	padding: 0;
	list-style: none;
	clear: right;
	z-index: 99;
}
ul#menu li {
	position: relative;
	float: left;
	margin: 0 0 0 16px;
	font: 14px/24px MetaCondBoldRoman, Arial, Sans-serif;
}
ul#menu li div.sub {display: none;}
ul#menu li a, ul#menu li > span {
	float: left;
	color: #c40538;
	background: url("../../images/menu.png") no-repeat 100% -54px;
	text-transform: uppercase;
	text-decoration: none;
}
ul#menu li a:hover, ul#menu li > span:hover {
	color: #04367b;
}
ul#menu li.active a, ul#menu li.active > span {
	color: #ffffff;
	background: url("../../images/menu.png") no-repeat 100% 0;
}
ul#menu li a span, ul#menu li > span span {
	float: left;
	height: 27px;
	background: url("../../images/menu.png") no-repeat 0 -81px;
	padding: 0 13px;
}
ul#menu li.active a span, ul#menu li.active > span span {background: url("../../images/menu.png") no-repeat 0 -27px;}
ul#menu li.submenu {
	float: left;
	margin: 0 0 0 16px;
	font: 16px/27px MetaCondBoldRoman, Arial, Sans-serif;
	z-index: 99;
}
ul#menu li.submenu a, ul#menu li.submenu > span {
	position: relative;
	float: left;
	background: url("../../images/submenu1.png") no-repeat 100% -70px;
	color: #c40538;
	margin: -13px 0 0 0;
	padding: 0 13px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 199;
}
ul#menu li.submenu a:hover, ul#menu li.submenu > span:hover {
	color: #4c4d4f;
	cursor: pointer;
}
ul#menu li.submenu a span, ul#menu li.submenu > span span {
	height: 46px;
	background: url("../../images/submenu1.png") no-repeat 0 0;
	padding: 13px 0 0 13px;
}
ul#menu li.submenu div.sub {
	display: none;
	width: 1000px;
	position: absolute;
	top: 44px;
	left: -160px;
	z-index: 99;
}
ul#menu li.submenu.small div.sub {
	left: -40px;
}
ul#menu li.submenu div.inner {
	float: left;
	background: url("../../images/submenu1.png") no-repeat 100% -400px;
	padding: 0 15px 0 0;
}
ul#menu li.submenu div.inner .inner2 {
	position: relative;
	background: url("../../images/submenu1.png") no-repeat 0 0;
	padding: 0;
}
ul#menu li.submenu div.inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li.submenu div.inner ul li{
	float: left;
	width: 207px;
	border-left: 1px solid #BCBCBC;
	margin: 27px 0 10px 0;
	padding: 0 0 0 15px;
}
ul#menu li.submenu div.inner ul li:first-child{border: 0;}
ul#menu li.submenu div.inner ul li h2{
	height: 37px;
	margin: 0 0 14px 0;
	color: #882888;
	font: 18px/37px MetaCondNormalRoman, Arial, Sans-serif;
}
ul#menu li.submenu div.inner ul li h2 img {
	margin: 0 12px 0 0;
	border: 1px solid #4D4D4D;
	vertical-align: middle;
}
ul#menu li.submenu div.inner ul li ul{
	position: relative;
}
ul#menu li.submenu div.inner ul li ul li {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
ul#menu li.submenu div.inner ul li ul li a{
	float: none;
	color: #454545;
	background: none;
	font: 12px/26px Arial, Sans-serif;
	text-transform: none !important;
	text-decoration: underline;
	clear: both;
}
ul#menu li.submenu div.inner ul li ul li a:hover {text-decoration: none;}
ul#menu li.submenu .bottom1 {
	position: absolute;
	width: 100%;
	height: 13px;
	background: url("../../images/submenu1.png") no-repeat -1187px 0;
	bottom: -13px;
	left: 0;
}
ul#menu li.submenu .bottom2 {
	position: absolute;
	width: 15px;
	height: 13px;
	background: url("../../images/submenu1.png") no-repeat 100% 100%;
	right: -15px;
	top: 0;
}
/* /Menu */

/* /Header */

/* Slideshow  */
div#slideshow {
	position: relative;
	height: 330px;
	overflow: hidden;
	padding-top: 45px;
	padding-left: 5px;
}
div#slideshow ul.photo {
	position: relative;
	float: left;
	width: 400px;
	height: 278px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
div#slideshow ul.photo li {
	position:absolute;
	bottom: 0;
	width: 400px;
	height: 278px;
	z-index:1
}
div#slideshow ul.photo li img{
	position: absolute;
	bottom: 0;
	left: 0;
}
div#slideshow div.text {
	float: right;
	position: relative;
	width: 547px;
	height: 267px;
	overflow: hidden;
}
div#slideshow div.text ul{
	margin: 67px 0 0 0;
	padding: 0;
	list-style: none;
}
div#slideshow div.text ul li{
	width: 466px;
	position: absolute;
	bottom: 0;
	left: 49px;
	background: #ebebeb;
	height: 200px;
}
div#slideshow div.text ul li h1{
	color: #882888;
	font: 40px MetaCondExtraBoldRoman, Sans-serif;
	margin: 0;
	padding: 0;
}
div#slideshow div.text ul li p {font: 17px/32px MetaCondNormalRoman, Sans-serif;}
div#slideshow div.text ul li p cite{
	display: block;
	color: #882888;
	font: 20px/32px MetaCondMediumRoman, Sans-serif;
}
div#slideshow div.text ul li .more1{
	margin: 0 0 0 10px;
	vertical-align: -11%;
}
div#slideshow div.text .prev, div#slideshow div.text .next {
	position: absolute;
	width: 29px;
	height: 28px;
}
div#slideshow div.text .prev {
	top: 147px;
	left: 0;
	background: url("../../images/submenu1.png") no-repeat 0 0px;
}
div#slideshow div.text .prev:hover {background: url("../../images/submenu1.png") no-repeat 0 -28px;}
div#slideshow div.text .prev span, div#slideshow div.text .next span {display: none;}
div#slideshow div.text .next {
	top: 147px;
	right: 0;
	background: url("../../images/submenu1.png") no-repeat 0 -28px;
}
div#slideshow div.text .next:hover {background: url("../../images/submenu1.png") no-repeat 0 0;}
/* /Slideshow */

/* Trainingen */
div#trainingen {
	width: 967px;
	height: 317px;
	background: url("../../images/trainingen_bg.png") 0 0 no-repeat;
	text-align: center;
	margin-top: 0;
	margin-right: -45px;
	margin-bottom: 0;
	margin-left: -45px;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0;
	padding-left: 45px;
}
div#trainingen h2{
	position: relative;
	display: inline;
	color: #CA98CA;
	background: url("../../images/trainingen_bg.png") no-repeat 50% 0;
	font: 29px MetaCondNormalRoman, Sans-serif;
	margin: 0;
	padding: 0 15px;
}
div#trainingen ul {
	border: 0;
	text-align: left;
	overflow: hidden;
	list-style: none;
	margin-top: -17px;
	margin-right: 22px;
	margin-bottom: 0;
	margin-left: 67px;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0;
	 
}
div#trainingen .img_holder{
	float: left;
	clear: left;
	position: relative;
	overflow: hidden;
}
div#trainingen ul li{
	position: relative;
	float: left;
	width: 230px;
	height: 275px;
	background: url("../../images/submenu1.png") no-repeat 0 172px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 71px;
}
div#trainingen ul li:first-child {margin: 0;}
div#trainingen ul li img {
	position: relative;
	display: block;
	z-index: 1;
}
div#trainingen ul li h3 {
	color: #ffffff;
	float: left;
	width: 100%;
	font: 18px MetaCondNormalRoman, Arial, Sans-serif;
	margin: 0;
	padding: 0 0 12px 0;
}
div#trainingen ul li .more{
	position: absolute;
	width: 230px;
	height: 39px;
	background: url("../../images/more2.png") no-repeat;
	color: #ffffff;
	font: 12px/39px Arial, Sans-serif;
	text-decoration: none;
	text-align: right;
	padding: 0 42px 0 0;
	left: 0;
	bottom: 0;
	z-index: 2;
}
div#trainingen ul li a.enroll {
	position: absolute;
	display: block;
	height: 32px;
	color: #04367b;
	background: #FFF url("../../images/more.png") no-repeat 186px 6px;
	padding: 0 0 0 14px;
	line-height: 32px;
	text-decoration: none;
	font-size:16px;
	font-weight:bold;
	bottom: 10px;
	left: 0;
	right: 0;
}
div#trainingen ul li a.enroll:hover {
	background: #f2edef url("../../images/more.png") no-repeat 186px -53px;
	text-decoration: none;
}

div#social_media {
	width: 967px;
	height: 178px;
	background: url("../../images/other_bg.png") 0 -130px no-repeat;
	margin: 25px -45px 0 -45px;
	padding: 14px 45px 0 45px;
	text-align: center;
}
div#social_media h2{
	position: relative;
	display: inline;
	color: #CA98CA;
	background: url("../../images/trainingen_bg.png") no-repeat 50% 0;
	font: 29px MetaCondNormalRoman, Sans-serif;
	margin: 0;
	padding: 0 15px;
}
div#social_media div {
	color: #ffffff;
	background: url("../../images/corner2.png") no-repeat 215px 14px; 
	font: 20px/32px MetaCondNormalRoman, Arial, Sans-serif;
	margin: -17px 22px 0 22px;
	padding: 13px 0 0 0;
	border: 0;	
	text-align: left;
	overflow: hidden;
	list-style: none;
}
div#social_media div p {
	float: left;
	width: 525px;
	background: url("../../images/submenu1.png") no-repeat 100% 0;
	margin: 0 0 0 0;
	padding: 21px 112px 0 0;
}
div#social_media div img {
	float: left;
	margin: 0 70px 0 0;
}
div#customers {
	width: 967px;
	height: 178px;
	background: url("../../images/trainingen_bg.png") 0 -130px no-repeat;
	margin: 25px -45px 0 -45px;
	padding: 14px 45px 0 45px;
	text-align: center;
}
div#customers h2{
	position: relative;
	display: inline;
	color: #CA98CA;
	background: url("../../images/trainingen_bg.png") no-repeat 50% 0;
	font: 29px MetaCondNormalRoman, Sans-serif;
	margin: 0;
	padding: 0 15px;
}
div#customers div.border {
	color: #ffffff;
	font: 20px/32px MetaCondNormalRoman, Arial, Sans-serif;
	margin: -17px 22px 0 22px;
	padding: 13px 0 0 0;
	border: 0;
	border-top: 1px solid #C494C4;
	text-align: left;
	overflow: hidden;
	list-style: none;
}
div#customers div.left {
	float: left;
	width: 336px;
	color: #ffffff;
	background: url("../../images/corner3.png") no-repeat 100% 0; 
	margin: 28px 0 0 0;
	padding: 0 23px 0 0;
	border: 0;
	text-align: left;
}
div#customers div.left img {
	float: right;
	margin: 0 0 0 0;
}
div#customers div.left strong {
	display: block;
	font: 35px MetaCondBoldRoman, Arial, Sans-serif;
}
div#customers div.left span {
	font: 17px MetaCondNormalRoman, Arial, Sans-serif;
	margin: 0 70px 0 0;
}
div#customers div.right p {
	float: right;
	width: 525px;
	background: url("../../images/submenu1.png") no-repeat 100% 0;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}
div#aanbod {
	background: #ffffff;
	margin: 25px 4px 0 4px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
div#aanbod h2 {
	height: 57px;
	color: #884888;
	font: 20px/65px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding: 0 0 0 24px;
}
div#aanbod .left{
	float: left;
	width: 215px;
	background: url("../../images/shadow4.png") no-repeat 10px 0;
	padding: 0 0 0 25px;
}
div#aanbod .left img{display: block;}
div#aanbod p{
	float: left;
	width: 670px;
	color: #6e6e6e;
	padding: 14px 7px 0 22px;
	border-top: 7px solid #EBEBEB;
}
/* /Trainingen */

div#logos {
	position: relative;
	height: 118px;
	background: #ffffff;
	margin: 0;
}

#holder{
	width: 970px;
	position: relative;
	overflow: hidden;
	left: 0px;
	top:20px;
	 
}

div#logos .slideshow {
	float: left;
	margin: 0;
	padding: 0;
	width: 999999px;
	position: relative;
	left: 0;
	list-style: none;
}
div#logos .slideshow  li{
	float: left;
	margin: 0 15px;
	line-height: 118px;
}
div#logos .slideshow  li img {vertical-align: middle;}
div#logos .prev, div#logos .next {
	position: absolute;
	width: 29px;
	height: 28px;
}
div#logos .prev{
	top: 44px;
	left: 0;
	background: url("../../images/submenu1.png") no-repeat 0 -1px;
}
div#logos .prev:hover {background: url("../../images/submenu1.png") no-repeat 0 -30px;}
div#logos .next{
	top: 44px;
	right: 0;
	background: url("../../images/submenu1.png") no-repeat 0 -1px;
}
div#logos .next:hover{background: url("../../images/submenu1.png") no-repeat 0 -30px;}
div#logos .next span, div#logos .prev span{display: none;}
div#quote {
	border-top: 7px solid #EBEBEB;
	padding: 14px 0 54px 0;
	overflow: hidden;
}
div#quote2 {
	border-top: 7px solid #EBEBEB;
	padding: 14px 0 14px 0;
	overflow: hidden;
}
div#quote .photo{
	position: relative;
	float: left;
	width: 92px;
	background: url("../../images/submenu1.png") no-repeat 100% 0;
	margin: 7px 24px 0 0;
	padding: 0 22px 0 17px;
}
div#quote .photo img {
	position: relative;
	display: block;
	z-index: 1;
}
div#quote .photo a.linkedin {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("../../images/in.png") no-repeat 0 0;
	left: 17px;
	bottom: 0;
	z-index: 2;
}
div#quote .photo a.linkedin span {display: none;}
div#quote .cite{
	float: left;
	width: 815px;
	background: url("../../images/quotes.png") no-repeat 100% 7px;
	padding: 0 69px 0 0;
	margin-left: 45px;
}
div#quote .cite2{
	float: left;
	width: 805px;
	padding-top: 0;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 15px;
}
div#quote .cite h4{
	height: 26px;
	color: #c40538;
	font: 17px/26px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding: 0;
}
div#quote .cite h4{
	height: 26px;
	color: #c40538;
	font: 17px/26px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding: 0;
}
div#quote2 .cite2 h4 span {
	float: left;
	height: 22px;
	margin: 0 14px 0 0;
	padding: 4px 12px 0 0;
	border-right: 1px solid #C1C1C1;
}
div#quote .cite p{
	font: 17px/24px MetaCondMediumRoman, Arial, Sans-serif;
	padding: 9px 0 0 0;
}
div#quote2 .cite2 p{
	font: 17px/24px MetaCondMediumRoman, Arial, Sans-serif;
	padding: 9px 0 0 0;
}


div#quote2 .cite2 h4{
	height: 26px;
	color: #c40538;
	font: 17px/26px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding-left: 15px;
}
div#quote .cite2 h4 span {
	float: left;
	height: 22px;
	margin: 0 14px 0 0;
	padding: 4px 12px 0 0;
	border-right: 1px solid #C1C1C1;
}
div#quote .cite2 p{
	font: 14px/24px MetaCondMediumRoman, Arial, Sans-serif;
	padding: 9px 0 0 0;
	padding-left: 15px;
}
div#block {
	width: 967px;
	height: 408px;
	background: url("../../images/submenu1.png") 0 0 no-repeat;
	margin: 0 -45px 85px -45px;
	padding: 0px 45px;
}
form#subscribe1 {
	position: relative;
	float: left;
	width: 283px;
	height: 393px;
	color: #ffffff;
	background: #882888;
	margin: 0 25px 0 6px;
	padding: 15px 0 0 13px;
}
form#subscribe1 h2 {
	height: 38px;
	color: #882888;
	background: #EBEBEB url("../../images/submenu1.png") no-repeat -13px 0;
	font: 17px/38px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 0 14px 0;
	padding: 0 0 0 30px;
}
form#subscribe1 input.text {
	width: 212px;
	height: 30px;
	color: #882888;
	background: #EDDFED;
	margin: 10px 0 0 0;
	padding: 0 13px;
	border: 3px solid #AE4DAE;
}

input[type=checkbox].error {
    background-color: #FF8401;
}

form#subscribe1 p {padding: 0 0 0 13px;}
form#subscribe1 p.submit {
	position: absolute;
	background: #AE4DAE;
	margin: 21px 0 0 -13px;
	bottom: 0;
	left: 13px;
	right: 0;
}
form#subscribe1 input.submit {
	width: 244px;
	height: 32px;
	color: #ffffff;
	background: #FF8401 url("../../images/more.png") no-repeat 216px 6px;
	font: 12px/32px Arial, Sans-Serif;
	text-decoration: none;
	text-align: left;
	margin: 10px 0 12px 13px;
	padding: 0 0 0 30px;
	border: 0;
	cursor: pointer;
}
form#subscribe1 input.submit:hover {
	background: #ff9625 url("../../images/more.png") no-repeat 216px -53px;
	text-decoration: none;
}
form#subscribe1 textarea {
	width: 212px;
	height: 50px;
	color: #882888;
	background: #EDDFED;
	font: 12px/21px Arial, Sans-Serif;
	margin: 10px 0 0 0;
	padding: 13px;
	border: 3px solid #AE4DAE;
	resize: vertical;
	overflow: auto;
}
form#passport {
	position: relative;
	float: left;
	width: 245px;
	height: 393px;
	margin: 0 25px 0 0;
	padding: 15px 0 0 0;
}
form#passport h2 {
	height: 38px;
	font: 17px/38px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 0 14px 0;
	padding: 0 0 0 27px;
}
form#passport input.text {
	width: 212px;
	height: 30px;
	color: #454545;
	background: #ffffff;
	margin: 10px 0 0 0;
	padding: 0 13px;
	border: 3px solid #CBCBCB;
}
form#passport ul {
	width: 260px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
form#passport ul li {
	float: left;
	width: 260px;
	background: url("../../images/v.png") no-repeat 0 2px;
	font: 12px/22px Arial, Sans-serif;
	padding: 0 0 0 25px;
	clear: both;
}
form#passport cite {
	display: block;
	font: 15px/22px MetaCondNormalRoman, Arial, Sans-serif;
	margin: 7px 0 0 0;
}
form#passport cite b {
	color: #882888;
	font: 15px/22px MetaCondNormalRoman, Arial, Sans-serif;
}
form#passport a.submit {
	position: absolute;
	width: 244px;
	height: 32px;
	color: #ffffff;
	background: url("../../images/submenu1.png") no-repeat 0 0;
	font: 12px/32px Arial, Sans-Serif;
	text-decoration: none;
	text-align: left;
	margin: 10px 0 12px 0;
	padding: 0 0 0 30px;
	border: 0;
	cursor: pointer;
	left: 0;
	bottom: 0px;
}
form#passport a.submit:hover {
	background: url("../../images/submenu1.png") no-repeat 0 -32px;
	text-decoration: none;
}
div#block .social_media {
	position: relative;
	float: left;
	width: 331px;
	padding: 15px 0 0 19px;
	overflow: hidden;
}
div#block .social_media h2 {
	height: 38px;
	color: #ffffff;
	font: 17px/38px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 0 19px 0px;
	padding: 0 0 0 31px;
}
div#block .social_media ul.tabs{
	position: relative;
	height: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}
div#block .social_media ul.tabs li {
	position: relative;
	float: left;
	width: 100px;
	height: 32px;
	background: #F4F4F4;
	margin: 0 6px 0 0;
	border: 1px solid #BFBFBF;
	border-bottom: 0;
	z-index: 2;
	cursor: pointer;
}
div#block .social_media ul.tabs li.active {
	width: 96px;
	height: 33px;
	border: 3px solid #BFBFBF;
	border-bottom: 0;
}
div#block .social_media ul.tabs li h3{
	color: #454545;
	font: 15px/32px	MetaCondMediumRoman, Arial, Sans-serif;
	text-align: left;
	margin: 0;
	padding: 0 0 0 14px;
}
div#block .social_media ul.tabs li span{
	position: absolute;
	width: 22px;
	height: 22px;
	color: #ffffff;
	font: bold 17px/22px Arial, Sans-serif;
	top: -11px;
	right: 5px;
	text-align: center;
}
div#block .social_media ul.tabs li.active span{
	right: 3px;
	top: -13px;
}
div#block .social_media ul.tabs li span.twitter{background: #46D4D0;}
div#block .social_media ul.tabs li span.linkedin{
	background: #0183B3;
	font-size: 15px;
}
div#block .social_media ul.tabs li span.facebook{
	background: #37589A;
	font-size: 15px;
}
div#block .shadow {
	position: absolute;
	top: 92px;
	right: 15px;
	z-index: 99;
}
div#block .social_media ul.tab {
	position: relative;
	margin: -3px 0 0 0;
	list-style: none;
	z-index: 1;
	padding: 20px 15px;
	position: relative;
	height: 243px;
	border: 3px solid #BFBFBF;
	background: #F4F4F4;
}
div#block .social_media ul.tab li.box{
	position: absolute;
	top: 20px;
	left: 15px;
	width: 295px;
	height: 243px;
	display: block;
	margin: 0;
	padding: 0;
}
div#block .social_media ul.tab li.box h4{
	font: 17px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
div#block .social_media ul.tab li.box span.also{
	position: absolute;
	font: 15px MetaCondMediumRoman, Arial, Sans-serif;
	right: 20px;
	bottom: 15px;
}
div#block .social_media ul.tab li.box span.also a {
	color: #884888;
	text-decoration: none;
}
div#block .social_media ul.tab li.box span.also a:hover {text-decoration: underline;}

div#tree {
	margin: 0 4px 20px 4px;
	overflow: hidden;
}
div#tree .head{
	position: relative;
	height: 45px;
	color: #ffffff;
	background: #9B349B;
	line-height: 45px;
	padding: 0 0 0 41px;
	overflow: hidden;
}
div#tree .head strong{
	float: left;
	width: 525px;
	font: 18px/45px Arial, Sans-serif;
}
div#tree .head span{font: 18px/45px Arial, Sans-serif;}
div#tree .head a.expand{
	position: absolute;
	width: 19px;
	height: 19px;
	color: #ffffff;
	background: #AE4DAE;
	font: 28px/14px Arial, Sans-serif;
	text-align: center;
	text-decoration: none;
	top: 12px;
	left: 10px;
	border: 1px solid #ffffff;
}
div#tree .head .right{
	float: right;
	width: 275px;
	background: #AE4DAE;
	padding: 0 8px 0 20px;
}
div#tree .head .right a.more{color: #ffffff;}
div#tree .head .right a.enroll{
	float: right;
	display: block;
	width: 136px;
	height: 32px;
	color: #ffffff;
	background: #FF8401 url("../../images/more.png") no-repeat 122px 6px;
	margin: 6px 0 0 0;
	padding: 0 0 0 14px;
	line-height: 32px;
	text-decoration: none;
}
div#tree .head .right a.enroll:hover {
	background: #BE5BBE url("../../images/more.png") no-repeat 122px -53px;
	text-decoration: none;
}
div#tree .sub{
	background: #F5F5F5 url("../../images/submenu1.png") repeat-y 100% 0;
	margin: 0 0 2px;
	overflow: hidden;
}
div#tree .sub .left{
	float: left;
	width: 597px;
	color: #6e6e6e;
	background: #F5F5F5;
	padding: 10px 37px 0 21px;
	border-right: 1px solid #BEBEBE;
}
div#tree .sub .left a{
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: none;
}
div#tree .sub .left a:hover{text-decoration: underline;}
div#tree .sub .right{
	float: right;
	width: 260px;
	margin: 0 21px 0 0;
	padding: 12px 0 0 0;
}
div#tree .sub .right h3{
	height: 30px;
	color: #6e6e6e;
	background: url("../../images/h3_bg.png") repeat-x 0 50%;
	font: 20px/30px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 13px;
}
div#tree .sub .right span{
	background: #DFDFDF;
	padding: 0 6px;
}
div#tree .sub .right dl {
	margin: 0;
	padding: 0;
}
div#tree .sub .right dl dt{
	float: left;
	width: 145px;
	height: 21px;
	font-weight: bold;
	clear: left;
}
div#tree .sub .right dl dd{
	float: left;
	height: 21px;
	margin: 0;
}
div#tree .tree {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#tree .tree li {
	height: 45px;
	background: url("../../images/submenu1.png") no-repeat 16px 50%;
	margin: 13px 0 0 0;
	padding: 0 0 0 55px;
}

div#tree div.level0 { margin-left: 55px; width: 904px; }
div#tree div.level0 .left { width: 542px;}

div#tree div.level1 { margin-left: 110px; width: 849px; }
div#tree div.level1 .left { width: 487px;}

div#tree div.level2 { margin-left: 165px; width: 794px; }
div#tree div.level2 .left { width: 432px;}

div#tree div.level3 { margin-left: 220px; width: 739px; }
div#tree div.level3 .left { width: 377px;}

div#tree .tree li.level1 {margin-left: 0;}
div#tree .tree li.level2 {margin-left: 55px;}
div#tree .tree li.level3 {margin-left: 110px;}
div#tree .tree li.level4 {margin-left: 165px;}
div#tree .tree li div{
	position: relative;
	height: 43px;
	color: #6e6e6e;
	background: #FBFBFB;
	line-height: 45px;
	padding: 0 0 0 41px;
	border: 1px solid #D2D2D2;
}
div#tree .tree li div strong{
	float: left;
	font: 18px/45px Arial, Sans-serif;
}
div#tree .tree li div span{
	float: right;
	font: 18px/45px Arial, Sans-serif;
	padding: 0 20px 0 0;
}
div#tree .tree li div a.expand{
	position: absolute;
	width: 19px;
	height: 19px;
	color: #8D8D8D;
	background: #FBFBFB url("../../images/expand.png") repeat-y 100% 0;
	font: 20px/19px Arial, Sans-serif;
	text-align: center;
	text-decoration: none;
	top: 12px;
	left: 10px;
	border: 1px solid #D2D2D2;
}
div#tree .tree li div a.expand span, div#tree .head a.expand span{
	position: absolute;
	font: 20px/19px Arial, Sans-serif !important;
	width: 19px;
	height: 19px;
	top: 0;
	left: 0;
	color: #8D8D8D;
	text-decoration: none;
}
div#tree .head a.expand span{
	color: #fff;
}
div#tree .tree li div .right{
	float: right;
	width: 275px;
	background: #DFDFDF;
	padding: 0 8px 0 20px;
	border: 0;
}
div#tree .tree li div .right a.more{color: #454545;}
div#tree .tree li div .right a.enroll{
	float: right;
	display: block;
	width: 136px;
	height: 32px;
	color: #ffffff;
	background: #FF8401 url("../../images/more.png") no-repeat 122px 6px;
	margin: 6px 0 0 0;
	padding: 0 0 0 14px;
	line-height: 32px;
	text-decoration: none;
}
div#tree .tree li div .right a.enroll:hover {
	background: #ff9625 url("../../images/more.png") no-repeat 122px -53px;
	text-decoration: none;
}

/* Content */
div#content {
	background: #ffffff;
	margin: 24px 3px;
	overflow: hidden;
	border-bottom: 7px solid #EBEBEB;
}
div#content h1 {
	height: 56px;
	color: #04367B;
	font: 30px/56px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 12px 0 0 0;
	padding: 0 0 0 40px; 
}

/* Left */
div#left {
	float: left;
	width: 582px;
	padding: 0;
}
div#left h2 {
	font: 17px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding: 11px 0 12px 0px;
}
div#left {
	padding: 0 0px 13px 40px;
}
div#left ul {
	color: #92278F;
}
div#left ul li {
	color: #454545;
	margin: 0 0 0 12px; 
	text-indent:  -1.1em;
	padding-left:30px;
}
div#left ul li span{color: #454545;}
/* /Left  */

/* Right */
div#right {
	float: right;
	width: 300px;
	margin: 0 0 20px 0;
}
form#subscribe {
	background: #882888;
	padding: 15px 0 0 13px;
}
form#subscribe h2 {
	height: 38px;
	color: #882888;
	background: #EBEBEB url("../../images/submenu1.png") no-repeat -13px 0;
	font: 17px/38px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0;
	padding: 0 0 0 30px;
}
form#subscribe ul {
	margin: 6px 13px 4px 0;
	padding: 0;
	list-style: none;
}
form#subscribe ul li {
	float: left;
	width: 270px;
	color: #ffffff;
	margin: 0;
	padding: 5px 0 3px 0;
	overflow: hidden;
	border-top: 1px solid #C494C4;
	clear: both;
}
form#subscribe ul li:first-child {border: 0;}
form#subscribe ul li input.radio{
	float: left;
	margin: 9px 13px 0 10px;
	padding: 0;
}
form#subscribe ul li label {
	float: left;
	width: 210px;
}
form#subscribe input.text {
	width: 212px;
	height: 30px;
	color: #882888;
	background: #EDDFED;
	margin: 10px 0 0 13px;
	padding: 0 13px;
	border: 3px solid #AE4DAE;
}
form#subscribe .error, form#subscribe1 .error {
    border: 3px solid #FF8401 !important;
}
form#subscribe textarea {
	width: 212px;
	height: 67px;
	color: #882888;
	background: #EDDFED;
	font: 12px/21px Arial, Sans-Serif;
	margin: 10px 0 0 13px;
	padding: 13px;
	border: 3px solid #AE4DAE;
	resize: vertical;
	overflow: auto;
}
form#subscribe p.submit {
	background: #AE4DAE;
	margin: 21px 0 0 -13px;
	padding: 0 0 0 13px;
}
form#subscribe input.submit {
	width: 244px;
	height: 32px;
	color: #ffffff;
	background: #FF8401 url("../../images/more.png") no-repeat 216px 6px;
	font: 12px/32px Arial, Sans-Serif;
	text-decoration: none;
	text-align: left;
	margin: 10px 0 12px 13px;
	padding: 0 0 0 30px;
	border: 0;
	cursor: pointer;
}
form#subscribe input.submit:hover {
	background: #ff9625 url("../../images/more.png") no-repeat 216px -53px;
	text-decoration: none;
}
div#questions {
	position: relative;
	height: 248px;
	width: 255px;
	background: url("../../images/shadow2.png") no-repeat 50% 100%;
	padding: 0 0 0 33px;
}
div#questions span {
	position: relative;
	display: block;
	color: #4c4d4f;
	font: 20px/28px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 22px 0 17px 0;
	z-index: 2;
}
div#questions b {
	position: relative;
	display: block;
	height: 23px;
	color: #92278f;
	background: url("../../images/phone.png") no-repeat 0 0;
	font: 20px/20px MetaCondMediumRoman, Arial, Sans-serif;
	padding: 0 0 0 25px;
	z-index: 2;
}
div#questions img {
	position: absolute;
	right: 0;
	bottom: 19px;
	z-index: 1;
}
/* /Right  */

/* /Content  */

/* Footer */
div#footer {
	width: 970px;
	clear: both;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#footer .banner {
	height: 59px;
	background: url("../../images/footer.png") no-repeat;
	margin: 0 0 12px 0;
	padding: 103px 0 0 420px;
	list-style: none;
}
div#footer .banner li {
	display: inline;
	height: 38px;
	color: #ffffff;
	font: 17px/38px MetaCondMediumRoman, Arial, Sans-serif;
	margin: 0 13px 0 0;
}
div#footer .banner li a{
	color: #ffffff;
	text-decoration: none;
}
div#footer .banner li span{padding: 0 10px 0 0;}
div#footer .foot {
	height: 73px;
	background: #fff url("../../images/footer_bg.png") no-repeat 0 0;
	margin: 0;
	list-style: none;
	width: 818px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 150px;
	
}
div#footer .foot li {
	float: left;
	margin: 0 7px 0 0;
	line-height: 43px;
	text-align:right;
	padding-top:14px;
}
div#footer .foot li a{
	color: #454545;
	text-decoration: none;
	margin: 0 0 0 7px;
	font-size:18px;
	font-weight:bold;
}
div#footer .foot li a:hover {color: #c40538;}
/* /Footer  */

.radio{
	float: left;
	width: 16px;
	height: 16px;
	margin: 10px 14px 0 10px;
	background: url('../../images/submenu1.png') bottom;
}

.radio-checked{
	background-position: top;
}

.checkbox{
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 14px 0 13px;
    background: url('../../images/submenu1.png') bottom;
}
.checkbox-checked{
    background-position: top;
}
