/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #646464;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #8f8f8f;
}

p {
	color: #333;
}

img {
	border: 0px;
}

/* =Links
-----------------------------------------------------------------------------*/

a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-weight:500;
	outline: none;
	color: #06C;
}



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

.units-container {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.box {
	margin: 0px;
	height:230px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #eeeeee;	
}

.box p {
	margin: 0px;	
}

.spacer {
	padding: 30px 0px 30px 0px;
	margin-bottom: 0px;
}

.toright {
	text-align: right;
}

.blocks-2 {
	margin-bottom: 0px;	
}



/* =Header
-----------------------------------------------------------------------------*/

.header {
	min-height: 126px;
	background-image: url(../img/border.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#site-logo {
	margin-top: 47px;
}

.floatleft {
	float: left;	
}

.floatright {
	float: right;
}


/* =Nav
-----------------------------------------------------------------------------*/

.nav-menu {
	margin: 0px;
	padding-bottom: 37px;
}

.nav-menu ul {
	margin-top: 50px;
	list-style: none;
	padding: 0px;
}

.nav-menu ul li {
	display: inline-block;
	padding-left: 20px;
}

.nav-menu ul li a {
	color: #06C;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 51px;
	border-bottom: 11px none;
}

.nav-menu ul li a:hover {
	color:  #990000;
	text-decoration: none;
	border-bottom: 11px solid #990000;
}


/* =Misc
-----------------------------------------------------------------------------*/

.twitter-icon {
	padding: 2px 6px;
	background-color: #44B6EF;
	color: white;
	margin-right: 10px;
}

.fb-icon {
	padding: 2px 6px;
	background-color: #3B5D95;
	color: white;
	margin-right: 10px;
}

.gplus-icon {
	padding: 2px 6px;
	background-color: #CF5D45;
	color: white;
	margin-right: 10px;
}

.custom-button {
	color: #fff;
	display: block;
	background-image: url(../img/link-icon.png);
	background-repeat: no-repeat;
	background-position: 335px 20px;
	background-color: #06C;
	line-height: 70px;
	text-indent: 30px;
	text-decoration: none;
	font-weight: bold;
}

.custom-button:hover {
	color: #fff;
	background-color: #990000;
	text-decoration: none;
}

.flex-container {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.flexslider {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	box-shadow: none !important;
}

.slides {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.motion {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes mlogo {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes mlogo {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.mlogo {
  -webkit-animation-name: mlogo;
  animation-name: mlogo;
}

@-webkit-keyframes mmenu {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes mmenu {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes mmenu {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.mmenu {
  -webkit-animation-name: mmenu;
  animation-name: mmenu;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes mpage {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes mpage {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.mpage {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: mpage;
  animation-name: mpage;
}



/* =Footer
-----------------------------------------------------------------------------*/

.bottombg {
	background-color: #eeeeee;
	margin-top: 30px;
}