body{
background-color:#ffffff;
font-family:Tahoma;
font-size:11px;
color:#ffffff;
margin:0;
padding:0;
line-height: 1.25;
}

#galhead {
margin:auto;
padding:0;
width:0px;
height:50px;
background-color:#ffffff;
}

#galouter{
margin:auto;
margin-left:50px;
padding:0;
width:876px;
height:626px;
background:url(../images/hatfield1.jpg);
background-color:#302c20;
margin: 0 auto;
padding :0,0,0,0;
}

#gal{
position:absolute;
margin:auto;
margin-left:67px;
margin-top:288px;
float:left;
padding:0;
width:755px;
height:258px;
background-color:#000000;
}


#mcb {
position:absolute;
margin-top:80px;
margin-left:355px;
margin-bottom:0px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:12px;
}

#copyr {
position:absolute;
margin-top:604px;
margin-left:350px;
margin-bottom:0px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#444444;
font-size:10px;
}

#mcbhome {
position:absolute;
margin-top:216px;
margin-left:364px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#00FF00;
font-size:12px;
}

#mcbservices {
position:absolute;
margin-top:216px;
margin-left:421px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#00FF00;
font-size:12px;

}

#mcbportfolio {
position:absolute;
margin-top:216px;
margin-left:488px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#00FF00;
font-size:12px;
}

#mcbcomments {
position:absolute;
margin-top:216px;
margin-left:555px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#00FF00;
font-size:12px;
}

#mcbcontact {
position:absolute;
margin-top:216px;
margin-left:622px;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#00FF00;
font-size:12px;
}

#hatcontact {
position:absolute;
margin:auto;
margin-top:165px;
margin-left:120px;
float:right;
padding:0px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#ffffff;
font-size:14px;
}


.alink1{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#a92027;
font-size:14px;
padding :0,0,0,0;
}

.alinkhome{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#666666;
font-size:14px;
padding :0,0,0,0;
}

.alinkservices{
position:relative;
margin:auto;
margin-left:4px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#666666;
font-size:14px;
padding :0,0,0,0;
}

.alinkportfolio{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#666666;
font-size:14px;
padding :0,0,0,0;
}

.alinkcomments{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#666666;
font-size:14px;
padding :0,0,0,0;
}

.alinkcontact{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#666666;
font-size:14px;
padding :0,0,0,0;
}

.alinkemail{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:16px;
padding :0,0,0,0;
}

.alinkmob{
position:relative;
margin:auto;
margin-left:10px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:16px;
padding :0,0,0,0;
}

.alinktel{
position:relative;
margin:auto;
margin-left:24px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:16px;
padding :0,0,0,0;
}

.alinkd{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:plain;
text-decoration:none;
color:#FFFFFF;
font-size:10px;
padding :0,0,0,0;
}

.aserv{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
padding :0,0,0,0;
}

.alinka{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
padding :0,0,0,0;
}

.alinkb{
position:relative;
margin:auto;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
padding :0,0,0,0;
}

.alinkc{
position:relative;
margin:auto;
margin-left:5px;
font-family: arial, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:16px;
padding :0,0,0,0;
}


#home{
height:262px;
position:absolute;
left:0;top:0;
margin:0;
margin-top:-2px;
margin-left:0px;
padding:0;
display:none;
}


#homeback{
width: 720px;
height:290px;
left:0;top:0;
margin:auto;
margin-top:0px;
margin-left:5px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}


.hometext{
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-weight:normal;
font-size:12px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}


#services{
height:262px;
position:absolute;
left:0;top:0;
margin:0;
padding:0;
display:none;
}


#servback{
width: 700px;
height:290px;
margin:auto;
margin-top: 0px;
margin-left:5px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}


.servtext{
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-weight:normal;
font-size:12px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}

.servtextlink {
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-weight:normal;
font-size:12px;
text-decoration:underline;
color:#ffffff;
padding:0,0,0,0;
}

#comments{
height:262px;
position:absolute;
left:0;top:0;
margin:0;
padding:0;
display:none;
}

#commback{
width: 650px;
height:300px;
margin:auto;
margin-top: 0px;
margin-left:5px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}

.commtext{
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-style:italic;
font-weight:normal;
font-size:12px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}

#contact{
height:262px;
position:absolute;
left:0;top:0;
margin:0;
padding:0;
display:none;
}

#contback{
width: 780px;
height:290px;
margin:auto;
margin-top: 0px;
margin-left:5px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}

.conttext{
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-weight:normal;
font-size:12px;
text-decoration:none;
color:#ffffff;
padding:0,0,0,0;
}

.conttextlink{
margin: 0 auto;
margin-top: 0px;
font-family: arial, serif;
font-weight:normal;
font-size:12px;
text-decoration:underline;
color:#ffffff;
padding:0,0,0,0;
}


#contenu{
margin:auto;
padding:0;
width:720px;
height:262px;
float:left;
overflow:hidden;
position:relative;
}

#load{
margin:0;
padding:0;
width:378px;
height:147px;
position:relative;
left:50%;
top:50%;
margin-left:-190px;
margin-top:-88px;
}

.vignette{
margin-left:5px;
padding:0px;
background:#000000;
width:55px;
height:262px;
float:left;
}

#portfolio{
height:262px;
position:absolute;
left:0;top:0;
margin:0;
padding:0;
display:none;
}

#godown{
position:relative;
margin:0;
padding:0;
width:25px;
height:262px;
float:left;
margin-top:0px;
margin-left:-720px;
background:url(../images/left.gif) no-repeat center center;
background-color:#000;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor:pointer;
	display:none;
}

#gotop{
position:relative;
margin:0;
padding:0;
width:25px;
height:262px;
margin-top:-300px;
margin-left:575px;
float:right;
background:url(../images/right.gif) no-repeat center center;
background-color:#000;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor:pointer;
	display:none;
}




p{
margin:auto;
font-family: arial, serif;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
font-size:10px;
padding :0,0,0,0;
}

ul{
margin-top:0px;
margin-left:0px;
}

#feature{
border:none;}

a{
color:#ABC037;
border:none;}