html { -webkit-text-size-adjust:none; }

A:link    { text-decoration: underline; color:#00c4f7; }
A:visited { text-decoration: underline; color:#00c4f7; }
A:active  { text-decoration: underline; color:#7ccb35; }
A:hover   { text-decoration: underline; color:#7ccb35; }

A:link.footerlink    { text-decoration: underline; color:#FFFFFF; }
A:visited.footerlink { text-decoration: underline; color:#FFFFFF; }
A:active.footerlink  { text-decoration: underline; color:#c0e5a0; }
A:hover.footerlink   { text-decoration: underline; color:#c0e5a0; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

body { 
	margin: 0 ; 
	padding: 0 ;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px;
	color: #585a5d;
	line-height: 18px;
}

h1, h2 {
	margin: 17px 0px 0px 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	font-family: 'Lato', serif;
	font-weight: 400;
}


h1 {
	font-size: 30px;
	color: #00c4f7;
	letter-spacing: -1px;
	border-left:solid 5px #d9f5fe;
	padding: 1px 0px 3px 7px;	
}

h2 {
	font-size: 18px;
	color: #7ccb35;
	padding: 0px 0px 10px 0px;	
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #585a5d;
	line-height: 20px;
	padding: 0px 0px 10px 0px;	
	font-weight: 100;
}


.green-heading {

	font-family: 'Lato', serif; 
	font-size:22px; 
	color:#7bca35; 
	margin-bottom: 15px;

}

.container {
	width: 960px; 
	margin: 0px auto; 
	/*background-color:red;*/
}

header {
	width: 100%;
	height: 97px;
	border-bottom: solid 8px #ebebeb ;
	background-color: #fff ;
	padding: 0px; 
	display: inline-block;	
	margin-bottom: -2px;
	
}

nav {
	margin-top: -16px;
}


section {
	margin-top: -1px;
	background-color: #fff ;
	border:solid 1px #ececec;
	padding: 0px;
	display:inline-block;
	

}

.content {
	width: 653px;
	border-right:solid 1px #ececec;
	display:inline-block;
	float: left;

}

.right-column {
	width: 264px;
	float: left;
	padding: 20px 20px 0px 20px;

}





/* ~~ main navigation ~~ */


ul#list-nav li {
   display:block;
   float:left;
   list-style-type: none;
   font-size:17px;
   font-family: 'Lato', serif;

}

ul#list-nav li a {
   display:block;
   width:120px;
   height:97px; 
   background:url(../images/nav-off.gif) no-repeat 0 0;
   padding-top: 68px;
   padding-left: 1px;
   font-weight: bold;
   text-decoration: none; 
   color:#00c4f7;  

}
  
  
ul#list-nav li a:hover {
   background:url(../images/nav-on.gif) no-repeat 0 0;
   color:#7ccb35;
   }
   


ul#portfolio {
	list-style-type:none;
	width: 608px;
	height: 172px;	
	margin: 0;
 	padding: 0;
}

ul#portfolio li {
	list-style-type:none;
	width: 608px;
	height: 172px;
	float: left;	
	margin: 0;
  	padding: 0;
}
    

.gallery-colours {
	background: url(../images/epping-dentist-bg.gif) repeat-x;
	width: 352px;
	height: 172px;
	float: left;
}

.gallery-colours2 {
	background: url(../images/epping-dentist-bg2.gif) repeat-y;
	width: 960px;
	height: 20px;
	/*margin-top: -34px;*/
	font-family: 'Lato', serif;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	padding: 56px 0px 10px 10px;
	float:left;

}


.top {
	float: right;
	margin-top: -10px;		
}


  

.fl {
	float: left;	
}



footer
	{
	background : #7bca35;
	color : #FFFFFF; 
	height: 32px;
	padding: 12px 10px 0px 10px;
	border-bottom: solid 8px #ebebeb ;

}

.gallery-block {
	display:inline-block;
	width: 100%;
	padding: 0px 0px 13px 0px;;
	margin: -10px 0px 0px 0px;
	border-bottom: solid 1px #ececec;
	font-size: 12px;
	line-height:1.4em;;
}

/*................*/
.wrapper{
	padding:0px;
	width:960px; 
	display:block; 
	display:inline-block;
}
.left_side{
	float:left;
	 width: 385px;
	  height: 290px;
}
.inner_content{
	float:left;
	height: 490px;
	padding: 0px 20px;
}
.w_300_1{
	float:left;
	 width: 300px; 
	 padding: 20px 10px 0px 0px;
}
.w_300_2{
	float:left;
	 width: 300px; 
	 padding: 20px 0px 0px 0px;
}
.w_300_3{
	float:left; width: 300px; padding: 15px 10px 0px 0px;
}
.w_300_4{
	float:left; width: 300px; padding: 15px 0px 0px 0px;
}
.w_250{
	float:left; width: 250px; padding: 20px 10px 0px 0px;
}