body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:78%;
	color:#666;
	width:100%;
	height:100%;
	margin: 10px 0px 0px 0px;
	font-size:80%;
}
/* diff body themes*/

a img {
	border:none;
	}

 #sectioncolor{
 background-color:#9a2221;
 
 
}
a{
 cursor: pointer;
 }
 
 
 p{
 margin:15px 0px 0px 0px;

 padding:0px;
 }
 
 .contenttable td{
 vertical-align:top;
 
 }
 
 
 #navPanel{
	position:absolute;
	left: 500px;
	margin:0px;
	padding:0px;
	top: 60px;
	cursor: pointer;
	z-index: 2;
	padding-left: 110px;
 }
 
  #navPanel ul{
  list-style:none;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	
 }
 
  #navPanel ul li{
 display:inline;
 }
#navPanel ul li a {
	float:left;
}

#navPanel ul li a{
/*margin-right:31px;*/
}

#navPanel ul li a span {
display:none;
}

#navPanel ul li#onebite a{
background-image:url(../images/nav_r1_c2.gif);
width:100px;
height:17px;
}

#navPanel ul li#onebite a:hover{
background-image:url(../images/nav_r1_c2on.gif);
width:100px;
height:17px;
cursor:pointer;

}
#navPanel ul li#onebite a.current{
background-image:url(../images/nav_r1_c2on.gif);
width:100px;
height:17px;
cursor:pointer;

}

#navPanel ul li#work a{
background-image:url(../images/nav_r1_c4.gif);
width:59px;
height:17px;
}
#navPanel ul li#work a:hover{
background-image:url(../images/nav_r1_c4on.gif);
width:59px;
height:17px;
}

#navPanel ul li#work a.current{
background-image:url(../images/nav_r1_c4on.gif);
width:59px;
height:17px;
}



#navPanel ul li#team a{
background-image:url(../images/nav_r1_c7.gif);
width:105px;
height:17px;
}

#navPanel ul li#team a:hover{
background-image:url(../images/nav_r1_c7on.gif);
width:105px;
height:17px;
}

#navPanel ul li#team a.current{
background-image:url(../images/nav_r1_c7on.gif);
width:105px;
height:17px;
}

#navPanel ul li#client a{
background-image:url(../images/nav_r1_c10.gif);
width:94px;
height:17px;
}
#navPanel ul li#client a:hover{
background-image:url(../images/nav_r1_c10on.gif);
width:94px;
height:17px;
}
#navPanel ul li#client a.current{
background-image:url(../images/nav_r1_c10on.gif);
width:94px;
height:17px;
}
   
#navPanel ul li#contactus a{
background-image:url(../images/nav_r1_c13.gif);
width:80px;
height:17px;
}
#navPanel ul li#contactus a:hover{
background-image:url(../images/nav_r1_c13on.gif);
width:80px;
height:17px;
}
#navPanel ul li#contactus a.current{
background-image:url(../images/nav_r1_c13on.gif);
width:80px;
height:17px;
}



   
      
   
   
   
   


 


 /* main container - holds all areas*/
 #mainContainer{
	margin-top:0px;
	width: 960px;
	padding: 0px 0px 0px 0px;
	left:50%;
	margin-left:-480px;
	position: relative;
	
	}
 
/* top holds nav and flash top banner*/ 
#topContainer{
	width:960px;
	height:100px;
	margin: 0px 0px 3px 0px;
}


#homeGallery{
	width:950px;
	height:360px;
	margin-bottom: 3px;
}

#contentarea{
	width:956px;

}
#leftArea{
	width:650px;
	display: inline;
	float: left;
}
#rightArea{
	width:300px;
	float: left;
}


/* white panels*/

.lt_mainpanel{
width:12px; 
float:left; 
height:10px; 
background-image:url(../images/onebite_panelshapes_4a_r2_c2.png);
}
.top_mainpanel{
width:928px; 
float:left; 
background-color:#FFFFFF; 
height:10px;
}
.rt_mainpanel{
width:16px; 
float:left; 
height:10px;
background-image:url(../images/onebite_panelshapes_4a_r2_c4.png);
}

.content_mainpanel{
	width:956px;
	background-image:url(../images/onebite_panelshapes_4a_r3_c4.png);
	float: left;
}

.content_mainpanel_card{
	width:856px;
	padding:10px 0px 10px 100px;
	background-image:url(../images/onebite_panelshapes_4a_r3_c4.png);
	float: left;
}

