/**

Theme : Centre Street Animal

Theme URL : http://www.centrestreetanimal.com

**/



/* start reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td

{

	border:0;

	font-weight:inherit;

	font-style:inherit;

	font-size:100%;

	font-family:inherit;

	margin:0;

	padding:0;

	vertical-align:baseline;

}



body

{

	line-height:1.5;

}



table

{

	border-collapse:separate;

	border-spacing:0;

}



caption, th, td

{

	font-weight:normal;

	text-align:left;

}



table, td, th

{

	vertical-align:middle;

}



blockquote:before, blockquote:after, q:before, q:after

{

	content:"";

}



blockquote, q{

	quotes:"" "";

}



a img

{

	border:none;

}

/* end reset */



body {

	margin-top:0px;

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;

	font-family:Arial, sans-serif;

	font-size: 14px;

	line-height:25px;;

	color: #000000;

	background: url(../images/bg-main.jpg);

}

#wrap {

	width: 100%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#contain_main-1 {
	width: 1000px;
	margin: 0 auto;
}

#contain_main-2 {
	float: left;
	width: 1000px;
	padding: 10px 0 10px;
}

#contain {

	margin: 0px;

	float: left;

	width: 100%;

	height:100%;

	background: #fbf3ce url(../images/bg-top-curve.jpg) no-repeat top;
}

#header{

	width:880px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	height:81px;
	position: relative;
	z-index:900;

}

.logo{

	float:left;

	width:660px;

	padding:28px 0px 0px 0px;

}

.phone{

	float:left;

	width:196px;

	padding:28px 0px 0px 24px;

}

#navigations{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height:77px;
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	padding-bottom:5px;
	position:relative;
	z-index:200;

}

.navs{
	width:880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height:77px;
	text-align:center;
	padding-top:1px;	
}

.subnavs{	
	width:100%;
	height:28px;
	background-color:#fff;
	float:left;
	clear:both;
	margin:5px auto;
	overflow:hidden;
	background:url(../images/navbg.jpg)  left -45px repeat-x;
	position:relative;
}

.subnavs ul{
	width:630px; /*adjust this value if you're going to add sub menu items - to keep ul look like being aligned center */
	margin:0 auto;
}
.subnavs ul li
{
	background:url(../images/nav_space.gif) right center no-repeat;
	color:#FFF;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:2px 2px;
	padding-left:12px;
	list-style:none;
}
.subnavs li a {
	color:#FFF;
	font:bold 12px Arial, Helvetica, sans-serif;	
	text-decoration:none;	
	line-height:20px;
	float:left;
	padding-right:10px;
}

.subnavs ul li:hover, .subnavs ul li.active {
	background:url(../images/menu_hover.gif) center center no-repeat;
}

.navs a
{
	color:#FFF;
	font:bold 15px Arial, Helvetica, sans-serif;
	line-height:4.5em;
	text-decoration:none;
	width: 144px;
	height: 68px;
	float:left;
}



.navs ul{
	list-style:none;
	padding:0;
	margin:0;
}



.navs ul li
{
	background:url(../images/nav_space.gif) right no-repeat;
	color:#FFF;
	float:left;
	font:bold 14px Arial, Helvetica, sans-serif;
	width:144px;
}



.navs ul li.last
{
	background:none;
}



.navs ul li:hover
{
	background:url(../images/menu_hover.gif) no-repeat;
	width:144px;
	height:68px;
}



.navs ul li.active
{
	background:url(../images/menu_hover.jpg) no-repeat;
	height:68px;
}



#main{

	width:880px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;

}

#maincont{

	margin: 0px;

	float: left;

	width: 100%;

	height:100%;

	min-height:300px;

}

#maincont h1

{

	font:bold 20px Arial, Helvetica, sans-serif;

	margin:0 0 10px 0;

}

#maincont h2

{

	font:bold 15px Arial, Helvetica, sans-serif;

	margin:0 0 5px 0;

}

#maincont p

{

	margin:5px 0 8px 0;

}

.content1{

	float:left;

	width:100%;

	padding:0px 0px 15px 0px;

}

.content1sec1{

	float:left;

	width:440px;

}

.content1sec1a{

	float:left;

	width:100%;

}

.content1sec1b{

	float:left;

	width:100%;

}

.content1sec1b1{

	float:left;

	width:145px;

}

.content1sec1b2{

	float:left;

	width:281px;

	height:189px;

	background-image:url(../images/footprints-bg.jpg);

	background-repeat:no-repeat;

	font-size:16px;

	padding:24px 0px 0px 14px;

	line-height:20px;

}

