body {
	color:#666;
	font: 100% verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: rgb(225,225,225);}


/* Typography
----------------------------------------------------------------------------------------------------*/

h1 {font-size:22px; color: rgb(106, 154, 213); font-weight: lighter; margin-top: 20px; font-family: Arial, Helvetica, sans-serif !important}
h2 {font-size:18px; color: rgb(105, 197, 91); font-weight: lighter;  margin-bottom: -5px;font-family: Arial, Helvetica, sans-serif !important }
h3 {font-size:14px; color: rgb(106, 154, 213); font-weight: lighter; font-family: Arial, Helvetica, sans-serif !important}
h4 {font-size:12px;}
h5{font-size:12px;}
h6{font-weight: lighter;}
p {font-size:11px; line-height: 1.2em; text-align:left; color:#666 !important}
#subPageContent p, #subPageContent ul { width:530px;}
#subPageContent h3 { font-size:16px;}
#content li {font-size:11px; margin-left: -23px; line-height: 1.6em;}
#content li li {line-height: 1.8em; list-style:square}
#content a {font-size:11px; color:  rgb(105, 197, 91); font-weight:bold;}
a {text-decoration:none;}

#content a:link {color:  rgb(105, 197, 91);}
#content a:visited {color:  rgb(105, 197, 91);}
#content a:hover {color: rgb(106, 154, 213)}
#content a:active {color:  rgb(105, 197, 91);}

.grid_4Box a:link {color: white;}
.grid_4Box a:visited {color: white;}
.grid_4Box a:hover {color:  black;}
.grid_4Box a:active {color: white;}




/* Custom
----------------------------------------------------------------------------------------------------*/

#homeBtn {display:block; width: 400px; height: 100px; margin-bottom: -100px; }

hr {clear:both; color:gray; height: 1px;}

#people img {float:left; margin-top: 10px; margin-right: 20px; margin-bottom: 20px;}

#people h4, #people  h5, #people  ul, #people  p {padding-left: 130px;width: 400px !important;}

#people h4 {margin-bottom: -10px;}

#contactPage img {float:left; margin-top: 20px}

#contactPage h4, #contactPage  h5, #contactPage  ul, #contactPage  p  {padding-left: 160px; width: 400px !important;}

* {text-align: left;}

a img {border: none; }

#bg {margin-left: auto; margin-right: auto; width: 1020px;background-image: url(../images/furniture/bg.jpg); background-repeat:repeat-y;}

#header {width: 960px;  background-image:url(../images/furniture/hcp-logo.jpg); background-repeat:no-repeat; margin-top: 0px; padding-top: 20px;background-position: 0px 10px;}

#telNo {position: absolute; margin-top:-43px; margin-left: 760px; color: #666;}

#telNo, #legal {font-size: 13px; color: #666;}

#content { margin-top: 3px; }

#legal { padding-bottom: 30px; padding-top: 20px; border-top: 1px solid #666; Margin-top:20px; width: 950px;}

#footer ul {margin-left: -38px;}

#footer li {float:left; margin-right: 63px; list-style:none;}

.grid_4Box { background-color:  rgb(105, 197, 91); margin: 20px 0px; overflow:hidden }

.grid_4Box img { width: 300px }

.grid_4Box h6 {display: block;padding: 5px 10px; font-size: 13px !important; text-transform:uppercase; color:#FFF; margin-top: 0px; margin-bottom: 0px;} 

#projects .grid_4 {min-height: 120px; border-top: 1px solid #999;}


/* Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_4Box,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
		
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
	width:60px;
}
    .container_12 .grid_2 {
	width:140px;
}
    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4, .container_12 .grid_4Box {
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_9 {
	width:700px;
}
    .container_12 .grid_10 {
	width:780px;
}
    .container_12 .grid_11 {
	width:860px;
}
    .container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
	padding-left:80px;
}
    .container_12 .prefix_2 {
	padding-left:160px;
}
    .container_12 .prefix_3 {
	padding-left:240px;
}
    .container_12 .prefix_4 {
	padding-left:320px;
}
    .container_12 .prefix_5 {
	padding-left:400px;
}
    .container_12 .prefix_6 {
	padding-left:480px;
}
    .container_12 .prefix_7 {
	padding-left:560px;
}
    .container_12 .prefix_8 {
	padding-left:640px;
}
    .container_12 .prefix_9 {
	padding-left:720px;
}
    .container_12 .prefix_10 {
	padding-left:800px;
}
    .container_12 .prefix_11 {
	padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
	padding-right:80px;
}
    .container_12 .suffix_2 {
	padding-right:160px;
}
    .container_12 .suffix_3 {
	padding-right:240px;
}
    .container_12 .suffix_4 {
	padding-right:320px;
}
    .container_12 .suffix_5 {
	padding-right:400px;
}
    .container_12 .suffix_6 {
	padding-right:480px;
}
    .container_12 .suffix_7 {
	padding-right:560px;
}
    .container_12 .suffix_8 {
	padding-right:640px;
}
    .container_12 .suffix_9 {
	padding-right:720px;
}
    .container_12 .suffix_10 {
	padding-right:800px;
}
    .container_12 .suffix_11 {
	padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
	left:80px;
}
    .container_12 .push_2 {
	left:160px;
}
    .container_12 .push_3 {
	left:240px;
}
    .container_12 .push_4 {
	left:320px;
}
    .container_12 .push_5 {
	left:400px;
}
    .container_12 .push_6 {
	left:480px;
}
    .container_12 .push_7 {
	left:560px;
}
    .container_12 .push_8 {
	left:640px;
}
    .container_12 .push_9 {
	left:720px;
}
    .container_12 .push_10 {
	left:800px;
}
    .container_12 .push_11 {
	left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
	right:80px;
}
    .container_12 .pull_2 {
	right:160px;
}
    .container_12 .pull_3 {
	right:240px;
}
    .container_12 .pull_4 {
	right:320px;
}
    .container_12 .pull_5 {
	right:400px;
}
    .container_12 .pull_6 {
	right:480px;
}
    .container_12 .pull_7 {
	right:560px;
}
    .container_12 .pull_8 {
	right:640px;
}
    .container_12 .pull_9 {
	right:720px;
}
    .container_12 .pull_10 {
	right:800px;
}
    .container_12 .pull_11 {
	right:880px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Menu
----------------------------------------------------------------------------------------------------*/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
/* ------------------- top + topmenus ------------------- */


#home #menuServices, #home #menuSectors, #home #menuProjects, #home #menuContact {display:none;}
#services #menuHome, #services #menuSectors, #services #menuProjects, #services #menuContact {display:none;}
#sectors #menuHome, #sectors #menuServices, #sectors #menuProjects, #sectors #menuContact {display:none;}
#projects #menuHome, #projects #menuSectors, #projects #menuServices, #projects #menuContact {display:none;}
#contact #menuHome, #contact #menuSectors, #contact #menuServices, #contact #menuProjects {display:none;}


#home ul#topmenu li a.homeSelected, ul#topmenu li a:hover {color: white;text-decoration: none;background-image: url(../images/furniture/live_button_long.jpg); background-repeat: no-repeat;}

#services ul#topmenu li a.servicesSelected, ul#topmenu li a:hover {color: white;text-decoration: none;background-image: url(../images/furniture/live_button_long.jpg); background-repeat: no-repeat;}

#sectors ul#topmenu li a.sectorsSelected, ul#topmenu li a:hover {color: white;text-decoration: none;background-image: url(../images/furniture/live_button_long.jpg); background-repeat: no-repeat;}

#projects ul#topmenu li a.projectsSelected, ul#topmenu li a:hover {color: white;text-decoration: none;background-image: url(../images/furniture/live_button_long.jpg); background-repeat: no-repeat;}

#contact ul#topmenu li a.contactSelected, ul#topmenu li a:hover {color: white;text-decoration: none;background-image: url(../images/furniture/live_button_long.jpg); background-repeat: no-repeat;}


ul#topmenu {
	margin-top: 105px;
	padding: 0;
	height: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 00px;
	width: 950px;
}
ul#topmenu li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul#topmenu li a {
	display: block;
	float: left;
	width: 180px;
	height: 19px;
	text-align: center;
	padding-top: 6px;
	margin-right: 3px;
	color: #363636;
	font-size: 14px;
	font-weight: normal;
	background-image: url(../images/furniture/normal_button_long.gif);
	background-repeat: no-repeat;
}

ul#topmenu li a:hover {
	background-image: url(../images/furniture/selected_button_long.jpg);
}

ul.submenu {
	margin: 0;
	padding: 0;
	height: 20px;
	background-color:  rgb(106, 154, 213);
	background-repeat:repeat-x;
	background-position: 0 0;
	width: 909px;
	padding-left: 41px;
}
ul.submenu li {
	list-style: none;
	float: left;
	margin-left: 10px;
	padding-left: 22px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0px;
}
ul.submenu img {
	float: left;
	margin-top: 6px;
}
ul.submenu li a {
	display: block;
	float: left;
	padding-right: 14px;
	color: white;
	padding-top: 3px;
	font-size: 12px;
	height: 20px; 
}
ul.submenu li.selected
{
	background-repeat: no-repeat;
	background-position: 5px 1px;
	margin-bottom: 0px;
	margin-top: 0px;
}
ul.submenu li.selected a {
	text-decoration: none;
	padding-left: 0;
	background-repeat: no-repeat;
	background-position: 100% 1px;
}

ul.submenu li a:hover {color: #333;}