/*general*/
*  {padding: 0; margin:0}

body {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

h1 {width: 900px; height: 118px; background:url(images/banner.jpg) bottom left no-repeat; text-indent:-9999px;}
h3 { width: 380px; margin:0 auto; font-size:14px; font-weight:bold; text-transform:uppercase; color: #666666; text-align:center; padding-bottom:40px; padding-top:20px;}
h4 { display: block; background:transparent; color: #663333; font-size:12px;}
p { padding: 5px;}

.clear {
clear: both;}

/* wrapper*/

#container {
position: relative;
width:900px;
margin:0 auto;
background: transparent;
border: 1px solid #CCCCCC;
padding-bottom: 20px;
background: transparent url(images/prototype.jpg) bottom no-repeat;
}

#header{
width:900px;
margin:0 auto;
}

#maintxt {
display: inline;
float: left;
width: 500px;
margin-left: 210px;
padding-left:10px;
padding-top: 20px;
text-align:left;
border-left: 1px  dotted #CCCCCC;
border-right: 1px dotted #CCCCCC;
background:transparent url(images/sideim.gif) 0px 100px no-repeat;
}

#maintxt p{
padding-bottom: 20px;}

#imghold {
float: left;
width: 210px;
margin-left: -720px;
padding-top:20px;
}
 
#imghold p {
text-align: center;
font-size: 14px;
font-weight: bolder;
color: #999999;} 

#imghold span { text-align: center;
 font-weight: normal; text-transform: capitalize; color: #999999; font-size:12px}
 
#news {
float: right;
width: 170px;
padding-top: 20px;
}

#news p {
text-align: left;
line-height:12px;
}

#footer { 
clear:both;
width:900px;
margin: 0 auto;
padding-top:5px;
padding-bottom: 10px;
height: 10px; 
background:transparent;
font-size:10px;
}

#footer p { display: block; color:#FFFFFF; background:#999999; padding-top: 2px; padding-bottom: 2px; line-height: 10px;}
/*form style*/

label, label span {display: block; padding-bottom: .25em;}
label {float: left; width:100%;}
label span { float: left; width: 35%; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#9966CC; font-size:10px;}
fieldset input { float: right; width: 60%; border: 1px solid #9966CC;}
fieldset input:hover { border-color: #993366}
fieldset input:active, input:focus { border-color: #0099CC;}

#sub { float: right; width:60%;}
#sub input { float: right; width: 40%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#9966CC; font-size:10px;}

fieldset textarea { float: right; width: 60%; border: 1px solid #9966CC;}
fieldset textarea:hover { border-color: #993366}
fieldset textarea:active, input:focus { border-color: #0099CC;}

fieldset {
float: left;
width:400px;
margin: 0 20px 10px 0;
border:none;
overflow: hidden;
padding-bottom:20px;
}

form submit { 
background-color: #996699;
border:2px double #9999FF;
border-top-color:#99CCFF;
}
/*sections*/
/*section home*/
.sectionHome #container, .sectionContact #container {padding-bottom: 80px;}
/*section businesses, diary*/
.sectionBusinesses #maintxt { background: transparent url(images/sideim.gif) left bottom no-repeat;} 
.sectionBusinesses #maintxt, .sectionDiary #maintxt {
display: inline;
float: left;
width: 670px;
margin-left: 210px;
padding-left:10px;
padding-top: 20px;
text-align:left;
border-left: 1px  dotted #CCCCCC;
border-right:none;
}
.sectionBusinesses #maintxt div, .sectionDiary #maintxt div{
position:relative;
float: left;
width: 200px;
padding-left: 10px;
text-align: left;
}
.sectionBusinesses #maintxt div.grey, .sectionDiary #maintxt div.grey{background: #F3F3F3;}
.sectionBusinesses #maintxt p img { float: right;}

.sectionBusinesses #imghold, .sectionDiary #imghold{
margin-left: -890px;
padding-top: 20px;
}
.sectionDiary #maintxt span {text-align: left; font-size: 10px; font-weight: bold; color: #000000; }

/*section people*/
.sectionPeople #maintxt div{
position:relative;
float: left;
width: 200px;
padding-left: 20px;
text-align: left;
}
.sectionPeople #maintxt span {text-align: center;}
/*section contact, jobs*/

.sectionContact #news span, .sectionJobs #news span{text-align:left; font-size:10px; text-transform:uppercase; color:#663333; line-height:14px;}
.sectionContact #news p, .sectionJobs #news p{ background: #F3F3F3;}

/*sections img*/
.sectionHome #imghold {padding-top: 190px; background:transparent url(images/puzzle.jpg) top center no-repeat;}
.sectionBusinesses #imghold {padding-top: 330px; background:transparent url(images/ladder.jpg) 5px 20px no-repeat;}
.sectionPeople #imghold {padding-top: 325px; background:transparent url(images/ppl.jpg) 5px 20px no-repeat;}
.sectionJobs #imghold {padding-top: 325px; background:transparent url(images/king.jpg) 5px 20px no-repeat;}
.sectionContact #imghold {padding-top: 230px; background:transparent url(images/growth.jpg) 5px 20px no-repeat;}
.sectionDiary #imghold {padding-top: 320px; background:transparent url(images/diary.jpg) 5px 20px no-repeat;}
/*misc*/

span {
display: block;
font-size:12px;
font-weight: bold;
text-transform:uppercase;
color: #663333;
padding-bottom: 5px;
}

table {
border:0;
font-size: 12px;
}

table td{
vertical-align:top;}