.content1sec1b2 a:link{

	float:left;

	padding-top:13px;

}

.content1sec1b2 a:visited{

	float:left;

	padding-top:13px;

}

.content1sec1b2 a:hover{

	float:left;

	padding-top:13px;

}

.content1sec1b2 a:active{

	float:left;

	padding-top:13px;

}

.content1sec2{

	float:left;

	width:440px;

}

.content2{

	float:left;

	width:100%;

	height:171px;

	padding:0px 0px 19px 0px;

}

.contentpage{

	float:left;

	width:850px;

	padding:15px 15px 42px 15px;

	font-size:14px;

	line-height:20px;

}



.imgpad{

	padding-right:15px;

}

.boldtext{

	color:#de0202;

	font-weight:bold;

}

.boxes{

	float:left;

	width:211px;
	margin:0 4px;
	margin-bottom:20px;

	/*background-image:url(../images/box.jpg);

	background-repeat:no-repeat;

	margin-right:10px;

	height:172px;*/

	/*padding:18px 14px 10px 18px;

	line-height:16px;

	font-size:12px;

	font-weight:bold;*/

}
.boxes .blast{
  margin:0;
	float:right;
	border:1px solid #000;
}

.boxesa{

	float:left;

	width:178px;

	background-image:url(../images/box.jpg);

	background-repeat:no-repeat;

	margin-right:10px;

	height:143px;

	padding:18px 14px 10px 18px;

	line-height:16px;

	font-size:12px;

	font-weight:bold;

	margin-left:5px;

}

.boxesb{

	float:left;

	width:183px;

	background-image:url(../images/box.jpg);

	background-repeat:no-repeat;

	height:143px;

	padding:18px 14px 10px 18px;

	line-height:16px;

	font-size:12px;

	font-weight:bold;

}

.btitle{

	float:left;

	width:100%;

	height:35px;

}

.bcontent{

	float:left;

	width:100%;

	padding-bottom:15px;

}

.learnmore{

	float:left;

	width:100%;

	text-align:right;

}

/**/

.contentpagesec1{

	float:left;

	width:440px;

	height:188px;

}

.contentpagesec1suba{

	float:left;

	height:188px;

}

.contentpagesec1subb{

	float:left;

	width:305px;

}

.contentpagesec1subc{

	float:left;

	width:305px;

}

.contentpagesec2{

	float:left;

	width:440px;

	height:188px;

}

.contentpage h1{

	margin:0px 0px 0px 0px;

	padding:0px 0px 10px 0px;

	font-size:18px;

	color:#de0202;

}

.contentpage h2{

	margin:0px 0px 0px 0px;

	padding:0px 0px 10px 0px;

	font-size:14px;

	color:#de0202;

}

.contentpage a:link{

	color:#de0202;

	text-decoration:underline;

}

.contentpage a:visited{

	color:#682884;

	text-decoration:underline;

}

.contentpage a:hover{

	text-decoration:none;

}

.contentpage a:active{

	color:#de0202;

	text-decoration:underline;

}



/**/

#footerwrap{

	width: 100%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#footer{

	margin: 0px;

	float: left;

	width: 100%;


	background:#151613 url(../images/bg-footer-curve.jpg) bottom no-repeat;

	border-top:#FFFFFF solid 1px;

	color:#FFFFFF;

	padding:24px 0px;

}

#footernav {
	text-align: center;
	font-size: 12px;
	line-height: normal;
}

	#footer a {
		text-decoration: none;
		color: #ccc;
	}

	#footer a:hover {
		text-decoration: none;
		color: #666;
	}


.footer{

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	width:880px;

	font-size:11px;
	text-align: center;

}

.footer a:link{

	color:#FFFFFF;

	text-decoration:none;

}

.footer a:visited{

	color:#FFFFFF;

	text-decoration:none;

}

.footer a:hover{

	color:#FFFFFF;

	text-decoration:underline;

}

.footer a:active{

	color:#FFFFFF;

	text-decoration:none;

}



form{

	margin:0px;

	padding:0px 0px 15px 0px;

}



.clear

{

	clear:both;

}



#maincont ul

{

	padding:0 0 0 35px;

}


/*added by wing for buttons*/
a.boldbuttons{
background: transparent url('../images/roundedge-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color:#FF9; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-right.gif') no-repeat top right;
display: block;
/*padding: 4px 10px 4px 2px;*/ /*Set 10px to be equal or greater than'padding-left' value above*/
padding: 4px 35px 4px 27px;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.appointment *{
	margin-bottom: 4px;
}