body{
font-family:calibri, gill sans, trebuchet ms, arial;
color:#737373;
font-size: 17px;
}

h1{
font-size:28px;
color:#4C4C4C;
font-weight:600;
text-transform:uppercase;
margin-bottom:48px;
}

h2{
font-size:19px;
color:#515151;
text-transform:uppercase;
}

#contactform{
width: 810px;
margin:0 auto;
animation: fadein 2s;
}

@keyframes fadein{
from {opacity: 0}
to   {opacity: 1}
}

#contactform label{
width:26%;
margin:0 2% 25px 0;
display:inline-block;
vertical-align: top;
top: 5px;
position: relative;
}

label span{
color:red;
}

#contactform input[type="text"], #contactform input[type="email"], #contactform textarea, #contactform select{
border:1px solid #797979;
border-radius:3px;
font-family:calibri, gill sans, trebuchet ms, arial;
color:#9B9B9B;
font-size:18px;
width:34%;
padding: 4px 15px;
margin-right:3%;
}

#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform textarea:focus, #contactform select:focus{
box-shadow: 0 0 10px #ccc inset;
}

#contactform input[type="text"].last, #contactform select.last{
margin-right:0;
}

#contactform input[type="text"].long{
width:71%;
margin-right:0;
}

.star{
background: url(images/star.png) 98% no-repeat;
}

.long.star{
background-position: 99%;
}

#contactform select{
-webkit-appearance: none; 
background: url(images/arrow.png) 95% no-repeat, url(images/star.png) 98% no-repeat;
cursor:pointer;
}

#contactform select.nostar{
-webkit-appearance: none; 
background: url(images/arrow.png) 95% no-repeat;
}

#contactform select:hover{
box-shadow: 0 0 10px #ccc inset;
}

#contactform label:first-child{
margin-top: 0; /* first label or fieldset within each column should not no top margin */
}

label div{
display:block;
font-size:14px;
font-weight:bold;
}

.labelextratopmargin{
top: 5px;
position: relative;
}

#contactform fieldset ul{
list-type: none;
margin: 0;
padding: 0;
}

#contactform fieldset ul li{
display: inline-block;
margin-bottom: 5px;
margin-right: 1em;
}

#contactform div.buttons{
clear: both;
display: inline-block;
position: relative;
}

#contactform input.button {
margin: 4px 0 50px;
text-transform: uppercase;
cursor: pointer;
color: white;
background: #1CA7CE;
font-size: 22px;
border: 0;
padding: 8px 48px 7px 48px;
border-radius: 3px;
transition: all 0.6s;
font-family: calibri, gill sans, trebuchet ms, arial;
font-weight: 500;
}

#contactform input.button:hover{
background: #0e6a84;
}

#contactform input.button:active{
background: #0e6a84;
}

.clear{
clear:both;
margin: 8px 0;
}

.clear2{
clear:both;
margin:-1px 0 0 0;
}

.clear3{
clear:both;
margin:2px 0 0 0;
}

.clear4{
clear:both;
margin:25px 0 0 0;
}

.clear5{
clear:both;
margin:-3px 0 0 0;
}

.clear6{
clear:both;
margin: 6px 0;
}

.border{
border-top:12px solid #ABABAB;
margin:36px 0 37px 0;
}

#contactform label.lessmarginlabel{
margin: 0 2% 16px 0;
}

.greyfield{
background:#DEDEDE;
padding:11px 15px !important;
border:0 !important;
color:#555 !important;
}

.percentageused{
background: url(images/percentage.png) 87% no-repeat #DEDEDE;
}

.floatrightelements{
float: right;
position: relative;
top: -106px;
left: 140px;
margin-bottom: -44px;
}

#contactform .floatrightelements label{
width: 50%;
margin: 0 0 10px;
text-align: center;
}

#contactform .floatrightelements input[type="text"]{
width: 50%;
margin: 0;
}

.inputlink{
background: url(images/inputlink.png) no-repeat;
position: absolute;
width: 12px;
height: 63px;
margin: -41px 0 0 506px;
z-index: -1;
}

#contactform div.buttons.left{
margin: -3px 0 13px 4px;
top: -10px;
}

#contactform div.buttons.left .button{
margin:0;
padding: 8px 65px;
}

label.labelbig span{
color: #737373;
font-size: 17px;
font-weight: normal;
text-transform: initial;
display: table;
margin-top: 12px;
}

#contactform textarea.long{
margin:0 0 4px 4px;
width:71%;
min-height:116px;
}

#contactform label.labelbig{
color:#4A4A4A;
font-size:17px;
font-weight:600;
text-transform:uppercase;
margin: 0 2% 23px 0;
}

#contactform .greyoption{
background:#DEDEDE;
}

#errordiv {
	color: #F00;
	font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
}

.activecontainer {
	background: #0C3;
	color: #FFF;	
}

