@charset "utf-8";
/* CSS Document */
/* Author: Chris Kennedy */
/* Website: www.chriskennedy.com */

* { margin: 0; padding: 0; }

html {
	background: #fff; min-height: 100%; margin: 0 0 1px; font-size: 100.01%;
}
body {
	padding: 0;
	margin: 0;
	background: url(../imgs/backnofade.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
	font-size: 90%;
}
body, textarea, input, select, option, button { color: #888; font-family: Lucida Grande,Lucida Sans Unicode,sans-serif; line-height: 1.4; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.0em; }


h1, h2, h3, h4, h5, h6 { color: #244b59; font-weight: bold; line-height: 1.2; margin: 0; padding: 0;}
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
#content h2 { text-shadow: #b1e2f0 0 1px 0; }
#content div.post-a-featured h2 { text-shadow:none; }
h3 { margin: 0 0 10px; font-size: 1.2em; /*text-shadow: #b1e2f0 0 1px 0;*/ }
h4 { margin: 0 0 10px; font-size: 1.1em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
.small { font-style:italic; font-size:0.85em; }
	
img { border: none; -ms-interpolation-mode: bicubic; }
/*.right { float:right; margin-left:20px; }
.left { float:left; margin-right:20px; margin-top:20px; } */

.picture { background:#fefefe; padding:4px; border:#ccc 1px solid; font-size:.9em; }
.picture img { padding:5px; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
.clear { clear:both; }
hr { border: solid 1px #F2F7F7; color: #F2F7F7; margin:15px; }
a { color: #244b59; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

blockquote { text-indent: 5px;	background: url(../imgs/quotes1.gif); background-position: 0 2px;	background-repeat: no-repeat; padding:0; margin:0; margin-left:0px; padding-left:15px; border-bottom:#dedede 1px solid; padding-bottom:10px; margin-bottom:10px; }
	blockquote p {	display: inline; margin: 0;	padding-right: 20px; background: url(../imgs/quotes2.gif);	background-position: top right;
	background-repeat: no-repeat; font-size:0.9em; }
	
.feature { background: #F4E9E8; border:dashed 1px #CA6D68; color:#244b59; padding:10px; line-height:1.25em; padding-left:40px; list-style:none; margin-bottom:5px; }
.feature p { padding:0px; line-height:1.2em; margin:2px; }
.green { background:#F2F7F7; font-weight:bold; color:#222; padding-top:15px; padding-bottom:5px; width:550px; }
.address { color:#888; font-size:0.8em; padding-top:15px; }
.gallery { float:left; padding:20px; text-align:center; width:180px; border-right:#eee 1px dotted; }
.pic { margin:10px; border-right:#eee 1px dotted; padding-right:10px; float:left; display:block; text-align:center; }
.silver { color:#adadad; }
.frontpic { margin-left:5px; }
.spdf { text-indent: 5px; background: url(../imgs/spdf.gif); background-position: 0 3px; background-repeat: no-repeat; padding:0; margin:0; margin-left:20px; padding-left:15px;  margin-bottom:10px; font-size:1.3em; } 
.downloadbut { text-indent: 5px; background: url(../imgs/download.gif); background-position: 0 0px;	background-repeat: no-repeat; padding:0; margin:0; margin-left:20px; padding-left:35px;  margin-bottom:20px; font-size:1.3em; height:30px; padding-top:3px; }
.listflower li { background: url(../imgs/flower.gif) no-repeat; list-style:none; padding-left:25px; margin-left:0px; }
.listflower2 li { background: url(../imgs/flower2.gif) no-repeat; list-style:none; padding-left:25px; margin-left:0px; }
.listflower3 li { background: url(../imgs/flower3.gif) no-repeat; list-style:none; padding-left:25px; margin-left:0px; }
.listflower4 li { background: url(../imgs/flower4.gif) no-repeat; list-style:none; padding-left:25px; margin-left:0px; }
#packages {float:none; text-align:center; display:inline;clear:both; margin: 0px auto ;}
#packages ul {float:left; display:inline; list-style:none;}
#packages li { font-weight:bold; border:#eee 1px solid; padding:15px; margin-right:40px; display:inline; float:left; width:200px; height:35px; background: url(../imgs/purple.jpg) repeat-x;}
#packages li a { display: block; color: #fff;  }
#packages li a:hover { display: block; color: #ffff99; text-decoration:none; width:200px; height:35px; padding:15px; margin-top:-15px; margin-left:-15px; background: url(../imgs/green.jpg) repeat-x;}
#packages li.last {margin-right:0px; }

.klix { margin:10px; border-right:#eee 1px dotted; padding-left:20px; padding-right:20px; float:left; display:block; text-align:center; }
.last { padding:20px; padding-right:15px; float:left; text-align:center; width:180px; border:0; }
p.subheader { float:left;  color:#111; clear:both; }
.red { color:#FF3333; }
.blue { color:#6496C5; }
#content {
	width: 880px;
	margin: 0px auto 0;
	background:  url(../imgs/back1000.png) repeat;
	border: solid 1px #ccc;
	border-bottom:0px none;
	border-top:0px none;
	padding: 20px;
	overflow: hidden;
}
#services {
	width: 880px;
	margin: 0px auto 0;
	background:  url(../imgs/back1000.png) repeat;
	border: solid 1px #ccc;
	border-bottom:0px none;
	border-top:0px none;
	padding: 20px;
	overflow: hidden;
	font-size:0.85em;
}
#services h1 { font-size: 1.8em; }
#main {
	width:600px;
	float:left;
	text-align:left;
	padding-right:20px;
	
}
#feature {
	width:240px;
	float:left;
	text-align:center;
}


/* Frontpage layout */
 #intro { overflow: hidden; width: 870px; margin: 0 -40px; padding: 0px 20px 10px; color: #555; }
   #intro p { font-size:1.0em; }
    #intro div.main { float: left; width: 445px; padding: 0; clear:both; }
     #intro div.main h1 { margin: 0; color: #000; font: 2em/1.2 Georgia,serif; letter-spacing: -0.5px; text-align: center; }
	 #intro div.main img { display: block; float:left; padding: 5px; }
     #intro div.main div.action { margin: 15px 0 0; text-align: center; }
      #intro div.main div.action p { display: -moz-inline-stack; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #d3e9f0; text-shadow: #F0FAFC 0 1px 0; font-size: 1.2em; }
	  #intro div.bottom  {  width:445px; clear:both; }
	  #intro div.bottom img { padding-left:5px; padding-right:5px; }
      * html #intro div.main div.action p { display: inline; }
      *:first-child+html #intro div.main div.action p { display: inline; }
       #intro div.main div.action p span { float: left; padding: 8px 20px; border: 1px solid #ecf8fc; background: #E0EAF3 url(../imgs/intro-action.png) repeat-x; color: #6a797f; word-spacing: 5px; }
        #intro div.main div.action p span a { color: #151819; font-weight: bold; word-spacing: 0; }
    #intro div.side { position: relative; float: right; width: 420px; }
	#intro div.side h1 { font-size:1.075em; }
     #intro div.side p { }
      #intro div.side p img { display: block; padding: 0 0 7px; background: url(../imgs/intro-shadow.png) 0 100% no-repeat; }
     

/* end frontpage */
#left { float:left; width:310px; padding:10px; padding-right:10px; overflow: hidden; margin-right:10px; }
#left h1 { font-size:1.5em; }
#left li { margin-bottom:5px;  }
.center { width:210px; float:left; text-align:center; }
.center img { margin-bottom:10px; border:#aaa 1px solid; }
.right { width:310px; float:right; padding:10px; }
.right h1 { font-size:1.5em; }
.right li { margin-bottom:5px;  }
.right blockquote { margin-left:10px;  }
.clients ul { list-style:none;margin-left:40px; }
.clients li { list-style:none;  padding:0px; margin-bottom:-10px; }
#services .right h1 { font-size:1.5em; }

/* offers page */
#leftoffers { float:left; width:420px; padding:10px; overflow: hidden; margin-right:10px; }
#leftoffers h1 { font-size:1.5em; }
#leftoffers h3 { margin-bottom:5px;  }
#leftoffers li { margin-bottom:5px;  }
#leftoffers em { padding:0; margin:0; margin-bottom:5px; font-size:1.2em; }
/*#leftoffers img { margin-bottom:5px; border:#aaa 1px solid; float:right; clear:both; }*/
.rightoffers { width:410px; float:right; padding:10px; }
.rightoffers h1 { font-size:1.5em; }
.rightoffers h3 { margin-bottom:5px; }
.rightoffers li { margin-bottom:5px;  }
.rightoffers em { padding:0; margin:0; margin-bottom:5px; font-size:1.2em; }
.imginline { float:right; display:inline; clear:both; }
.imginline img { margin:5px; border:#aaa 1px solid; }
.weboffers { clear:both; text-align:center; padding-bottom:10px; height:90px; }
/* end of offers page */

#leftsmall { float:left; width:290px; padding:10px; padding-left:5px; overflow: hidden; border-right:#aaa 1px solid; height:400px;  }
#leftsmall p { font-size:0.9em; margin-right:5px; }
#leftsmall img { margin-bottom:10px; }
.centersmall { width:320px; float:left; border-right:#aaa 1px solid; margin-left:5px; padding-right:10px; height:420px; }
.centersmall p { text-align:center; font-size:0.9em; }
.rightsmall { width:210px; float:right; padding:10px; }
.rightsmall p { font-size:0.9em;  }

.fullcol { width:620px; float:left; padding-right:20px; }
.col1 { width:300px; float:left; padding-top:20px; padding-right:10px;  }	
.col2 { width:300px; float:right; padding-right:10px; padding-top:20px; }
.col3 { width:160px; float:right; }		
.photocol { width:240px; float:right; }	
.photocol .imgs{ padding-top:20px; padding-bottom:15px; }
.photocol .box{ margin-top:10px; margin-bottom:10px; border:#999 1px solid; }
.photocol .pad{ margin-top:10px; margin-bottom:10px;  }
  
  #header { position: relative; width: 880px; margin: 5px auto; padding: 0px 0px 0px 0px; }
   #logo { position: absolute; left: 0px; top: 20px; }
   #logo a { }
   #nav { width: 960px; height: 40px; margin: 100px auto ; margin-bottom:0px; background: #5d5e61 url(../imgs/navbar.jpg) repeat-x; float:none; font-size:0.9em; }
   #nav ul { float: left; list-style: none; margin: 0 30px; padding: 0px 5px 0; }
   #nav ul li { display: inline; float: left; margin: 0 0 0 30px; font-weight: bold; font-size:1.1em; }
   #nav ul li a { float: left; padding: 2px;  color: #fff; }
   #nav ul li a:hover,
   #nav ul li a:focus { color: #ffffbb; text-decoration: none; background: url(../imgs/navhover.png) no-repeat; background-position: center;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
   #nav ul li a:active {margin-top:0px; }
   #nav ul li a span { float: left; padding: 8px; cursor: pointer; }
   #nav ul li a.active { float: left; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(../imgs/nav-a.png) repeat-x; background-position: 0 0; color: #EDF2DB; border-bottom:2px #fff solid; }
   #nav ul li a.active span { padding: 8px; padding-bottom:0px;  }
   #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
   #nav p { display: inline; float: right; margin: 10px 10px 0 0; padding: 0 11px 0 0; line-height: 1; background: url(../imgs/nav-button-a.png) 100% 0 no-repeat; font-weight: bold; }
   #nav p span { position: relative; float: left; min-width: 176px; margin: 0 0 0 -1px; padding: 10px 0 10px 11px; background: url(../imgs/nav-button-a.png) 0 0 no-repeat; color: #000099; text-align: center; }
   #nav p span a { color: #fff; }
   #nav p span a:hover,
   #nav p span a:focus,
   #nav p span a:active { color: #e2ecf6; text-decoration: none; }
   #action { position: absolute; right: 43px; top: 45px; font-size:20px; width: 243px; height: 43px; color:#000099; background: url(../imgs/tel.png) no-repeat; text-indent:-999999px; }
   
   
   #info { position: absolute; right: 35px; top: 3px; width:265px; height:24px; list-style: none; margin: 0;  padding: 0; background: url(../imgs/subnavbg.png) 0 75% no-repeat; font-size:0.85em; }
   #info li { float: left; margin: 0 0 0 5px; padding: 2px 2px 0 7px; margin-left:7px;  }
   #info li.first { margin-left: 15px; padding-left: 0; background: none; }
   #info li a { float: left; color: #142830; text-shadow: #fff 0 1px 0; font-size:0.95em; text-decoration:underline; }
	#info li a:hover,
   #info li a:focus,
   #info li a:active { float: left; color: #6666cc; text-shadow: #000 0 1px 0; font-size:0.95em; text-decoration:underline; }
	  
	#tel { position: absolute; right: 35px; top: 3px; width:233px; height:46px; list-style: none; margin: 0;  padding: 0; background: url(../imgs/telno.png ) no-repeat; text-indent:-99999px;}
	#info p { float: left; margin: 0 0 0 5px; padding: 2px 2px 0 7px; margin-left:7px;  }
  /* #intro { overflow: hidden; width: 880px; margin: 0 -40px; padding: 15px 40px 10px; color: #555; }
   #intro p { font-size:1.4em; } */
   
   
   /* lists */
ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
ul.a li { margin: 0 0 3px; font-weight: bold; text-shadow: #c6ecf7 0 1px 0; }

ul.b { list-style: none; margin: 0 0 15px; padding: 0; }
ul.b li { padding: 0 0 0 15px; background: url(../imgs/bullet-d.gif) 0 7px no-repeat; }

ul.archive-a { list-style: none; margin: 0 0 15px; padding: 0; }
ul.archive-a li { margin: 0 0 3px; text-shadow: #6fbad2 0 1px 0; font-weight: bold; }
ul.archive-a li a { float: left; width: 75px; text-shadow: #c6ecf7 0 1px 0; }
ul.archive-a li a span { float: left; width: 30px; }

ul.nav-a { list-style: none; margin: 0 0 15px; padding: 5px; border: 1px solid #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #daf1f8 url(../imgs/nav-a-bg.gif) repeat-x; }
ul.nav-a li { padding: 4px 2px 2px; background: url(../imgs/nav-a-sep.gif) 50% 0 no-repeat; color: #1f3e4c; font-size: 1.3em; }
ul.nav-a li.first { padding-top: 2px; background: none; }
ul.nav-a li a { display: block; color: #7B95CA; }
* html ul.nav-a li a { height: 1%; }
ul.nav-a li a span { display: block; padding: 7px; background: url(../imgs/nav-a-bullets.gif) 175px 55% no-repeat; cursor: pointer; }
ul.nav-a li.active { padding: 1px; border: 1px solid #3985a8; background: #4e9bbd; }
ul.nav-a li.active a { background: #3a83a6 url(../imgs/nav-a-bg-active.gif) repeat-x; color: #fff; text-decoration: none !important; }
ul.nav-a li.active a span { background-position: -25px 55%; }

ul.nav-b { overflow: hidden; list-style: none; margin: 0 0 25px; padding: 0 20px; }
* html ul.nav-b { overflow: visible; height: 1%; }
ul.nav-b li { display: inline; float: left; margin: 0 10px 0 0; border: 1px solid #4f9fb8; border-bottom-color: #57b0cc; background: #5ebedd url(../imgs/nav-b-bg.gif) repeat-x; font-weight: bold; line-height: 28px; }
ul.nav-b li a { float: left; height: 28px; padding: 0 10px 0 30px; background: url(../imgs/nav-b-bullets.png) no-repeat; color: #fff; text-decoration: none !important; text-shadow: #4fa0bc 0 1px 0; }
ul.nav-b li.next a { padding-left: 10px; padding-right: 30px; background-position: 100% -28px; }

#footer { padding: 20px 0; background: #949452 url(../imgs/footerback.jpg) no-repeat; width: 960px; float:none; margin: 0 auto 0; }
#footer div.wrap { overflow: hidden; padding-left:40px;  }
   #footer div.wrap ul { float: left; list-style: none; margin: 0; padding: 0; }
   #footer div.wrap p {  color:#fff; float:left; font-size:0.75em; line-height:1.8em; padding-top:4px; border-top:1px #999 solid; margin-top:10px; width:800px; }
   #footer div.wrap p a:hover,
     #footer div.wrap p a:focus,
     #footer div.wrap p a:active { color: #ffffbb; text-decoration: none; }
    #footer div.wrap ul li {  margin: 0; font-weight: normal; }
     #footer div.wrap ul li a {  color: #fff; }
     #footer div.wrap ul li a:hover,
     #footer div.wrap ul li a:focus,
     #footer div.wrap ul li a:active { color: #244b59; text-decoration: none; }
     #footer div.wrap ul li a.active { padding: 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #8FB0D1 ; color: #fff; }
	  #footer div.wrap a {  color: #fff; }
	  #footer div.wrap a:hover {  color: #244b59; }
	  #footer h3 { font-size:1em; font-weight:normal; color:#ffffbb; }
	  #footer .col1 { width:200px; padding:5px; float:left; margin-right:25px; }
	  #footer .col2 { width:400px; padding:5px; float:left;  }
	  #footer .col2 ul { width:200px; }

.but { width:200px; height:30px; margin-top:10px;}
.imgleft { padding:10px; float:left; display:block; border:0; }
.imgright { padding:10px; float:right; display:block; border:0; }
.advert { background: #fff url(../imgs/logo_fandwb.gif) no-repeat; width:312px; height:76px; text-align:right; margin-bottom:20px; }
.advert h2 {  text-align:center; width:200px; padding-top:10px; margin-left:112px;}

/* FORMS: =forms
----------------------------------------------- */
    form { margin: 0 0 18px 20px; padding: 10px; }
    form label { display: block; height: 20px; float:left; font-size:14px; margin-right:6px; width:100px; }
    form p { margin: 0 0 1em 0; line-height:1.2em; }
    form div.field { margin: 0 0 15px 0;  padding:10px; }
    /*form select { height: 20px;  font-size:14px; margin:6px; padding:6px; width:100px; } */
	
    form div.text input,
	form div.text select, 
    form div.textarea textarea { background-color: #fbf5d7; background-position: top left; background-repeat: no-repeat; color: #666; font-size: 12px; border: none; padding: 5px; float:left; }
    form div.error input,
    form div.error textarea { background-color: #fbd7d7; }
    
	form div.date input { background-image: url("/assets/images/text-threecol.gif"); width: 120px; height: 19px;   }
    form div.onecol input { background-image: url("/assets/images/text-threecol.gif"); width: 160px; height: 19px;  }
	form div.twocol input { background-image: url("/assets/images/text-threecol.gif"); width: 120px; height: 19px; }
	form div.twocol select { background-image: url("/assets/images/text-threecol.gif"); width: 220px; height: 30px; padding:5px; }
	form div.threecol input { background-image: url("/assets/images/text-threecol.gif"); width: 400px; height: 19px; }
	form div.fourcol input { background-image: url("/assets/images/textarea-fourcol.gif"); width: 348px; height: 19px; }
	
    form div.threecol textarea { background-image: url("/assets/images/textarea-threecol.gif"); width: 400px; height: 110px; margin-bottom:10px; }
    form div.fourcol textarea { background-image: url("/assets/images/textarea-fourcol.gif"); width: 324px; height: 86px; }
	
    form div.fivecol textarea { background-image: url("/assets/images/textarea-fivecol.gif"); width: 415px; height: 174px; }
    form div.sixcol textarea { background-image: url("/assets/images/textarea-sixcol.gif"); width: 506px; height: 174px; }
        form label.age { width:30px; margin-left:20px; }
		form label.datevaccine { width:100%; margin-left:0px;  }
		form label.typevaccine { width:290px; margin-left:0px; height:35px; }
		form label.vaccines { width:100%; height:40px; margin-top:10px; }
		.checkbox { margin-left:10px; width:100%; height:22px; display:block; }
		.preg { width:140px; height:19px;  background-color: #fbf5d7; border: none; padding: 5px;  }
     form input.submit { float: right; margin-top:20px; padding:0;  }