body { background-color:#EEE; margin:0; padding:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

#page { width:958px; margin:0 auto; background-color:#FFF; border-right:#DDD solid 1px; border-left:#DDD solid 1px; border-top:#DDD solid 3px; color:#525464; padding-top:35px;}

h1.logo { margin:10px 0 0 0; font-size:1.65em; font-weight:normal; color:#525464;}

h2.heading { color:#AAA; font-size:1.65em; font-weight:normal; margin:0; padding:0 0 0 1px; text-align:left}

p.missionstatement { color:#FFF; font-size:1.65em; font-weight:normal; margin:0; padding:0; line-height:1.65em;}



#header { width:938px; padding: 0 10px 0 10px; height:75px; margin:0;}

#logo { width:328px; height:50px; margin:0; padding: 0; float:left;}

#menu { width:610px; height:50px; margin:0; padding:0; float:left;}

#submenu { width:610px; height:25px; margin:0 0 0 328px; padding:0; clear:both;}

.menu { margin-top:17px;}

.hide { display:none;}

ul { list-style-type:none; padding:0; margin:0;}

ul li { display:inline;}

ul li a { color:#999; text-decoration:none; margin: 0 25px 0 0}
ul li a:hover, .active { color:#525464;}


a { color:#999; text-decoration:none;}
a:hover { text-decoration:underline}


#content { width:960px;}

.index { margin-top:125px;}

.portfolio {margin-top:50px;}

.contact {}


#infoimages { width:958px; background-color:#525464; height:200px;}

#missionstatement { width:250px; padding:35px 30px 0 10px; float:left; height:200px;}

#missionimage { float:left; height:200px; width:609px;}



#infotext { width:938px; margin:100px 0 0 10px; height:250px;}

.frame { width:280px; float:left; margin:0;}
.framespace { width:49px; float:left;}


.heading {}

.text { width:276px; border-top:#CCC solid 1px; padding:5px 2px 0 2px; text-align:justify}





#portfolio { width:958px; height:600px;}

#portimage {  float:left; width:280px; padding:0 0 0 10px;}

#portimages {  float:left; margin:25px 0 0 49px; width:570px; text-align:center}

#portimages img { width:100px; margin:20px 10px 0 10px; padding:1px; border:#CCC solid 1px;}
#portimages img:hover { border:#525464 solid 1px;}

#porttext { float:left; width:570px; margin:0 49px 0 49px; text-align:justify}



#footer { float:left; width:960px; margin:-1px; text-align:center; padding:5px 0 3px 0; background:#DDD; color:#525464;}
.contactinfo { margin-right:25px;}


/* CONTACT - enquiry */

form { }

input { border:#CCC solid 1px; color:#222; font-size:1.0em; width:218px; height:20px; padding:1px; margin-top:1px; outline:none; border-left:#525464 solid 1px;}

input:hover, textarea:hover, input:focus, textarea:focus { border:#525464 solid 1px}

textarea { border:#CCC solid 1px; color:#222; font-size:1.0em; height:120px; padding:1px; margin-top:1px; outline:none; border-left:#525464 solid 1px;}

.input {}
.inputlong { width:478px;}
.textarea { width:478px;}
.textarea_index { height:75px;}

.submit { color:#525464; border:#CCC solid 1px; width:75px; height:24px; font-size:1.0em; background:#FFF; padding-top:3px; margin-top:1px; cursor:pointer; outline:none; font-family:arial; border-left:#525464 solid 1px;;}

.submit:hover {background:#525464; color:#FFF; border:#525464 solid 1px; outline:none;}


.ct_box_f1 {
	float:left;
	width:204px;
	margin-top:14px;
	}

.ct_box_f2 {
	float:left;
	width:220px;
	margin:14px 0 0 56px;
	}

.ct_box_f3 {
	float:left;
	width:460px;
	margin-top:14px;
	}