@import"../css/reset.css";@import"../css/skeleton.css";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

body{
	position:relative;
	background:#ffffff;
	color:#666;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:18px;
	margin-top:10px; }

a {color:#333; }
a:hover {color:#660033;}

h1,h2 {
	color:#333;
	font-weight:300;}
h3,h4 {
	font-weight:400;}

h1 {
	font-size:24px;
	line-height:25px;}
h2 {
	font-size:20px;
	line-height:24px;}
h3 {
	font-size:18px;
	line-height:20px;}
h4 {
	font-size:16px;
	line-height:18px;}

hr {
	border:none;
	border-top:#CCC 1px solid;}

.white {
	color:#FFF;}
.blue {
	color:#013162;}
.blue b {
	color:#666;}

p, .p {padding-bottom:5px;}
.p1 {padding-bottom:10px;}
.p2 {padding-bottom:15px;}
.p3 {padding-bottom:20px;}
.p4 {padding-bottom:25px;}
.p5 {padding-bottom:50px;}

ul.list1,
ul.list2 {
	list-style:disc; 
	margin-left:15px;
	text-align:left; }
ul.list2 li {
	margin-bottom:30px; }

.aleft {text-align:left;}
.acenter {text-align:center;}
.ajustify {text-align:justify;}
.aright {text-align:right;}
.pleft {float:left;}
.pright {float:right;}

#langMenu a {
	text-decoration:none;}

#mainMenu {
	color:#666;
	background-color:#fff;
	text-align:center;}
#mainMenu div {
	padding-left:70px;
	padding-right:65px;}
#mainMenu a {
	display:block;
	float:left;
	text-align:center;
	font-size:16px; line-height:22px;
	color:#333;
	text-decoration:none;
	padding:15px;
	margin:15px 38px 0px 38px;}
#mainMenu a:hover,
#mainMenu a.current {
	color:#fff;
	background-color:#840265; }

#hero {
	position:relative;
	width: 100%;
	height:410px;
	overflow:hidden; }
#hero #heroContent {
	position:absolute;
	z-index:10;
	width: 1475px;
	height:410px;
	left:50%;
	top:0px;
	margin-left:-737px;}
#hero .slide img {
	width:1475px;
	height:410px;
	display:block;}
#hero2 {
	position:relative;
	width: 100%;
	height:2px;
	overflow:hidden; }
#hero2 #heroContent {
	position:absolute;
	z-index:10;
	width: 1475px;
	height:1px;
	left:50%;
	top:0px;
	margin-left:-737px;}

/* Control Nav */
.slidesjs-pagination {position: relative; width:340px; margin:auto; z-index:1099; overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.slidesjs-pagination li {font-size:0px;line-height:0;margin:6px 3px 0px 3px; display:block; float:left; text-indent:-5000px;}
.slidesjs-pagination li a {height:13px;width:13px; background:url(../img/pagination.png) -13px 0 no-repeat;display:block;}
.slidesjs-pagination li.current a,
.slidesjs-pagination li a:hover  {background:url(../img/pagination.png) -26px 0 no-repeat;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a.active:hover {background:url(../img/pagination.png) 0 0 no-repeat;}

img.fit {
	max-width:100%; }

.boxed {
	margin-bottom:10px; }
.boxed a {
	display:block;
	text-decoration:none;
	height:200px;
	box-shadow: 0px 0px 5px #888888;
	padding:15px; }
.boxed a:hover {
	color:#333;
	box-shadow: 0px 0px 5px #660033; }
.boxed p img {
	width:100%; }

.boxed2 {
	margin-bottom:20px; }
.boxed2 a {
	display:block;
	text-decoration:none;
	border:10px #d8d9da solid; }
.boxed2 a img {
	width:100%; }
.boxed2 a div {
	position:relative;
	height:35px;
	margin-top:-35px;
	text-align:center;
	background-image:url(../img/background_boxed2div.png);
	color:#FFF;	}
.boxed2 a div span{
	font-size:18px;
	line-height:35px;
	text-transform:uppercase; }

img.people {
	margin-right:5px; }

#content {
	padding-bottom:75px; }

#footer {
	position:fixed;
	width:100%;
	z-index:100;
	bottom:0px;
	height:32px;
	background-color:#840265;
	color: #FFF;
	padding-top:10px; padding-bottom:10px; }
#footer p {
	padding:0px; 
	line-height:16px; }
#footer a {
	text-decoration:none;
	color: #fff; }
#footer a:hover {
	text-decoration:underline;
	color: #fff; }


@media only screen and (max-width: 995px) {
	#mainMenu div {
		padding-left:48px;
		padding-right:45px;}
	#mainMenu a {
		margin:15px 24px 0px 24px;}

	#hero {
		height:320px;}
	#hero #heroContent {
		width: 1150px;
		height:320px;
		margin-left:-575px;}
	#hero .slide img {
		width:1150px;
		height:320px;}
	#hero2 #heroContent {
		width: 1150px;
		margin-left:-575px;}

}