@charset "utf-8";
/* CSS Document */



body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background:url(../images/bg_image_blog.jpg) repeat-x;
}

/*

Banner Section

*/


#banner
{
	width:910px;
	height:136px;
	float:left;
	padding:0;
	margin:0;
	background:url(../images/banner_img_blog.jpg) no-repeat;
}


.bannertext
{
width:220px;
height:115px;
padding-top:102px;
margin:0;
float:left;
}

.bannertext h2
{
width:220px;
height:40px;
margin:0;
padding:0;
font-size:12px;
text-indent:-9999px;
background:url(../images/text1_img.png) no-repeat;
}

.bannertext small
{
display:block;
margin-top:16px;
height:53px;
text-indent:-9999px;
background:url(../images/text2_img.png) no-repeat;
}

/*

Content Section

*/


#contactmain
{
width:910px;
float:left;
color:#666666;
}

#leftcontent
{
width:452px;
height:543px;
float:left;
margin:0;
padding-top:29px;
}

#leftcontent h3
{
background:url(../images/feelfree_img.jpg) no-repeat;
text-indent:-9999px;
width:291px;
height:50px;
padding:0;
margin:0;
}

.textcontact
{
width:436px;
height:35px;
padding-left:18px;
float:left;
padding-top:20px;
}

#contactform
{
width:434px;
height:480px;
padding-left:18px;
padding-top:30px;
float:left;
}

#contactwrap
{
width:351px;
height:380px;
float:left;
padding:0;
margin-top:20px;
}

#formfield
{
width:351px;
height:300px;
float:left;
padding:0;
margin:0;
}

#commentForm
{
padding:0;
margin:0;
}

.labelform
{
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
line-height:24px;
text-align:right;
padding-right:25px;
}

#CompanyName
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#CompanyPerson
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#Email
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#Phone
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#Country
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}


#Address
{
width:217px;
height:22px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#Message
{
width:217px;
height:116px;
border:#dddddd solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
}

#contactbtn
{
width:204px;
height:52px;
padding-left:148px;
float:left;
padding-top:20px;
}

.resetbtn
{
width:96px;
height:52px;
border:0;
background:url(../images/contact_btn_img.jpg) no-repeat;
color:#666666;
}

.submitbtn
{
width:96px;
height:52px;
border:0;
background:url(../images/contact_btn_img.jpg) no-repeat;
color:#666666;
}

#wrapfield
{
margin-top:5px;
padding:0;
}





fieldset { border: none; }
input, textarea, a { outline: none; }




#rightcontent
{
width:285px;
height:900px;
float:left;
padding-left:168px;
}

.stayinformed
{
width:285px;
float:left;
padding-top:29px;
}

.followus
{
width:248px;
padding-top:15px;
padding-left:5px;
}

.followus p
{
padding-top:11px;
}


.ouraddress
{
width:285px;
float:left;
padding-top:35px;
}

.headoffice
{
background:url(../images/bg_headoffice_img.jpg) no-repeat;
width:285px;
height:271px;
float:left;
margin-top:11px;
}

.headofficetxt
{
width:195px;
height:130px;
padding-left:31px;
padding-top:19px;
float:left;
}

.headofficetxt p
{
padding-bottom:10px;
}


.callus
{
width:153px;
height:76px;
float:left;
padding-left:35px;
padding-top:30px;
}


.googlemap
{
width:285px;
float:left;
padding-top:35px;
}

.googlemap p
{
padding-top:20px;
}


/* the main layout */

#contentForm {
  display: block;
  width: 500px;
  margin: 70px auto;/*this line will center the page*/
  background-color: white;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background:url(../images/submit.jpg) no-repeat;
  width: 90px;
  height: 28px;
  float:left;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}