html,body{
	background: #fefefe;
	margin: 0 auto;
	padding: 0 auto;
	border : 0px;
	height: 100%;
	background: url(../images/design/body-bg.png) repeat left top;
	font-family: Tahoma, sans-serif;
	font-size: 12pt;
	color: rgb(112,112,112);
}
#global{
	width: 1024px;
	background-color: #fff;
	min-height:100%;
	position:relative;
	margin: 0 auto; 
}
header{
	position: fixed;
	background-color: #fff;
	width: 1024px;
	height: 220px;
	margin: 0 auto;
	top : 0px;
	z-index: 9999;
}
#logo{ 
	width: 1024px;
	height: 136px;
	margin: 0 auto;
	font-size: 9pt;
	font-family: 'Muli', sans-serif;
}

#contact-logo{
	position: relative;
	width: 180px;
	height: 110px;
	margin-right: 63px;
	margin-top: 15px;
	padding : 5px;
	float: right;
	border: 1px solid #edebeb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#social-network{
	position: relative;
	width: 168px;
	height: 35px;
	margin-top: 15px;
	margin-right: 50px;
	float: right;
	z-index: 999;
}

#menu-top{
	top: 0px;
	width : 1024px;
	height: 25px; 
	display: block;
	background :url(../images/design/footer.png);
	color: #eeeeee;  
	z-index: 999;
}
#menu-top ul{
	width : 100%;
	height: 25px;
	margin : 0 auto;
	text-align: center;
}
#menu-top ul li:first-child{
	border-left: 1px solid #11809d;
	padding-left : 5px;
}
#menu-top ul li{
	display : inline; 
	list-style-type: none;
	padding-right: 5px;
	border-right: 1px solid #11809d; 
}
#menu-top ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 10pt;
}
#menu-top ul li a:hover{
	text-decoration:underline;
}

#corps{
	display: block;
	position: relative;
	width: 1024px;
	height: auto;
	padding-bottom: 200px;
	padding-top: 210px;
	margin-left: 70px;
}
#corps a{
	text-decoration: none;
	color: #39799c;
}
#corps a:hover{
	color: #0e5a6e;
}
#content{
	width: 538px;
	display: box;
	float: left;
	background-color: white;
	height: 100%;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
	padding: 0px 30px 30px 30px;
	font-size: 10pt;
	text-align: justify;
	border: 1px solid #edebeb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
#content h1{
	font-family: 'Muli', sans-serif;
	font-size : 24pt;
	font-weight: 700;
	margin-left: 15px;
	text-align: left;
	color : #11809d;
}
.box-content:first-child{
	margin-left : -70px;
}
.box-content{
	position: relative;
	left: 15px;
	width: 220px;
	height: 100%;
	margin-top: 20px;
	padding-left : 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	float: left;
	display: box;
	background-color: white;
	font-size: 10pt;
	text-align: justify;
	border: 1px solid #edebeb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.box-content ul{
	margin-left: -30px;
}
.box-content ul li{
	list-style-type: none;
}
.box-content h2{
	font-family: 'Muli', sans-serif;
	font-size : 13pt;
	font-weight: 600;
	text-align: left;
	color : #11809d;
}
.box-content strong{
	font-size : 10pt;
	font-style: bold;
	color : #11809d;
}
.big-box{
	float: left;
	display: box;
	margin-top: 20px;
	margin-right: 50px;
	background-color : white;
	width: 515px;
	height: 252px;
	padding-left : 30px;
	padding-right: 30px;
	font-size: 10pt;
	text-align: justify;
	border: 1px solid #edebeb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.big-box h1{
	margin-left: 15px;
	text-align: left;
	color : #5a676f;
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size : 18pt;
}
.big-box strong{
	font-size : 28pt;
	font-style: bold;
	color : #11809d;
}
.box{
	position: relative;
	float: left;
	width: 242px;
	margin-top: 20px;
	margin-right: 50px;
	background-color : white;
	height: 252px;
	padding-left : 10px;
	padding-right: 10px;
	font-size: 10pt;
	text-align: justify;
	border: 1px solid #edebeb;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.box h2{
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size : 13pt;
	color : #11809d;
}
.box img{
	padding-left: 50px;
}
.box strong{
	font-size : 10pt;
	font-style: bold;
	color : #11809d;
}
.clear{
	clear: both;
}
footer{
	position: absolute;
	bottom: 0;
	width: 1024px;
	height: 154px;
	background :url(../images/design/footer.png);
	margin: 0 auto;
}
.small-box{
	position: relative;
	float: left;
	margin-left: 50px;
	color: white;
}
.small-box ul{
	float: left;
	margin-top: -10px;
	margin-right: 20px;
}
.small-box ul li{
	list-style-type: none;
	margin-left: -40px;
}
.small-box a{
	color: white;
	font-size: 10pt;
	text-decoration: none;
}
.small-box h3{
	font-family: 'Muli', sans-serif;
	font-size: 10pt;
	font-style: bold;
}
.sage_footer{
	height: 154px;
}

