/*
CSS - CANNING VALE CATTERY AND KENNELS
*/


/* CLEARFIX */
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

strong { font-weight: bold; }
h1 { font-size: 14px; clear: both; padding: 15px; }
h2 { background: #fbc0e1; display: block; padding: 5px; color: #ee058d; font-size: 13px; margin: 0 10px 15px 15px; clear: both; }
a:hover { color:#0099FF; text-decoration: underline; }

table, tr, td { vertical-align: top; font-size: 11px; }
.padded { padding: 0 15px; }
.top { border-top: 1px solid #d2d2d2; padding-top: 4px; clear: both; margin-bottom: 15px; text-align: right; font-size: 10px; }
ul.list { list-style: disc; margin-left: 45px; padding-bottom: 15px; list-style-position: inside; }
ul.list li { font-size: 11px; padding-bottom: 15px;}

/* COMMON STYLES */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background: url(../images/bg-body.jpg) repeat-x;
	background-color: #FCE6F3;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: auto;
	display: block;
	background: url(../images/bg-container.gif) repeat-y 0 0;
}

p {
	text-align: left;
}

h3 {
	text-align: left;
	margin: 0;
	font-size: 100%;
}

a {
	text-decoration: none;
	color: #ED028A;
}

a img {
	text-decoration: none;
	color: #ED028A;
	border: none;
}

td {
	width: 200px;
}

/* HEADER STYLES */
#header {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 178px;
	background: url(../images/bg-top.gif) no-repeat;
}

img#logo {
	margin: 40px auto 0 30px;
	padding: 0;
	border: 0;
	float: left;
}

img#title {
	margin: 5px 12px 0 0;
}

img#header-title {
	margin: 35px 20px 0 0;
	padding: 10px;
	width: 556px;
}



/* NAVIGATION */
.hidden {
	display: none;
}

#nav {
	height: 34px;
	float: right;
}

#nav ul {
	list-style-type: none;
	margin: 0 25px 0 0;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	height: 34px;
	display: block;
}

#nav ul li a:hover {
	background-position: 0 -34px!important;
}

#nav ul li#home a {
	background:url(../images/nav/home.gif) no-repeat top;
	width:68px;
}

#nav ul li#profile a {
	background:url(../images/nav/profile.gif) no-repeat top;
	width:63px;
}

#nav ul li#cattery a {
	background:url(../images/nav/cattery.gif) no-repeat top;
	width:69px;
}

#nav ul li#kennel a {
	background:url(../images/nav/kennel.gif) no-repeat top;
	width:64px;
}

#nav ul li#testimonials a {
	background:url(../images/nav/testimonials.gif) no-repeat top;
	width:101px;
}

#nav ul li#booking_form a {
	background:url(../images/nav/booking_form.gif) no-repeat top;
	width: 125px;
}

#nav ul li#contact-us a {
	background:url(../images/nav/contact.gif) no-repeat top;
	width:74px;
}

body.home #nav ul li#home a {background-position:0 -34px!important;}
body.profile #nav ul li#profile a {background-position:0 -34px!important;}
body.cattery #nav ul li#cattery a {background-position:0 -34px!important;}
body.kennel #nav ul li#kennel a {background-position:0 -34px!important;}
body.testimonials #nav ul li#testimonials a {background-position:0 -34px!important;}
body.booking_form #nav ul li#booking_form a {background-position:0 -34px!important;}
body.contact-us #nav ul li#contact-us a {background-position:0 -34px!important;}



/* LAYOUT STYLES */
* {
	padding: 0;
	margin: 0;
}

.clear {
	display: block;
	clear: both;
}

#bold {
	font-weight: bold;
}

#shadow-left {
	width: 5px;
	float: left;
}

#shadow-right {
	width: 5px;
	float: right;
}

#content {
	margin: 0 auto;
	width: 770px;
	min-height: 222px;
	background: url(../images/bg-content.gif) repeat-x;
}


/* LEFT PANEL */
#column-left {
	float: left;
	width: 199px;
	background-color: #FFFFFF;
}

#left-panel {
	margin: 8px 0 0 17px;
}

#icon-phone {
	margin: 15px 0 -6px 0px;
	padding: 0;

}


/* RIGHT PANEL */
#column-right {
	float: right;
	width: 189px;
	margin: 0;
	background-color: #FFFFFF;
}

