/****CSS GLOBAL***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	background: #17143a;	
}
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
}
a {
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 29px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
}
.text-shadow {
	text-shadow: #000 1px 1px 2px;	
}
strong {
	font-weight: bold;	
}
.clear {
	clear: both;	
}
.white {
	color: #fff;	
}
.blue {
	color: #272261;	
}
.light-blue {
	color: #c3cfff;
}
.blue-bg {
	background: #272261;	
	color: #fff;
	padding: 10px;
	margin: 15px 0;
}
.light-blue-bg {
	background: #c3cfff;
	color: #272261;	
	padding: 10px;
	margin: 15px 0;
}
.light-blue-gradient {
	background: #c3cfff;
	background: -moz-linear-gradient(top,  #c3cfff 0%, #99a5d5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3cfff), color-stop(100%,#99a5d5));
	background: -webkit-linear-gradient(top,  #c3cfff 0%,#99a5d5 100%);
	background: -o-linear-gradient(top,  #c3cfff 0%,#99a5d5 100%);
	background: -ms-linear-gradient(top,  #c3cfff 0%,#99a5d5 100%); 
	background: linear-gradient(to bottom,  #c3cfff 0%,#99a5d5 100%);
}
.black-gradient {
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -o-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#333333 100%); 
	background: linear-gradient(to bottom,  #000000 0%,#333333 100%);
	
}
.blue-gradient {
	background: #5e6194;
	background: -moz-linear-gradient(top,  #5e6194 0%, #1a1742 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e6194), color-stop(100%,#1a1742));
	background: -webkit-linear-gradient(top,  #5e6194 0%,#1a1742 100%);
	background: -o-linear-gradient(top,  #5e6194 0%,#1a1742 100%);
	background: -ms-linear-gradient(top,  #5e6194 0%,#1a1742 100%); 
	background: linear-gradient(to bottom,  #5e6194 0%,#1a1742 100%);
}
.blue-button {
   border-top: 2px solid #383773;
   background: #2c276b;
   background: -webkit-gradient(linear, left top, left bottom, from(#5e6194), to(#1a1742));
   background: -webkit-linear-gradient(top, #5e6194, #1a1742);
   background: -moz-linear-gradient(top, #5e6194, #1a1742);
   background: -ms-linear-gradient(top, #5e6194, #1a1742);
   background: -o-linear-gradient(top, #5e6194, #1a1742);
   padding: 20px 80px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-weight: bold;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   text-shadow: #000 1px 1px 2px;
   text-decoration: none;
   vertical-align: middle;
   display: inline-block;
   }
.blue-button:hover {
   border-top-color: #1a1742;
   background: #1a1742;
   color: #ffffff;
   }
.blue-button:active {
   border-top-color: #1a1742;
   background: #1a1742;
   }
.margin-top {
	margin-top: 10px;	
}
.margin-right {
	margin-right: 10px;
}
.margin-bottom {
	margin-bottom: 10px;	
}
.margin-left {
	margin-left: 10px;	
}
.left {
	float: left;
}
.right {
	float: right;	
}
.rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ie-border-radius: 10px;
}
.top-left-rounded {
	-moz-border-radius-topleft: 10px;
	-o-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-ie-border-radius-topleft: 10px;
}
.top-right-rounded {
	-moz-border-radius-topright: 10px;
	-o-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-ie-border-radius-topright: 10px;
}
.bottom-right-rounded {
	-moz-border-radius-bottomright: 10px;
	-o-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-ie-border-radius-bottomright: 10px;
}
.bottom-left-rounded {
	-moz-border-radius-bottomleft: 10px;
	-o-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-ie-border-radius-bottomleft: 10px;
}
.main-content-wrapper {
	background: #272261;
}
.picture-box-wrapper {
	width: 720px;
	float: right;
}
.picture-box-inner {
	width: 720px;
	float: right;
}
.home {
	background: #222 url(../images/main-content/engineer2-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.history {
	background: #222 url(../images/main-content/home-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.engine {
	background: #222 url(../images/main-content/engine-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.engineering {
	background: #222 url(../images/main-content/general-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.rolling {
	background: #222 url(../images/main-content/rolling-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.find {
	background: #222 url(../images/main-content/find-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.parts {
	background: #222 url(../images/main-content/parts-counter.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.contact {
	background: #222 url(../images/main-content/contact-featured-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 327px;
	margin: 0 auto;
}
.centered {
	text-align: center;
	margin: 0 auto;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
.image {
	border: 10px solid #99a5d5;
	margin-bottom: 15px;
}
.shadow {
   -moz-box-shadow: inset 0 0 10px #000000;
   -o-box-shadow: inset 0 0 10px #000000;
   -ms-box-shadow: inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow: inset 0 0 10px #000000;
}
.italic {
	font-style: italic;
}
#header-wrapper {
	background: url(../images/header/header-bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 109px;
}
#header-inner {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
}
.phone-box {
	width: 340px;
	font-size: 20px;
	padding: 0;
	margin-top: 16px;
	letter-spacing: -1px;
}
.phone {
	background: url(../images/header/phone-icon.png);
	font-size: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 20px;
}
.logo {
	width: 380px;	
}
.social-box {
	width: 240px;	
}
.social-box div a {
	display: inline-block;
	padding: 11px;
	float: right;
}
.social-box div a:hover {
	background: #272261;		
}
.main-content-wrapper {
	width: 100%;
	z-index: 99;
	border-top: 1px solid #161434;
	border-bottom: 1px solid #161434;
}
.main-content-inner {
	width: 960px;
	padding: 20px 10px;
	margin: 0 auto;
	z-index: 99;
}
#menu-header {
	margin: 0;
	width: 170px;
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #272261;	
}
#menu {
	width: 200px;
	background: #161434;
	padding: 15px 5px 5px 5px;
	z-index: 100;
	border: 2px solid #99a5d5;
	border-top: none;
	margin-top: -21px;
}
ul.topnav {
	list-style: none;
	margin: 0;
	font-size: 16px;
	color: #fff;
	line-height: 18px;
}
ul.topnav li {
	margin: 0;	
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	border-top: 1px solid #373086; /*--Create bevel effect--*/
	border-bottom: 1px solid #06050e; /*--Create bevel effect--*/
}
ul.topnav li.first {
	border-top: none; /*--Create bevel effect--*/
	border-bottom: 1px solid #110e29; /*--Create bevel effect--*/
}
ul.topnav li.last {
	border-top: 1px solid #373086; /*--Create bevel effect--*/
	border-bottom: none; /*--Create bevel effect--*/
}
ul.topnav li a{
	padding: 5px 5px 5px 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-shadow: #000 1px 1px 2px;
}
ul.topnav li a:hover{
	background: url(../images/menu/sub_hover.png) no-repeat 5px center;
	background-color: #342d7f;
	display: block;
	color: #fff;
	text-shadow: none;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 25px;
	height: 35px;
	float: left;
	background: url(../images/menu/topnav_hover.png) no-repeat center;
}
ul.topnav li span.subhover { background: url(../images/menu/topnav_hover_over.png) no-repeat; background-position: center; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #272261;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 300px;
	font-size: 20px;
	z-index: 99999;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #373086; /*--Create bevel effect--*/
	border-bottom: 1px solid #110e29; /*--Create bevel effect--*/
	clear: both;
	width: 300px;
}
ul.topnav li ul.subnav li:hover { /*--Hover effect for subnav links--*/
	background: #99a5d5 url(dropdown_linkbg.gif) no-repeat 10px center; 
	color: #000;
	width: 100%;
}
ul.topnav li ul.subnav li a {
	float: left;
	background: #000000;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -o-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#333333 100%); 
	background: linear-gradient(to bottom,  #000000 0%,#333333 100%);
	padding-left: 30px;
	width: 265px;
}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #272261 url(../images/menu/sub_hover.png) no-repeat left center;
	color: #fff;
}
.page-header {
	background: #161434;	
	width: 100%;
	border-top: 1px solid #242154;
	border-bottom: 1px solid #0d0c1e;
}
.page-header-inner {
	width: 960px;
	background: url(../images/fer-logo.png) no-repeat right center;
	padding: 20px 10px;
	margin: 0 auto;
}
.page-header-inner h1 {
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	letter-spacing: -1px;
	font-weight: bold;
}
.main-content-lower-wrapper {
	background: #fff;
	width: 100%;	
}
.main-content-lower-inner {
	width: 960px;
	padding: 30px 10px;
	margin: 0 auto;
}
.left-list {
	width: 590px;
}
.right-column {
	width: 350px;
}
.main-content-lower-inner ul {
	list-style: square;
	padding: 0 20px;
}
.main-content-lower-inner ul li {
	margin: 8px 0;
	line-height: 20px;
}
.box-images {
	margin: 30px 0 0 0;	
}
figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }
.book-a-service-wrapper {
	background: #99a5d5;
	width: 100%;
	padding: 30px 0;
}
.book-a-service-inner {
	background: url(../images/book-a-service-bg.png) no-repeat;
	width: 980px;
	padding: 0;
	height: 150px;
	margin: 0 auto;
	text-align: center;
}
.book-a-service-inner h2 {
	font-family: 'Monda', sans-serif;
	font-size: 26px;
	margin-bottom: 40px;
	letter-spacing: -1px;
}
.fer {
	background: url(../images/fer-logo.png) right;
	width: 96px;
	height: 96px;
}
#footer-wrapper {
	width: 100%;
	background: #272261;
}
#footer-inner {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	color: #fff;	
}
#footer-bottom {
	width: 100%;
	background: #17143a;
}
#footer-bottom-inner {
	width: 960px;
	padding: 20px 10px;
	color: #fff;
	margin: 0 auto;
	font-size: 12px;
}
#footer-bottom-inner a {
	color: #fff;
}
#footer-bottom-inner a:hover {
	color: #99a5d5;
}

