/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:none;
}
html, body {
	color:#333
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
	display: block;
}
a:link, a:visited {
	text-decoration:none
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}
ul {
	margin:0	
}
li {
	/*
  For IE6 + IE7.
*/
	list-style:none;
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9.
*/
	overflow: hidden;
}

/* Fonts
----------------------------------------------------------------------------------------------------*/

body {
    font-family: 'Lato', sans-serif;
    font-size:15px;
    font-weight:400;
    color:#4D4D4D;
}

h1,
h2,
h3,
h4 {
    color:#000000;
    font-weight:900;
}

h1 {
    font-size:36px;
    line-height:36px;
    margin-bottom:25px;
}

h2 {
    font-size:24px;
    margin-bottom:25px;
}

h3 {
    font-size:15px;
}

p {
	line-height:22px;
	margin-bottom:20px	
}

p a {
    color:#4d4d4d;
    text-decoration: underline !important;
}

/* FONT OPTIONS */

.font-yellow {
    color:#FDCA3F;
}

/* Main Layout
----------------------------------------------------------------------------------------------------*/
body {
    background-color:#FDCA3F;
    height:100%; /* Mobile Issues */
}

.container, .content {
	position:relative;
	display:block;
	min-width:960px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.container:after,
.content:after {
	display:block;
	content: " ";
	clear: both;
	height:0;
	width:100%;
	*zoom: 1;
}

.container {
    background-color:#ffffff;
	width:100%;
    z-index:7;
    padding-top:80px;
}

.content {
	margin:0 auto;
	width:960px;
    padding:0 10px;
}

.left-column,
.right-column {
    position:relative;
    display:block;
    width:50%;
    float:left;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/* HEADER
----------------------------------------------------------------------------------------------------*/

#header {
    position:fixed;
    top:0;
    left:0;
    height:70px;
    padding:0;
    background-color:#FDCA3F;
    z-index:10;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

#header #logo {
    display:block;
    float:left;
    width:260px;
    height:100px;
    background: url(../images/logo-header-petrotraders-lrg-v2.png) no-repeat center center;
    background-color: #ffffff;
    -webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

#header.minlogo #logo {
    height:70px;
    background: url(../images/logo-header-petrotraders-sml.png) no-repeat center center;
    background-color: transparent;
}

ul#header-navigation {
    margin-left:-1px;
}

ul#header-navigation,
ul#header-navigation li {
    float:left;
}

ul#header-navigation li {
    border-right:1px solid #ffffff;   
}

ul#header-navigation li:first-child {
    border-left:1px solid #ffffff;   
}

ul#header-navigation li a {
    display:block;
    height:70px;
    line-height:70px;
    font-size:15px;
    font-weight:700;
    padding:0 20px;
    color:#000000;
    background-color:#FDCA3F;
    -webkit-transition: background-color 200ms;
	-moz-transition: background-color 200ms;
	transition: background-color 200ms;
}

ul#header-navigation li a.active,
ul#header-navigation li a:hover {
    background-color:#4D4D4D;
    color:#ffffff;
}

/* HOME
----------------------------------------------------------------------------------------------------*/

#home {
    position:fixed;
    top:0;
    left:0;
    height:100%;
    background:url(../images/bg-home.jpg) no-repeat center top;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    overflow:hidden;
}

#home .content {
    display:table;
    height:100%;
}

#home h1 {
    display:table-cell;
    text-align:center;
    color:#FDCA3F;
    width:100%;
    vertical-align:middle;
}


/* OVERVIEW
----------------------------------------------------------------------------------------------------*/

#overview:before {
    content: "";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:50%;
    height:100%;
    background:url(../images/img-company-overview.jpg) no-repeat center center;
    background-size:cover;
}

#overview .left-column,
#overview .right-column {
    min-height:100px;
    padding:0 30px 35px;
}

/* LEFT COLUMN */
#overview .left-column {
    text-align: center;
}

#overview .left-column h1 {
    font-weight:900;
    color:#ffffff;
}

/* RIGHT COLUMN */
#overview .right-column h2 {
    color:#FDCA3F;
    margin-bottom:5px;
}

