/* 
    Document   : css
    Created on : 26-Oct-2009, 17:15:08
    Author     : Sam Holland
    Description: CSS for the Tarbay Center Website

*/
/* ***************************************
	RESET BASE STYLES
*************************************** */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
em, i {
    font-style:italic;
}
/* tables still need cellspacing="0" (for ie6) */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td, tr {
    font-weight: normal;
    padding: 2px;
    vertical-align: top;
}
textarea {
    height: 60px;
    width: 320px;
    border: 1px solid #bfdbb7;
}
input{
    border: 1px solid #bfdbb7;
    font: 90%/1.4  "Calibri" , "Lucida Grande", Verdana, sans-serif;
    color: #3a1d00;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ***************************************
	DEFAULTS
*************************************** */

body {
    margin:0;
    background: #493c2c;
    font: 80%/1.4  "Calibri" , "Lucida Grande", Verdana, sans-serif;
    color: #3a1d00;
    text-align:center;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: normal;
    color: #b7dbd9;
}
h1 { font-size: 2.3em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

.subheading{
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;
}
a {
	color: #3a1d00;
	text-decoration: underline;
	outline: none;
}
a:visited {

}
a:hover {
	color: #4690d6;
	text-decoration: underline;
}
img {
	border: none;
        vertical-align: middle;
}
p {
    margin: 0px 0px 10px 0;
    text-align: justify;
}
ul {
    margin: 0px 0px 15px;
	border:0;
	padding: 0;
    padding-left: 15px;
    list-style-image: url(../_images/bp.png);
}
ul li {
    margin: 0px;
}
.input {
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 20px;
}

/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
div#homecontainer {
    background-image: url(../_images/homecontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#contactcontainer {
    background-image: url(../_images/contactcontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
	margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#fordogscontainer {
    background-image: url(../_images/fordogscontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
	margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#openinghourscontainer {
    background-image: url(../_images/openinghourscontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#forcatscontainer {
    background-image: url(../_images/forcatscontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#groomingcontainer {
    background-image: url(../_images/groomingcontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#thankyoucontainer {
    background-image: url(../_images/thankyoucontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#hydrotherapycontainer {
    background-image: url(../_images/hydrotherapycontainer2.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#dogfoodcontainer {
    background-image: url(../_images/dogfoodcontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#blankcontainer {
    background-image: url(../_images/blankcontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#boardingcontainer {
    background-image: url(../_images/boardingcontainer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 0px;
    height: 610px;
}
div#containerframe {
    width:666px;
    margin: 0 auto;
    text-align:left;
}
div#containerheader{
    height: 177px;
}
div#containermain{
    height: 405px;
    margin: 0px;
	position: relative;
	padding: 10px;
}
div#containerfooter{
    margin-right: auto;
	margin-left: auto;
	padding: 0;	
	width: 666px;
}
div#containerheader .titlebox{
    height: 103px;
    position:relative;
}
div#containerheader .menu{
    height: 74px;
}
/* ***************************************
    TITLE - COMPANY NAME, LOGO
*************************************** */
.logo{
	background: url(../_images/logo3.png) no-repeat;
	width: 254px;
	height: 79px;
	position: absolute;
	left: 203px;
	bottom: 5px;
}
/* ***************************************
    MENU - HYPERLINKS ETC 
*************************************** */
ul#menulist{
    padding:0;
    margin: 0;
    list-style-type:none;
    width:666px;
    position:relative;
    display:block;
    font-weight: bold;
}
ul#menulist li{    
    display:block;
    float:left;
    margin:0;
    padding:10px 0px 0px 0px;
}
ul#menulist li a{
    color: #f5f9de;
    text-decoration: none;
    outline: none;
    font-size: 1.2em;
    display:block;
    float:left;
    padding:8px 5px 0px 5px;
}
ul#menulist li a:hover{
    color: #b7dbd9;
    text-decoration: underline;
}
ul#menulist li a.current{
    color: #b7dbd9;
    display:inline;
    float:left;
    margin:0;
}

/* ***************************************
    FOOTER
*************************************** */
div#containerfooter p{
    color: #f5f9de;
    margin: 0;    
	text-align: center;
    padding: 0;
}
div#containerfooter p.secondline{
    word-spacing: 15px;
}
div#containerfooter a {
    color: #f5f9de;
	text-decoration: none;
}
div#containerfooter a:visited {

}
div#containerfooter a:hover {
	color: #f5f9de;
	text-decoration: underline;
}
/* ***************************************
    IMAGES PAGE - TEAM, DOG FOOD
*************************************** */
#paginationcontainer{
	position: absolute;
	bottom: 20px;
	right: 5px;
}
*html #paginationcontainer{
	position: absolute;
	bottom: 0px;
	right: 5px;
}
#paginationcontainer .previous-off,
#paginationcontainer .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
border:solid 1px #666666;
background-color: #b7dbd9;
}
#paginationcontainer .previous-off, #paginationcontainer .previous a {
margin-right: 4px;
}
#paginationcontainer .next a,
#paginationcontainer .previous a {
font-weight:bold;
border:solid 1px #666666;
background-color: #b7dbd9;
}
#paginationcontainer a:link,
#paginationcontainer a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 4px;
text-decoration:none;
}
#containerfloat{
}
#float{
float: left;
margin-right: 10px;
margin-bottom: 10px;
width: 310px;
}
#float img, #float p {
float: left;
}
#float p{
width: 200px;
}