body { 			 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; color: #6C5E5D; font-weight: 400; line-height: 32px; text-align:center; background-image: url(../images/witewall_3.png); background-repeat: repeat; }

#footer { 		margin-right: auto; margin-left: auto;  border-top:6px; border-top-style:solid; color: #A2D1D0; background-color: #6C5E5D; float: none; clear: both; padding-top: 50px; }
#footerinner {	width: 1024px; margin-right: auto;  margin-left: auto; height: 450px; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; background-color: #ffffff; }
#imageContainer{ padding: 10px 15px 15px 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif)  right 15% no-repeat; }

#imageDataContainer{ background-color: #ffffff; margin: 0 auto; line-height: 1.5em; overflow: auto; width: 100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #576990; }

#imageData{	padding:0 15px; color: #40505f; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; color: #576990; }	
#imageData #caption{ font-weight: bold; color: #43484C; padding-top: 0.8em; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 1em; padding-top: 1em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #666; }	

#header {		  margin-right: auto; margin-left: auto; clear: both; float: none; margin-bottom:50px; background-image: url(../images/Paw-pets-head-repeat.png); background-repeat:repeat-x ; }
#headerarea {	 float: none; clear: both; width: 1024px; margin-right: auto; margin-left: auto;  }
#contentarea {	width: 1024px; margin-right: auto; margin-left: auto; clear: both;  margin-top: 5px; padding-top: 2px; }

* {				margin: 0px; padding: 0px; }
#social {		float:right; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; padding-left: 250px; padding-top: 4px; width: 158px; height: 53px; margin: 1px; }
a { color: #6C5E5D; text-decoration: underline; }
a:hover { color: #5B867F; text-decoration: underline; }

a.main { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; color: #45484D; text-decoration: none; font-size: 19px; line-height: 32px; margin: 40px 40px 0px 0px; }
a.main:hover { color: #576990;text-decoration: underline; }

p {padding-bottom:5px;}

h1 {	font-family:'Amatic SC', Arial, Helvetica, sans-serif; font-weight: ; font-size: 72px; line-height: 72px; color:#749F92; }
h2 { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 400; font-size: 22px; color: #5B867F; line-height: 30px; }
h3 { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight: 400; font-size: 40px; line-height: 48px; color:#6C5E5D}
h4 {	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #6C5E5D; font-weight: 100; }
h5 {	font-family: : "Trebuchet MS", Arial, Helvetica, sans-serif ;	font-weight: 300; font-size: 14px; font-weight: bold; color: #6C5E5D; }
h6 {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6C5E5D; font-weight: lighter; 	 }

#nav { font-family: text-align:center;    height: 100px; width: 1024px; margin-top:100px; padding-top: 2px; padding-bottom: 50px; padding-left: 16px;  font-family: 'Open Sans', Arial, Verdana; font-weight: 400; font-size: 16px; margin: 0; padding: 0; list-style: none; float:left;  }
#menu ul { text_align:center;	 	 margin: 0; padding-left: 0; list-style: none; z-index:1000; }
#nav ul li {	font-size: 16px; display: inline-block; position: relative;   }
#nav li ul { 	display: none;   background-image:url(../images/CS-nav-bg.png);   color: #ffffff;}
#nav ul li a { 	display: block;  text-decoration: none;   padding: 9px 17px 7px 12px; p margin-left: 1px ;  white-space: nowrap; }
#nav ul li a:hover { 	 color: #749F92; }
#nav li:hover ul { 		display: block; position: absolute; }
#nav li:hover li { 		float: none; font-size: 15px; color: #749F92; width:280px; }
#nav li:hover a.dropdown { color: #6CB9BE;  }
#nav li:hover a { color: #ffffff;  }
#nav li:hover li a:hover { background-image:url(../images/CS-nav-bg.png);   color: #ffffff; }

/* --- grids --- */

.col { float:left;  margin-right:25px; }

.one { 		width: 65px; }
.two {		width: 145px; }
.three { 	width: 225px; }
.four  { 	width: 310px; }
.five { 	width: 390px; }
.six { 		width: 470px; }
.seven { 	width: 555px; }
.eight {	width: 635px; }
.nine { 	width: 715px; }
.ten  { 	width: 795px; }
.eleven { 	width: 875px; }
.twelve { 	width: 1000px; }

.whole { 	width: 1024px; }
	
.headline { width: 1000px; float:left;  margin-right:60px; margin-left:30px; }

.content { width: 800px; float:left;  margin-right:100px; margin-left:100px; }


/* --- buttons --- */	



.btn_enquiry a	{ height: 54px; width: 273px; display: block; background: url(../images/Pets-enquiry-btn.jpg) no-repeat; margin-top: 20px; }	
.btn_enquiry a:hover	{	height: -54px; width: 273px; display: block; text-indent: -9001px; background: url(../images/Pets-enquiry-btn.jpg) no-repeat; background-position: 0 -54px; }


.btn_about a	{ height: 54px; width: 273px; display: block; background: url(../images/CS-about-btn.jpg) no-repeat; margin-top: 20px; }	
.btn_about a:hover	{	height: -54px; width: 273px; display: block; text-indent: -9001px; background: url(../images/CS-about-btn.jpg) no-repeat; background-position: 0 -54px; }

.btn_sessions a	{ height: 54px; width: 273px; display: block; background: url(../images/CS-sessions-btn.jpg) no-repeat; margin-top: 20px; }	
.btn_sessions a:hover	{	height: -54px; width: 273px; display: block; text-indent: -9001px; background: url(../images/CS-sessions-btn.jpg) no-repeat; background-position: 0 -54px; }

.btn_contact a	{ height: 54px; width: 273px; display: block; background: url(../images/CS-contact-btn.jpg) no-repeat; margin-top: 20px; }	
.btn_contact a:hover	{	height: -54px; width: 273px; display: block; text-indent: -9001px; background: url(../images/CS-contact-btn.jpg) no-repeat; background-position: 0 -54px; }

.btn_locations a	{ height: 54px; width: 273px; display: block; background: url(../images/CS-locations-btn.jpg) no-repeat; margin-top: 20px; }	
.btn_locations a:hover	{	height: -54px; width: 273px; display: block; text-indent: -9001px; background: url(../images/CS-locations-btn.jpg) no-repeat; background-position: 0 -54px; }

/* --- sliders --- */

.slider	{		position:relative; width:960px; height:495px; margin:0px; padding:0px; overflow:hidden; float:left }
.slider li { 	text-align: left; float: left; list-style: none; margin: 1px; padding-top: 6px; padding-right: 6px; padding-bottom: 1px; padding-left: 1px; }
.slider img {	text-align: left; float: left; list-style: none; margin: 0px; padding: 0px; width:960px; height:495px; }

/* --- lists --- */
.ul {			margin: 0 auto; padding: 0; }
.nav li { 		text-align: left; float: left; list-style: none; margin: 1px; padding-top: 6px; padding-right: 15px; padding-bottom: 2px; padding-left: 1px; }
.foot li {		float: left; list-style: none; text-align:center; margin: 1px; padding-top: 3px; padding-right: 20px; padding-bottom: 5px; }
.footer li {	text-align: left; margin: 1px; display:inline-block; padding-top: 3px; padding-right: 20px; padding-left: 10px;padding-bottom: 1px;  color:#CCCCCC; font-size: 14px; list-style-type: none; }
.footer li a {	display: listed-item; color:#CCCCCC; text-align:center; text-decoration: none; font-weight:normal; }
.footer li a:hover { color:#ffffff; }