body{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0f4553;
	background-color:#1b426e;
	background-image:url(../img/hydrotherapy-bg.jpg);
	background-repeat:no-repeat;
}
h1{
	font-size: 16px;
	padding:0px;
	margin:0px;
	color:#155b6d;
}
h2{
	color:#2679a6;
	font-size:14px;
	padding:5px 0 0 0;
	margin:0px;
}

a{
font-weight:bold;
}

#container{
	margin:0px auto;
	width:992px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
#header{
	width:992px;
	height:64px;
	padding:177px 0 0 0;
	margin:0px;
}

.clear {clear:both} 
/* remove the list style */
#nav {
    margin:0 0 0 228px !important; 
    padding:0 !important; 
    list-style:none !important;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left !important; 
        display:block !important;  
        position:relative !important;
        z-index:500 !important; 
		padding: 0 5px 0 4px !important;
        margin:0 1px !important;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        padding: 0 4px 0 5px; 
        font-weight:700;  
        height:20px; 
        text-decoration:none; 
        color:#fff; 
        text-align:center; 
    }
 
    #nav li a:hover {
        color:#999;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin: 0 0 0 -1px; 
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:100px; 
            float:left; 
			background:#3b9cb5; 
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
            color:#fff;
        }
         
        #nav ul a:hover {
            text-decoration:none; 
			color: #999;
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}



#left{
	width: 770px;
	padding:0 10px 20px 25px;
	float:left;
}
#left p{
	padding:0px;
}
#left a{
	color:#0f4553;
}
#left a:hover{
	color:#999999;
}
#left ul{
	padding:20px 0 0 20px;
	margin:0px;
}
#left li{
	text-decoration:none;
	padding:5px 0 5px 0;
	margin:0px;
}
#left li a{
	color:#333333;
}
#left li a:hover{
	color:#999999;
}
#right{
	width: 187px;
	padding:26px 0 0 0;
	float:right;
	margin-bottom:20px;
}
#footer{
	width: 942px;
	height: 18px;
	text-align:right;
	font-size: 10px;
	padding:5px 50px 0 0;
	clear:both;
	color:#ffffff;
	background-image:url(../img/canine-hydrotherapy-clacton.jpg);
}
a{
 	text-decoration: none;
	color:#ffffff;
}
a:hover{
	color: #999999;
}
img{
	border: 0;
}
.right{
	float:right;
}
.centre{
	text-align:center;
}
.opening{
	font-size:14px;
	padding:0px;
}
.dog-gallery{
	padding:0 32px 0 0;
}
.head-home{
	background-image:url(../img/bg-header-home.jpg);
}
.head-laser-therapy{
	background-image:url(../img/bg-header-laser-therapy.jpg);
}
.head-hydro{
	background-image:url(../img/bg-header-hydro.jpg);
}
.head-gallery {
	background-image:url(../img/bg-header-gallery.jpg);
}
.head-facilities {
	background-image:url(../img/bg-header-facilities.jpg);
}
.head-location{
	background-image:url(../img/bg-header-location.jpg);
}
.head-links {
	background-image:url(../img/bg-header-links.jpg);
}
#videoContainer {
	margin: 0 auto;
	width: 580px;}
.videoThumb {
	margin: 12px 20px;
	float: left;
}