/* VALUES
----------------------------------------------------------------------------------------------------*/

#values {
    background: url(../images/bg-pattern.png) center center;
    padding-bottom:75px;
}

#values h1 {
    margin-bottom:50px;
    text-align:center;
}


/* PARTNERS
----------------------------------------------------------------------------------------------------*/

#partners-container {
    height:810px;
    padding:0;
}

#partners {
    height:810px;
    background: url(../images/bg-partners.jpg) no-repeat center top;
    background-size:cover;
    padding-top:50px;
    padding-bottom:60px;
    overflow:hidden;
}

#partners.stick {
    position:fixed;
    top:70px;
    width:100%;
    z-index:15;
    /*
    overflow-y:scroll;
    padding-right:20px;
    -moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
    */
}

#partners .content {
    height:700px;
    background: url(../images/bg-partners-location.png) no-repeat center left;
}

#partners .left-column,
#partners .right-column {
    padding-top:130px;
}

/* LEFT COLUMN */
#partners .left-column .locations,
#partners .left-column .locations:before,
#partners .left-column .locations:after {
    position:absolute;
    display:block;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#partners .left-column .locations:before,
#partners .left-column .locations:after {
    top:0px;
    left:0px;
}

#partners .left-column .locations {
    color:#ffffff;
    text-align: center;
    font-size:12px;
    font-weight:700;
    z-index:5;
}

#partners .left-column .locations:before {
    content:"";
    opacity:0;
    -webkit-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
    box-shadow: 0 0 5px rgba(255,255,255,1);
    animation-duration: 10s;
    animation-iteration-count:infinite;
}

#partners .left-column .locations:after {
    content:"";
    border:3px solid #FDCA3F;
}

@keyframes pulse-singapore {
    0%   {transform: scale(1); opacity:0;}
    5%   {opacity:1;}
    10%  {transform: scale(2); opacity:0;}
    100% {}
}

#partners .left-column #singapore {
    top:395px;
    left:170px;
    width:90px;
    height:90px;
    line-height:90px;
    -webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
}

#partners .left-column #singapore:before,
#partners .left-column #singapore:after {
    width:90px;
    height:90px;
    -webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
}

#partners .left-column #singapore:before {
    animation-name:pulse-singapore;
}

@keyframes pulse-indonesia {
    0%   {}
    20%  {transform: scale(1); opacity:0;}
    25%  {opacity:1;}
    30%  {transform: scale(2); opacity:0;}
    100% {}
}

#partners .left-column #indonesia {
    top:490px;
    left:210px;
    width:112px;
    height:112px;
    line-height:112px;
    -webkit-border-radius:56px;
	-moz-border-radius:56px;
	border-radius:56px;
}

#partners .left-column #indonesia:before,
#partners .left-column #indonesia:after {
    width:112px;
    height:112px;
    -webkit-border-radius:56px;
	-moz-border-radius:56px;
	border-radius:56px;
}

#partners .left-column #indonesia:before {
    animation-name:pulse-indonesia;
}

@keyframes pulse-malaysia {
    0%   {}
    40%  {transform: scale(1); opacity:0;}
    45%  {opacity:1;}
    50%  {transform: scale(2); opacity:0;}
    100% {}
}

#partners .left-column #malaysia {
    top:325px;
    left:250px;
    width:84px;
    height:84px;
    line-height:84px;
    -webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
}

#partners .left-column #malaysia:before,
#partners .left-column #malaysia:after {
    width:84px;
    height:84px;
    -webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
}

#partners .left-column #malaysia:before {
    animation-name:pulse-malaysia ;
}

@keyframes pulse-thailand {
    0%   {}
    60%  {transform: scale(1); opacity:0;}
    65%  {opacity:1;}
    70%  {transform: scale(2); opacity:0;}
    100% {}
}

#partners .left-column #thailand {
    top:240px;
    left:215px;
    width:80px;
    height:80px;
    line-height:80px;
    -webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
}

