/* initial properties*/
body {
margin: 0;
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
}

#container{
width: 829px;
height: 768px;
margin: 0 auto;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
}

#page{
width: 829px;
margin: 0 auto;
background: #fff;
}

#masthead{
width: 829px;
height: 125px;
margin: 0 auto;
background: #fff;
}

#logo{
float: left;
width: 384px;
height: 84px;
}

#mastmid{
float: left;
width: 189px;
height: 84px;
margin: 0 auto;
background-image:url(../images/masthead_bg.jpg);
}

#contact{
float: left;
text-align: left;
width: 256px;
height: 84px;
}

#nav{
float: left;
width: 829px;
height: 41px;
}

#banner{
float: left;
width: 829px;
height: 172px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #6A1E6B;
}

#content{
float: left;
width: 829px;
}

#bar{
float: left;
width: 637px;
height: 30px;
}

#content_left{
float:left;
width: 607px;
padding-top: 15px;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
color: #666666;
background-image:url(../images/content_bg.jpg);
}

#content-left-foot{
float: left;
width: 637px;
height: 10px;
vertical-align: baseline;
}

#subNav{
float:right;
width: 192px;
clear: both;
height:520px;
}

#footer_whole{
clear: both;
width: 633px;
height: 30px;
}

#terms{
clear: both;
float: left;
width: 826px;
margin: 0 auto;
text-align: left;
color: #cccccc;
padding-top: 5px;
padding-left: 7px;
}

#features ul {
	list-style:none;
}

#features li {
clear: left;
list-style-type:circle;
text-align: left;
color: #666666; 
padding-left: 10px;
margin-left: 40px;
padding-top: 5px;
}


p.subheads{
color: #83AA27;
font-style: bold;
}







input, textarea{
background-color: #EAEAEA;
font-family: Arial, Helvetica Narrow, Helvetica, sans-serif;
}

h1 {
font-family: Arial Narrow, Arial, Helvetica Narrow, Helvetica, sans-serif;
color: #666666;
font-size: 1.8em;
}

h2 {
font-family: Arial Narrow, Arial, Helvetica Narrow, Helvetica, sans-serif;
color: #666666;
font-size: 1.3em;
}


/*  general links */
a:link{
	text-decoration: underline;
	color: #83AA27;
}

a:visited{
	text-decoration: underline;
	color: #83AA27;
}

a:hover{
	text-decoration: none;
	color: #83AA27;
}




/*  H1 - heading styles */

h1 span {
display: none;
}

#whyProSpec{
background-image: url(../images/sub_why_prospec.gif);
background-repeat: no-repeat;
height: 19px;
}

#PermRecruit{
background-image: url(../images/sub_perm_recruit.gif);
background-repeat: no-repeat;
height: 19px;
}

#TempRecruit{
background-image: url(../images/sub_temp_recruit.gif);
background-repeat: no-repeat;
height: 19px;
}

#Prospecting{
background-image: url(../images/sub_prospecting.gif);
background-repeat: no-repeat;
height: 19px;
}

#Sales{
background-image: url(../images/sub_sales_marketing.gif);
background-repeat: no-repeat;
height: 19px;
}

#Consultancy{
background-image: url(../images/sub_consultancy.gif);
background-repeat: no-repeat;
height: 19px;
}

#Benefits{
background-image: url(../images/sub_roi_benefits.gif);
background-repeat: no-repeat;
height: 19px;
}

#CaseStudies{
background-image: url(../images/sub_case_studies.gif);
background-repeat: no-repeat;
height: 19px;
}

#Contact{
background-image: url(../images/sub_contact.gif);
background-repeat: no-repeat;
height: 19px;
}

#Sitemap{
background-image: url(../images/sub_sitemap.gif);
background-repeat: no-repeat;
height: 19px;
}