/* ===== Error pages  ===== */

.errorPage { width: 370px; margin: 100px auto 80px auto; position: relative; }
.errorPage .errorTitle, .weAreOff { background: url(../images/design/linesSep.png) repeat-x 0 100%; width: 290px; padding-bottom: 15px; }
.weAreOff { width: 100% }
.errorPage h1 { color: #404040; font-size: 140px; margin: 80px 0; position: relative; padding-left: 10px; }
.errorPage h2 { font-size: 22px; font-weight: normal;  }
.errorPage h2 span { background: url(../images/design/sadEmo.png) no-repeat 0; padding-left: 26px; }
.errorPage .bubbles { position: absolute; background: url(../images/design/error.png) no-repeat 0 0; width: 138px; height: 133px; top: -10px; left: 225px; }
.errorPage p { width: 100%; padding: 13px 0; background: url(../images/design/linesSep.png) repeat-x 0 0; font-size: 20px; text-align: center; }
.backToDash { text-align: center; margin: 10px; }
.button { font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 5px 14px 6px 14px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.seaBtn { background: url(../images/design/seaBtn.png) repeat-x 0 0; border: 1px solid #306873; color: #fff; }
.seaBtn:hover { background-position: 0 -25px; }
.seaBtn:active { background-position: 0 -50px; }

/* ===== Pagination ===== */
.pagination { margin: auto; width: 900px; text-align: center; margin-top: 80px; }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline; margin: 0 2px; }
#content .pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; background: url(../images/design/pagination.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px; }
#content .pages li a:hover { background: #efefef; }
#content .pages li .active { background-position: 0 -26px; color: #fff; border-color: #687282; }
#content .pages li .active:hover { background: #687282; }

/* ===== Form ===== */
.inputRow {
	float : left;
	padding: 10px 0px 5px 5px;
	position: relative;
	clear: both; 
	width:100%;
}
.inputRow label{
	display: inline;
	padding: 5px 10px;
	width: 100px;
	float: left;
}
.inputRow:first-child { 
	border-top: none; 
}
.textForm{
	width: 97%;
	height: 100px;
	padding: 0px 4px;
	border: 1px solid #d5d5d5;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.inputForm{ 
	position: relative;
	float: left;
	background: #fff;
	width: 134px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.submitForm {
	margin-right : 25px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif; 
	background: url(../images/design/greyishBtn.png) repeat-x 0 0; 
	border: 1px solid #4f5a68; 
	color: #fff;
}
.submitForm:hover { background-position: 0 -25px; }
.submitForm:active { background-position: 0 -50px; }
.submitFormCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 8px 22px;
	background: -moz-linear-gradient(
		top,
		#bfc4c7 0%,
		#465361);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#bfc4c7),
		to(#465361));
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #818b96;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(0,0,0,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}