#partners .left-column #thailand:before,
#partners .left-column #thailand:after {
    width:80px;
    height:80px;
    -webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
}

#partners .left-column #thailand:before {
    animation-name: pulse-thailand;
}

@keyframes pulse-vietnam {
    0%   {}
    80%  {transform: scale(1); opacity:0;}
    85%  {opacity:1;}
    90%  {transform: scale(2); opacity:0;}
    100% {}
}

#partners .left-column #vietnam {
    top:315px;
    left:170px;
    width:64px;
    height:64px;
    font-size:10px;
    line-height:60px;
    -webkit-border-radius:32px;
	-moz-border-radius:32px;
	border-radius:32px;
}

#partners .left-column #vietnam:before,
#partners .left-column #vietnam:after {
    width:64px;
    height:64px;
    -webkit-border-radius:32px;
	-moz-border-radius:32px;
	border-radius:32px;
}

#partners .left-column #vietnam:before {
    animation-name: pulse-vietnam;
}

/* RIGHT COLUMN */
#partners .right-column {
    text-align: center;
}

#partners .right-column img {
    margin-bottom:25px;
}

#partners .right-column h1,
#partners .right-column p {
    display:inline-block;
    width:290px;
    color:#ffffff;
}

#partners .right-column h1 {
    display:inline-block;
    line-height:45px;
    padding-bottom:20px;
    margin-bottom:30px;
    border-bottom:1px solid #FDCA3F;
}

/* SERVICES
----------------------------------------------------------------------------------------------------*/

#services {
    text-align:center;
}

#services .left-column,
#services .right-column {
    margin:20px 0 45px;
    width:49%;
    height:230px;
    padding:30px 0 0;
    text-align: center;
    border:2px solid #FDCA3F;
}

#services .left-column img,
#services .right-column img {
    margin-bottom:25px;   
}

#services .right-column {
    float:right;
}

#services .images .background-holder {
    display:block;
    width:33.3333333%;
    height:250px;
    float:left;
    overflow:hidden;
}

#services .images .background-holder:first-child {
    background: url(../images/bg-services-1.jpg) no-repeat center center;
    background-size:cover;
}

#services .images .background-holder:nth-child(2) {
    background: url(../images/bg-services-2.jpg) no-repeat center center;
    background-size:cover;
}

#services .images .background-holder:last-child {
    background: url(../images/bg-services-3.jpg) no-repeat center center;
    background-size:cover;
}

/* PROMISES
----------------------------------------------------------------------------------------------------*/

#promises {
    text-align: center;
    padding-bottom:120px;
}

#promises h1 {
    margin-bottom:40px;
}

/* DELIVER
----------------------------------------------------------------------------------------------------*/

#deliver {
    background: url(../images/bg-pattern-dark.png) center top;
    padding-bottom:80px;
}

/* LEFT COLUMN */
#deliver .left-column {
    float:left;
    width:160px;
    padding-right:40px;
}

#deliver .left-column h1 {
    margin-top:70px;
    color:#ffffff;
    line-height:44px;
    vertical-align:middle;
}

/* RIGHT COLUMN */
#deliver .right-column {
    width:780px;
}

/* CONTACT
----------------------------------------------------------------------------------------------------*/

#contact,
#map-canvas,
#contact .left-column {
    height:760px;
}

#contact {
    padding:0;
}

#contact .content {
    height:0;
}

#contact .left-column {
    position:absolute;
    top:0;
    left:10px;
    width:300px;
    padding:45px 18px;
    background-color:rgba(255,255,255,0.8);
    z-index:10;
}

#contact .left-column h3 {
    margin-bottom:5px;   
}


/* CONTENT - GENERAL
----------------------------------------------------------------------------------------------------*/