#right-panel {
	float: right;
	width: 153px;
	min-height: 495px;
	margin-right: 19px;
	_margin: -2px 9px 0 0; /* IE Win fix */
	background: url(../images/right-panel/bg.gif) repeat-x;
}

img#visit {
	margin-top: 10px;
}

img#CABA {
	margin-top: 10px;
}



/* MIDDLE PANEL */
#column-middle {
	float: left;
	width: 392px;
	background-color: #FFFFFF;
}

img#text-photo {
	padding: 8px 10px;
	border: 1px solid #CCCCCC;
}

img#text-header {
	margin: 10px auto;
}


/* RIGHT PANEL CONTENT */
#column-right-content {
	float: left;
	width: 189px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

#right-panel-content {
	width: 153px;
	min-height: 495px;
	margin: -2px 18px 0 17px;
	background: url(../images/right-panel/bg.gif) repeat-x 0 0;
}


/* TEXT PANEL */

#column-full {
	float: right;
	width: 558px;
	text-align: left;
	padding: 5px 15px 0 0px;
}

#scans {
	padding: 0px 0 10px 0px;
}

#top {
	text-align: right;
	margin-right: 20px;
	padding-bottom: 15px;
}

#column-full ul#profile-nav {
	color: #ED028A;
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
	margin: 0px 0 20px 0;
	padding: 0px 0 10px 0px;
}

#column-full ul#profile-nav li {
	float: left;
	margin-left: 5px;
}



/* TEXT STYLES */
#text { line-height: 150%; }

#text p { padding: 0 15px 15px 15px; }

#text2 {
	margin-top: 10px;
}

#gallery {
	margin-top: 10px;
}

#gallery img{
	margin: 5px 0px 0px 5px;
	border: none;
}

#contact-text {
	padding: 0px 5px 15px 0px;
	line-height: 150%;
}

#tab {
	margin-left: 275px;
}

#tab2 {
	margin-left: 102px;
}

#profile-text {
	margin: 0px 25px 15px 0px;
	line-height: 140%;
}


img#profile-pic {
	float: left;
	width: 113px;
	margin: 2px 5px 10px 0;
	vertical-align: top;
}

#text-profile{
	float: right;
	width: 385px;
	margin: 0 20px 15px 0;
}

ul.list {
	margin: 0 25px 10px 30px;
	list-style-position: outside;
	padding-left: 10px;
}


/* FOOTER STYLES */
#footer {
	margin: 0;
	color: #2F3132;
	background: url(../images/bg-bottom.gif) no-repeat;
	height: 123px;
}

#footer ul#footer-nav {
	list-style-type: none;
	color: #FFFFFF;
	font-size: 90%;
	background: url(../images/bg-footer.gif) no-repeat;
	width: 742px;
	height: 35px;
	margin: 14px 0 0 35px;
	padding: 10px 0 0px 100px;
}

#footer ul#footer-nav li {
	float: left;
	margin-left: 5px;
}

#footer ul#footer-nav li a {
	color: #FFFFFF;
}

#copyright {
	text-align: center;
	font-size: 80%;
	color: #000000;
	margin: 0px;
}

#webfirm-logo {
	border: none;
	margin: 15px auto;
}

#column-full p,
#column-full h1,
#column-full h2,
#column-full h3,
#column-full h4,
#column-full ul,
#column-full ol,
#column-full table { margin-bottom: 1em; }

#column-full ul,
#column-full ol { margin-left: 2em; }

#column-full h3 { color: #EC028A; margin-bottom: .5em; }

#column-full table { border-collapse: collapse; }

#column-full table th,
#column-full table td { border: 1px solid #ccc; padding: 4px; }

#column-full table td.head_td,
#column-full table th {
	background: #FCE6F3;
	color: #EC028A;
}

#column-full table td.table_title { text-align: center; color: #5083ae; border: 0; padding: 10px 0; width: 800px; }

#column-full .pink_this_important { color: #EC028A; }
#column-full .required { color: red; }

.alert { font-size: 14px; font-weight: bold; text-transform: uppercase; }

ul#price-list { list-style-type: none; }
ul#price-list li {	 padding: 5px 0;border-bottom:1px dashed #e1e1e1; }
ul#price-list li span.item-desc { width: 200px; /*display: inline-block;*/ vertical-align: top; }
ul#price-list li span.item-price { font-weight: bold; width: 150px; margin-left: 580px; position: absolute; left: 355px; }

.imgright { float: right; margin: 0 15px 10px 20px; }
.imgleft { float: left; margin: 0 20px 10px 15px; }