/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 18px; }
.clear{clear:both;}
.wrap { width: 910px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #7C9B00; text-decoration: none; }
a:hover { text-decoration: underline; }

/* BASE */
html { height: 100%; }
body { font-family: arial, verdana, helvetica, sans-serif; font-size: 80%; color: #444; height: 100%; }

#topline { font-size: 1px; height: 6px; background-color: #17A345; }

#header { height: 342px; background: url(images/bg-header-left.gif) no-repeat; }
#inheader { height: 342px; }
  #logo { width: 221px; height: 118px; float: left; padding: 0 0 30px 0;}
  #mainmenu { width: 650px; height: 25px; float: right; text-align: right; }
    #mainmenu ul { padding: 39px 0 0 0; }
    #mainmenu li { margin: 0; float: left; list-style: none none; margin: 0 0 0 20px; }
    #mainmenu li a { height: 25px; display: block; text-decoration: none; }
    #mainmenu li a span{visibility: hidden;}
    
    #mainmenu #home, #mainmenu #home a{background: url(images/mainmenu_home.gif) no-repeat; width: 39px; margin:0;}
    #mainmenu #about-us, #mainmenu #about-us a{background: url(images/mainmenu_about-us.gif) no-repeat; width: 67px;}
    #mainmenu #home-information-packs, #mainmenu #home-information-packs a{background: url(images/mainmenu_home-information-packs.gif) no-repeat; width: 180px;}
    #mainmenu #testimonials, #mainmenu #testimonials a{background: url(images/mainmenu_testimonials.gif) no-repeat; width: 99px;}
    #mainmenu #useful-links, #mainmenu #useful-links a{background: url(images/mainmenu_useful-links.gif) no-repeat; width: 94px;}
    #mainmenu #contact, #mainmenu #contact a{background: url(images/mainmenu_contact.gif) no-repeat; width: 63px;}
    
    #mainmenu #home a:hover, #mainmenu #home a.active {background: url(images/mainmenu_home2.gif) no-repeat;}
    #mainmenu #about-us a:hover, #mainmenu #about-us a.active {background: url(images/mainmenu_about-us2.gif) no-repeat;}
    #mainmenu #home-information-packs a:hover, #mainmenu #home-information-packs a.active {background: url(images/mainmenu_home-information-packs2.gif) no-repeat;}
    #mainmenu #testimonials a:hover, #mainmenu #testimonials a.active {background: url(images/mainmenu_testimonials2.gif) no-repeat;}
    #mainmenu #useful-links a:hover, #mainmenu #useful-links a.active {background: url(images/mainmenu_useful-links2.gif) no-repeat;}
    #mainmenu #contact a:hover, #mainmenu #contact a.active {background: url(images/mainmenu_contact2.gif) no-repeat;}
    
    #phonenumber { padding: 10px 4px 0 0; }
    
    #attentionbox { width: 300px; padding: 0 0 0 26px; font-size: 14px; color: #fff; }
    #attentionbox h2 { font-family: Georgia, sans; font-size: 20px; font-weight: normal; padding: 10px 0 15px 0; color: #D8FF9B; }
    
#content { width: 580px; padding: 40px 50px 20px 26px; float: left; }
  #content ul { padding: 0 0 18px 0; }
  #content li { list-style: none none; background: url(images/arrow3.gif) no-repeat 0px 4px; padding: 0px 5px 5px 35px; }
#contentright { width: 230px; float: left; font-size: 12px; }
  #contentright li { list-style: none none; background: url(images/arrow2.gif) no-repeat 5px 10px; padding: 7px 5px 4px 25px; }
  #contentright h3 { font-family: Georgia, sans; font-size: 16px; color: #027226; padding: 30px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #D9D9D9;  }
  #sidemenu { width: 203px; }
    #sidemenu li { list-style: none none; background: url(images/arrow.gif) no-repeat 5px 12px; padding: 7px 5px 7px 25px; border-bottom: 2px dotted #D9D9D9; }
      #sidemenu li a { color: #4C4C4C; font-weight: bold; }
  #logos { padding: 50px 0 0 0; }

h1 { font-family: Georgia, sans; color: #027226; font-size: 185%; font-weight: normal; padding: 0 0 20px 0; background-color: #fff; width: 100%; }


#footer { background: url(images/bg-footer.gif) repeat-x; font-size: 11px; color: #7E7E79;  padding: 5px; height: 81px; margin-top: 10px; }
  #footer a { color: #000; }
  #footer ul { width: 200px; padding: 30px 0 0 0; list-style: none; margin: 0 auto; }
  #footer ul li { float: left; padding: 0; } 
  #footer ul .separator { padding: 0 4px 0 4px; }
  
/************* contact form ***************************/
form{
	width: 400px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 200px;
	float: left;
}

#form-right{
	width: 200px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 380px;
}

#submitdiv input{
	float: right;
	margin: 0 20px 0 0;
	background: #eee;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}