a.button,
a.webmail {
    display:inline-block;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    -webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

a.button {
    height:30px;
    line-height:30px;
    padding:0 12px;
    color:#000000;
    font-weight:900;
    background-color: #FDCA3F;
}

a.button:hover {
    color:#ffffff;
    background-color: #000000;
}

a.webmail {
    height:40px;
    font-size:18px;
    line-height:42px;
    padding:0 15px 0 45px;
    margin-bottom: 20px;
    color:#ffffff;
    font-weight:700;
    background: url(../images/icon-webmail.png) no-repeat center left;
    background-color: #666666;
}

a.webmail:hover {
    background-color: #333333;
}

a#back-top {
    position:fixed;
    bottom:135px;
    right:0;
    display:block;
    width:60px;
    height:60px;
    opacity:0;
    background: url(../images/icon-back-top.png) no-repeat center center;
    background-color: #FDCA3F;
    -webkit-border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
	border-radius:8px 0 0 8px;
    -webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
    z-index:100;
}

a#back-top:hover {
    background-color:#FCBE24;   
}

a#back-top.active {
    opacity:1;
}


/* LIST STYLE - FLOAT LIST */

ul.float-list li {
    float:left;
    text-align: center;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* LIST STYLE - FLOAT LIST - OVERVIEW */

ul.float-list.overview li {
    margin-bottom:20px;
    padding:0 10px;
}

ul.float-list.overview li img {
    margin-bottom:5px;
}

ul.float-list.overview li h3 {
    color:#FDCA3F;   
}

ul.float-list.overview li p {
    margin:0;
}
    
ul.float-list.overview li:nth-child(odd) {
    width:60%;   
}

ul.float-list.overview  li:nth-child(even) {
    width:40%;   
}

/* LIST STYLE - FLOAT LIST - VALUES */

ul.float-list.values li {
    display:block;
    width:170px;
    height:170px;
    padding:35px 0;
    margin:0 11px;
    border:2px solid #ffffff;
    background-color: #ffffff;
    -webkit-border-radius:85px;
	-moz-border-radius:85px;
	border-radius:85px;
    -webkit-transition: border-color 200ms;
	-moz-transition: border-color 200ms;
	transition: border-color 200ms;
}

ul.float-list.values li:hover {
    border-color:#4d4d4d;
}

ul.float-list.values li:first-child {
    margin-left:0;   
}

ul.float-list.values li:last-child {
    margin-right:0;   
}

ul.float-list.values li img {
    margin-bottom:10px;   
}

/* LIST STYLE - FLOAT LIST - PROMISES */

ul.float-list.promises li {
    width:220px;
    padding:25px 20px;
    margin-right:20px;
    background-color: #FDCA3F;
    min-height:440px;
}

ul.float-list.promises li:nth-child(4n) {
    margin:0;   
}

ul.float-list.promises li img,
ul.float-list.promises li h2 {
    margin-bottom:10px;   
}

/* LIST STYLE - FLOAT LIST - DELIVER */

ul.float-list.deliver {
    width:780px;
}

ul.float-list.deliver,
ul.float-list.deliver li {
    position:relative;
    display:block;
    height:270px;
}

ul.float-list.deliver li {
    width:110px;
    color:#ffffff;
    text-align: center;
}

ul.float-list.deliver li:before {
    content: "";
    display:block;
    position:absolute;
    background-color: #4d4d4d;
    width:14px;
    height:14px;
    top:46%;
    left:40%;
    border:4px solid #ffffff;
    -webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
    z-index:5;
}

ul.float-list.deliver li:after {
    content: "";
    display:block;
    position:absolute;
    width:100%;
    height:49%;
    top:0;
    left:0;
    border-bottom:4px solid #ffffff;
    z-index:4;
}

ul.float-list.deliver li:first-child:after {
    width:50%;
    left:50%;
}

ul.float-list.deliver li:last-child:after {
    width:50%;
}

ul.float-list.deliver li .icon-holder {
    position:absolute;
    left:-20px;
    display:block;
    width:150px;
}

ul.float-list.deliver li:nth-child(even) .icon-holder {
    bottom:0;
}

ul.float-list.deliver li .icon-holder img {
    display:block;
    margin:0 auto 8px;
}

/* LIST STYLE - CLEAR LIST */

ul li.clear-list {
	clear:both !important;
	float:none !important;
	width:100% !important;
	height:auto !important;
	padding:0 !important;
	margin:0 !important;
	border:none;
	background:none !important	
}

ul li.clear-list:before,
ul li.clear-list:after {
	display:none !important
}

/* FANCYBOX CSS OVERRIDE */

.fancybox-margin {
    margin-right: 15px !important;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading div {
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-nav {
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
}

.fancybox-overlay {
	background: url('../images/fancybox/fancybox_overlay.png');
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
	}
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* FORMS */

#enquiryform-container{
    width:500px;
}

#enquiryform,
#enquiryform-success-message,
#enquiryform-container .form-status {
    padding:20px 20px 25px;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#enquiryform-container,
#enquiryform-success-message {
	display:none;
}

#enquiryform-container h3,
#enquiryform-success-message h3 {
    display:block;
    height:50px;
    line-height:50px;
    font-size:18px;
    padding:0 20px;
    background-color: #FDCA3F;
    -webkit-border-radius:4px 4px 0  0;
	-moz-border-radius:4px 4px 0  0;
	border-radius:4px 4px 0  0;
    -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.form {
	position:relative;
	display:block;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.form .container {
	position:relative;
	text-align:left;
	min-width:inherit;
	background:none;
	padding:0 0 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.form .container.captcha {
    padding:10px 0 20px;
}

.form span.required {
	color:#F00;	
}

.form label {
	display:block;
	height:24px;
	line-height:24px;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:400;
    color:#E68192;
}

.form input,
.form textarea {
	width:100%;
	border:1px solid #e6e6e6;
	background-color:#ffffff;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.form input:focus,
.form textarea:focus {
	border-color:#FDCA3F;
}

.form input {
	height:30px;
	padding:0 10px;
}

.form textarea {
	padding:5px 10px;
	height:100px;
	line-height:20px;
	resize:none;
	overflow-y:hidden;
}

.form div#spamtrap {
	visibility:hidden
}

.form .container-error-all {
	position:relative;
	display:block;
	height:auto !Important;
	margin-bottom:10px
}

.form .container-error-all span {
	height:auto !important	
}

.form .error {
	position:relative;
	display:block;
	margin:0;
	z-index:2;
	float:none;
	clear:both;
	color:#f00;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.form #enquiryform_server_errors {
	position:relative;
	background:none;
	white-space: nowrap;
	width: auto;
	margin-bottom:10px;
	color:#f00 !important;
	visibility:visible !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.form .error div {
	display:block;
	clear:both;
	font-size:12px;
	font-weight:100;
	line-height:20px;
	padding:0 10px 10px;
	margin:0;
}

.form .error, .form .error-all {
	font-size: 11px;
	color: #f00;
}

.form .error-all {
	padding:0;
	line-height:15px;
	margin:0
}

.form fieldset#antispam {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}

.form fieldset#antispam legend {
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
}

.form .button {
	position:relative;
	height:30px;
    line-height:30px;
    padding:0 12px;
    color:#000000;
    border:none;
    width:auto;
    background-color: #FDCA3F;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:900;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

.form .button:hover {
	color:#ffffff;
    background-color: #000000;
}


/* spam_trap: This input is hidden. This is here to trick the spam bots*/

.form .spmhidip {
	display:none;
	width:10px;
	height:3px
}
#fg_crdiv {
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
#fg_crdiv p {
	display:none;
}

input[type=submit]:disabled,
button:disabled,
input[type=submit][disabled=disabled],
button[disabled=disabled],
input[type=text]:disabled,
input[type=text][disabled=disabled],
text:disabled,
text[disabled=disabled] {
	background:#b5b5b5 !important;
}

input[type=submit]:disabled,
button:disabled,
input[type=submit][disabled=disabled],
button[disabled=disabled] {
	color:#ccc !important;
}


/* FOOTER
----------------------------------------------------------------------------------------------------*/

#footer {
    padding:30px 0;
    background-color: #4D4D4D;
    text-align: center;
}

/* Footer Copyright */

#footer p {
	color:#cccccc;
	line-height:22px;
	margin:0;
}

#footer p span,
#footer p span a {
	color:#4d4d4d;
	text-decoration:none !important;
}