/* CSS Document */

body, html {
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
background:#0088aa;
}

body {
background:url(images/bg.png) center repeat-y;
}



#containermiddle {
margin:auto;
min-height:100%;
height:auto !important;
height:100%;
background:url(images/bg.png) center repeat-y;
width:922px;
padding-left:41px;
padding-right:41px;
}


#logocontainer{
width:840px;
height:130px;
padding-left:41px;
}

#logoholder {
height:99px;
width:206px;
background:url(images/logo.png) no-repeat center;
padding-bottom:20px;
float:left;
}

#gmcholder {
height:99px;
width:200px;
background:url(images/guild-of-master-craftsmen-logo.png) no-repeat right;
padding-bottom:20px;
float:right;
}

#menubar{
width:840px;
height:50px;
background-color:#0088aa;
margin-left:41px;
}

#menucornerleft{
width:10px;
height:10px;
background:url(images/bluecornerleft.png) no-repeat left top;
float:left;
}

#menucornerright{
width:10px;
height:10px;
background:url(images/bluecornerright.png) no-repeat right top;
float:right;
}

#footercornerleft{
width:10px;
height:50px;
background:url(images/greycornerleft.png) no-repeat left bottom;
float:left;
}

#footercornerright{
width:10px;
height:50px;
background:url(images/greycornerright.png) no-repeat right bottom;
float:right;
}

#homepanelcontainer {
margin-left:41px;
width:840px;
height:226px;
margin-bottom:20px;
}

#homepanelleft {
width:495px;
height:226px;
float:left;
background:url(images/homepanelleft.png) no-repeat;
}

#homepanelright {
width:286px;
height:186px;
float:right;
background:url(images/homepanelright.png) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#004f63; line-height:16px;
padding:20px;
}

#menubarright{
width:137px;
height:50px;
padding-right:10px;
background:url(images/telephoneno.png)  center no-repeat;
float:right;
}

#menubarleft{
width:650px;
height:26px;
padding-left:10px;
float:left;
padding-top:12px;
}


a.home {
	display: block;
	width: 61px;
	height: 25px;
	text-decoration: none;
	background: url("images/home.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
padding-top:2px;
	}

a.home:hover {
	background-position: -61px 0;
	
	}
	
a.homedown {
	display: block;
	width: 61px;
	height: 25px;
	text-decoration: none;
	background: url("images/home.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
	background-position: -61px 0;
	
	padding-top:2px;
	}
	
a.company {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/company.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
padding-top:2px;
	}

a.company:hover {
	background-position: -82px 0;
	
	}
	
a.companydown {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/company.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
	background-position: -82px 0;
	
	padding-top:2px;
	}
	
a.projects {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/projects.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
padding-top:2px;
	}

a.projects:hover {
	background-position: -82px 0;
	
	}
	
a.projectsdown {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/projects.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
	background-position: -82px 0;
	
	padding-top:2px;
	}
	
a.contact {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/contact.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
padding-top:2px;
	}

a.contact:hover {
	background-position: -82px 0;
	
	}
	
a.contactdown {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	background: url("images/contact.png");
	background-repeat:no-repeat;
	margin:0;
	margin-right:10px;
	padding:0;
vertical-align:top;
float:left;
	background-position: -82px 0;

	padding-top:2px;
	}
	
	.telno {
	display: block;
	width: 149px;
	height: 27px;
	text-decoration: none;
	background: url("images/telno.png");
	background-repeat:no-repeat;
	margin:0;
	padding:0;
vertical-align:top;
float:right;
	}
	
#content{
width:100%;
background-color:#FFFFFF;
min-height:500px;
height:auto !important;
height:500px;
padding-left:41px;
}
	
#imagecontainer {
width:840px;
height:269px;
margin:auto;
overflow:hidden;
}

.imagetofade {
width:840px;
height:269px;
margin:auto;
}

#textbox {
widows:840px;
height:200px;
}

#footerbar{
width:840px;
height:50px;
background-color:#b3b3b3;
border-bottom:20px solid #ffffff;
margin-left:41px;
clear:both;
}

#footerleft{
width:50%;
height:50px;
line-height:50px;
vertical-align:middle;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
padding-left:0px;
}

#footerright{
width:283px;
background:url(images/twoclouds.png) center no-repeat;
height:50px;
float:right;
margin-right:0px;
}

.title {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#0088aa; line-height:26px;
}

.contitle {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#0088aa; line-height:18px;
}

.clear {
overflow:hidden;
*overflow:visible;
width:100%;
}

.compsep {
width:520px;;
margin-top:20px;
margin-bottom:20px;
height:0;
border-top:solid 1px #999999;
}

#company {
width:880px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
padding-top:30px;
padding-bottom:30px;
padding-left:51px;
float:left;
}
#companyleft {

width:530px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;

}

#contact {
width:880px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
padding-left:41px;
float:left;
padding-top:30px;
padding-bottom:30px;
}

#projects {
width:880px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#0088aa;
padding-left:41px;
float:left;
padding-top:30px;
padding-bottom:30px;
}

#contactleft {
width:590px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;

}

.newblock {width:100%; clear:both;}

.contentright {
width:230px;
float:left;
margin-left:50px;
height:60px;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333;
}

#contactright {
width:230px;
float:right;
margin-left:50px;
padding-top:30px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
text-align:left;
}



#testimonialcontainer {
width:820px;
height:auto;
}

.testimonial {
width:700px;
height:auto;
padding:30px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
background-color:#ffffff;
margin-bottom:30px;
margin-left:25px;
border:solid 2px #cccccc;
}

.testname {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#0088aa;
}

#contactform {
width:530px;
height:300px;
padding:30px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;
background-color:#CCCCCC;
}

.formfieldcontainer {
width:350px;
margin:auto;
height:18px;
margin-bottom:14px;
}

.formfieldcontainerta {
width:350px;
margin:auto;
height:auto;
margin-bottom:14px;
}

.formfieldleft { 
width:120px;
height:18px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333;
text-align:right;
padding-top:2px;
}

.formfieldright {
width:200px;
height:18px;
background:#ffffff;
border:solid 1px #333333;
padding:2px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0088aa;
}

.submit {
width:170px;
height:18px;
padding-left:24px;
float:left;

}

.formfieldrightta {
width:200px;
height:auto;
background:#ffffff;
border:solid 1px #333333;
padding:2px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0088aa;
margin-bottom:14px;
}