/* Back to top button */

.back-to-top {
	width: 200px;	
}
#back-top {
	position: fixed;
	bottom: 280px;
	margin-left: 990px;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/transparents/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #888;
}
hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
}
#contact { 
	display: block; 
	width: 550px; 
	background-color: #444; 
	margin-right: 0px auto; 
	border: 1px solid #333; 
	padding: 25px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}
/* Form style */
label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 52px; 
	width: 155px; 
	font-size: 16px; 
}
input, textarea, select { 
	margin: 0; 
	padding: 8px; 
	color: #333; 
	background: #eee; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font-size: 16px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}
input:focus, textarea:focus, select:focus { 
	border: 1px solid #777; 
	background-color: #fff; 
	color:#333; 
}
input.submit { 
	cursor: pointer; 
    background: #2c276b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e6194), to(#1a1742));
    background: -webkit-linear-gradient(top, #5e6194, #1a1742);
    background: -moz-linear-gradient(top, #5e6194, #1a1742);
    background: -ms-linear-gradient(top, #5e6194, #1a1742);
    background: -o-linear-gradient(top, #5e6194, #1a1742);
    padding: 15px 60px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    margin-left: 155px;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: #000 1px 1px 2px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
}
input.submit:hover { 
	background: #282561;
	color: #fff;
}
input.reset { 
	cursor: pointer; 
	border: 1px solid #555; 
	background: #444;
	color:#bbb; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}
input.reset:hover { 
	background: #b1d000;
	color: #000;
}
fieldset { 
	padding:20px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px;
}
legend { 
	padding:7px 10px; 
	font-weight:bold; 
	color:#666; 
	border:1px solid #eee; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
}
.red {
	color: #e52727;
}
}
.required { 
	font-size: 12px; 
	color: #e52727;
} /* Select the colour of the * if the field is required. */

/* Style for the error message */
.error_message { 
	display: block; 
	height: 22px; 
	line-height: 22px; 
	background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	margin: 10px 0; 
	color: #e52727;
	border: 1px solid #FBC2C4; 
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}
#success_page h2 { 
	padding: 20px 0;
	color: #161434;
}
.like-button {
	float: right;
	margin: 21px 0 0 0;
}