@charset "UTF-8";
/* CSS Document */

*	{
	margin: 0px;
	padding: 0px;
	}

body
{
	text-align:center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	
	
}

#wrapper	{
	width: 900px;
	margin:0px auto;
	}
	
#container	{
	margin:0px auto 0px auto;
	text-align: left;
	background-color: #ffffff;
	}
	
	
#hero	{
	height: 235px;
	background-image: url(../images/hero-default.jpg);
	background-repeat: no-repeat;
	}
	
#home #hero	{height: 350px; background: none}
	
#who #hero	{background-image: url(../images/hero-default.jpg);}
#point #hero	{background-image: url(../images/hero-point.jpg);}
#services #hero	{background-image: url(../images/hero-services.jpg);}
#commitment #hero	{background-image: url(../images/hero-commitment.jpg);}
#people #hero	{background-image: url(../images/hero-people.jpg);}
#contact #hero	{background-image: url(../images/hero-contact.jpg);}
#clientlogin #hero	{background-image: url(../images/hero-login.jpg);}
	
#mainnav	{
	}

#content	{
	background-color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(../images/content-default.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 300px;
	}
	
#home #content	{min-height: 200px; background: none;}
	
#point #content {background-image: url(../images/content-point.jpg);}
#services #content {background-image: url(../images/content-services.jpg);}
#commitment #content {background-image: url(../images/content-commitment.jpg);}
#people #content {background-image: url(../images/content-people.jpg);}
#contact #content {background-image: url(../images/content-contact.jpg);}
	
#contentleft	{
	width: 640px;
	float: left;
	}
	
#contentleftinner	{
	padding: 50px 20px 20px 40px;
	}
	
#contentright	{
	width: 260px;
	float: right;
	}
	

#contentrightinner	{
	padding: 50px 40px 20px 0px;
	}
	

#footer	{
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	color: white;
	height: 42px;		
	}
	
#footer P.copyrightinfo {
	float: right;
	width: 300px;
	text-align: right;
	}
	
#footer P.clientlogin {
	float: left;
	width: 300px;
	text-align: left;
	padding-left: 20px;
	}
	
	
/* navigation */

#mainnav ul	{ padding-top: 80px; float: left; width: 700px;
	}

#mainnav ul li	{
	display: inline;
	font-size: 12px;
	padding-top: 10px;
	}
#mainnav ul li .text	{display: inline; margin-right: 10px; }

#mainnav ul li .text a	{color: #333333; background-color: #ffffff; text-decoration: none; padding: 20px 10px 0px 0px; border: none;}
#mainnav ul li .text a:hover,
#who #mainnav ul li#whoweare .text a,
#point #mainnav ul li#point .text a ,
#services #mainnav ul li#services .text a,
#commitment #mainnav ul li#commitment .text a,
#people #mainnav ul li#people .text a,
#contact #mainnav ul li#contact .text a {background-image: url(../images/nav-over.gif); background-position: top right; background-repeat: no-repeat; border: none;}

#subnav li	{display: block; list-style-type: none; color: #333333; text-decoration: none; border-bottom: 1px solid #ccc;}
#subnav li a	{display: block; list-style-type: none; color: #a63435; border: none;}
#subnav li a: hover	{display: block; list-style-type: none; color: #333333;}

/* CONTEnT */

H1 { padding-top: 200px; color: white; font-size: 24px; margin-left: 40px; font-weight: normal;}

#home H1 { padding-top: 0px; color: #a63435; font-size: 24px; margin-left: 0px; font-weight: normal; margin-bottom: 20px;} 

H2 {font-size: 14px;  color: #a63435; margin-bottom: 5px; }

H3 {font-size: 12px;  color: #000000; margin-bottom: 5px; }

a	{color: #666666; text-decoration: none; border-bottom: 1px solid #ccc;}
a: hover	{color: #a63435; text-decoration: none; border: none;}
#footer a {text-decoration: none; color: #ffffff; border: none;}
#footer a:hover {text-decoration: none; color: black; border: none;}

#contentleftinner P	{margin-bottom: 8px;}

#mainnav img	{float: right;}
#contentrightinner img {margin-top: 20px;}
	
#footer P	{ margin-right: 20px; padding-top: 10px;}


#contentleft ul
  {
  margin-left: 1em;
  padding-left: 0;
  }
#contentleft li
  {
  margin: 0 0 3px 0;
  padding: 0 0 0 5px;
  list-style-type: square;
  color: #a63435;
  }
  
 #contentleft ul P {margin: 0px; color: #333333;}