.lb_mainpanel{
width:12px;  
height:14px; 
float:left; 
background-image:url(../images/onebite_panelshapes_4a_r4_c2.png);
}
.bottom_mainpanel{
width:928px; 
float:left; 
height:14px; 
background-image:url(../images/onebite_panelshapes_4a_r4_c3.png);
}
.rb_mainpanel{
width:16px; 
float:left; 
height:14px; 
background-image:url(../images/onebite_panelshapes_4a_r4_c4.png);
}
#leftpan650{
	width:650px;
	float:left;
	background-image: url(../images/shad.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
#leftpan950{
	width:950px;
	float:left;
}
.650panel{
width:650px;
float:left;
display:inline;
}
.300panel{
	width:100px;
	float:left; 
	color: #FFFFFF;
}
.maincontentpage{


}


#footer{
	background-image:url(../images/footerpng.png);
	width:956px;
	height:61px;
	color:#FFFFFF;
}
#footer a{
color:#FFFFFF;
}
#footerleft{
width:500px; float:left; padding:12px 0px 0px 12px;
}
#footerleft a{
	margin-right:37px;
	text-decoration: none;

}
#footericons{
	width:400px;
	float:left;
	padding-top: 20px;
	padding-left: 20px;
}



/* fonts*/
.graysmall{
	color:#999;
	font-size:0.8em;
}
.loginnotice{
color:#FF0000;
	font-size:1em;
}
.darkgrayxsmall{
	color:#666;
	font-size:0.9em;
}
.darkgraysmall{
	color:#666;
	font-size:1em;
}
.darkgraymedium{
	color:#333;
	font-size:1em;
}

.redheadingsxbig{
	color:#B52E2B;
	font-weight: bold;
	font-size:1.4em;
}
.redheadingsbig{
	color:#B52E2B;
	font-weight: bold;
	font-size:1.2em;
}
.redheadings{
	color:#B52E2B;
	font-weight: bold;
	font-size:1em;
}
.redheadings a {
	color:#B52E2B;
	font-weight: bold;
	font-size:1em;
	text-decoration:none;

}

.pinklink{
color:#E781AC;
text-decoration:none;
}
.pinklink2{
color:#E781AC;
}


/* title images*/
#titlehello{
background-image:url(../images/titlehome_hello.gif);
width:223px;
height:84px;
}
#titlehello span{
display:none;
}
#titlecontact{
background-image:url(../images/titlecontact.gif);
width:280px;
height:28px;
}
#titlecontact span{
display:none;
}
#titleenquiries{
	background-image:url(../images/titleenquiry.gif);
	width:231px;
	height:30px;
}
#titleenquiries span{
display:none;
}



#titleterms{
background-image:url(../images/titleterms.gif);
width:280px;
height:28px;
}

#titleterms span{
display:none;
}

#titleaccessibility{
background-image:url(../images/titleaccessibility.gif);
width:280px;
height:28px;
}

#titleaccessibility span{
display:none;
}

#titlesitemap{
background-image:url(../images/titlesitemap.gif);
width:280px;
height:28px;
}

#titlesitemap span{
display:none;
}



#titlegoodat{
	background-image:url(../images/titlehome_goodat.gif);
	width:251px;
	height:28px;
	margin-top:20px;
}

#titlegoodat span{
display:none;
}
#titlewhatish{
background-image:url(../images/titlehome_whatishapp.gif);
width:225px;
height:27px;
}

#titlewhatish span{
display:none;
}

#titleourlatest{
background-image:url(../images/titleourlatest.gif);
width:310px;
height:23px;
}
#titleourlatest span{
display:none;
}

#titlenews{
background-image:url(../images/titlenews.gif);
width:165px;
height:22px;

}

#titlenews span{
display:none;
}

#clientsarea{
background-image:url(../images/titleclientsarea.jpg);
width:165px;
height:22px;
}
#clientsarea span{
display:none;
}

#titlejustfinished{
background-image:url(../images/titlejustfinished.gif);
width:170px;
height:22px;
}
#titlejustfinished span{
display:none;
}


.newsimages{
border:#999999;
border-width:1px;

border-style:solid;
}


/* work*/
.mainimagework{
	border:#999999;
	border-width:1px;
	border-style:solid;
}


.boxprojectthumb{
	width:155px;
	float:left;
	height: 140px;
	margin-bottom: 30px;
	margin-left: 22px;
}
.projectpanelleft{
 width:371px; float:left; padding-left:23px; 
 }
 .projectpanelright{
  width:540px; float:left; 
  }





/* news*/
.newssnippet{
	margin-bottom: 10px;
}
.leftnewssnippet{
 width:105px; float:left;
 }
.marg0{
	margin-top:0px;

}

#newspanel{
	padding:5px 0px 0px 0px;
	margin-left:12px;
	margin-right:20px;
}
#newspanel h4{
	margin-bottom:0px;
}

.loginfrm input{
width:150px;

}
.textmainwork{
padding-right:30px;

}