/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 20px 0; line-height: 20px; }
.clear{clear:both;}
.wrap { width: 911px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #237C9D; text-decoration: none; }
a:hover { text-decoration: underline; }

/* BASE */
html { height: 100%; }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; color: #2C2C2C; height: 100%;background: url(images/bg-header.gif) repeat-x; }

#header { height: 285px; }
  #mainmenu { height: 38px; text-align: right; }
    #mainmenu ul { padding: 0 0 0 222px; }
    #mainmenu li { margin: 0; float: left; list-style: none none; margin: 0; }
    #mainmenu li a { height: 38px; display: block; text-decoration: none; }
    #mainmenu li a span { visibility: hidden; }
    /* no hover*/
    #mainmenu #home, #mainmenu #home a { background: url(images/mainmenu_home.gif) no-repeat; width: 85px; margin:0; }
    #mainmenu #about, #mainmenu #about a { background: url(images/mainmenu_about.gif) no-repeat; width: 99px; }
    #mainmenu #faqs, #mainmenu #faqs a { background: url(images/mainmenu_faqs.gif) no-repeat; width: 87px; }  
    #mainmenu #casestudies, #mainmenu #casestudies a { background: url(images/mainmenu_case-studies.gif) no-repeat; width: 152px; }
    #mainmenu #resources, #mainmenu #resources a { background: url(images/mainmenu_resources.gif) no-repeat; width: 132px; }
    #mainmenu #contact, #mainmenu #contact a { background: url(images/mainmenu_contact.gif) no-repeat; width: 112px; }
    /* Bhover */
    #mainmenu #home a.active, #mainmenu #home a:hover{background: url(images/mainmenu_home2.gif) no-repeat; }
    #mainmenu #about a.active, #mainmenu #about a:hover{background: url(images/mainmenu_about2.gif) no-repeat; }
    #mainmenu #faqs a.active, #mainmenu #faqs a:hover{background: url(images/mainmenu_faqs2.gif) no-repeat; }  
    #mainmenu #casestudies a.active, #mainmenu #casestudies a:hover{background: url(images/mainmenu_case-studies2.gif) no-repeat; }
    #mainmenu #resources a.active, #mainmenu #resources a:hover{background: url(images/mainmenu_resources2.gif) no-repeat; }
    #mainmenu #contact a.active, #mainmenu #contact a:hover{background: url(images/mainmenu_contact2.gif) no-repeat;}  
  #logo { margin: 0; padding: 32px 0 0 0; text-align: right; }
  #phone-number { padding: 17px 0 0 0; text-align: right; }

#leftcontent { width: 255px; padding: 0 25px 0 0; float: left; }
  
#content { width: 355px; padding: 0; float: left; }
  #content ul { padding: 0 0 18px 12px; }
  #content li { padding: 0px 5px 8px 10px; }
  h1 { color: #237C9D; font-size: 125%; font-weight: bold; padding: 0 0 0 0; background-color: #fff; }
  .titles { font-weight: bold; font-size: 115%; }
    
#rightcontent { width: 220px; padding: 0; float: right; }    

#leftcontent p { line-height: 18px; padding: 0 0 15px 0; }
#rightcontent p { line-height: 18px; padding: 0 0 35px 0; }

#rightcontent a { font-weight: bold; }

#sidemenu { margin: 0 0 10px 0; }
    #sidemenu li { list-style: none none; background: url(images/sidemenu-arrow.gif) no-repeat 5px 9px; padding: 7px 5px 7px 25px; border-bottom: 2px dotted #C0C0C0; }
      #sidemenu li a { color: #4C4C4C; }



#footer { background: url(images/bg-footer.gif) repeat-x; font-size: 11px; color: #fff;  padding: 5px 0 0 0; height: 45px; margin-top: 10px; }
  #footer a { color: #76E4FF; }
  #footer ul { width: 290px; padding: 16px 0 0 0; list-style: none; margin: 0 auto; }
  #footer ul li { float: left; padding: 0; } 
  #footer ul .separator { padding: 0 10px 0 10px; }
  
/************* contact form ***************************/
form{
	width: 355px;
	margin: 15px 0 40px 0;
	clear: left;
}

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

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

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

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

textarea{
	width: 345px;
}

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

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

}

/* HOMEPAGE CONTACT FORM */
#homeform{
	width: 255px;
	margin: 0;
	clear: both;
	font-size: 11px;
	color: #000;
}


#homeform input {
  border: 0;
	background: url(images/bg-form-input.gif) no-repeat;
	width: 142px;
	height: 25px;
	padding: 0 8px 0 5px;
	margin: 2px 0 5px 0;
}

#homeform .chb { float: left; width: 125px; }
#homeform .checkbox {
  border: 0;
	background: #EEF6FA;
	width: 17px;
	height: 17px;
	
	margin: 2px 0 5px 0;
}

#homeform .submit {
  border: 0;
	background: url(images/bg-form-submit.gif) no-repeat;
	width: 98px;
	height: 32px;
	font-size: 1%;
	color: #0C6284;
	margin: 2px 0 5px 0;
}

#homeform textarea {  
  border: 0;
	background: url(images/bg-form-textarea.gif) no-repeat;
	width: 190px;
	height: 69px;
	padding: 0 6px 2px 5px;
	margin: 2px 0 5px 0;
	overflow: hidden;
}