/*======= CSS FOR PETS IN STITCHES =======*/


body
	{
	background: url(../images/site/bg_body.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue";
	}

p
	{
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	padding-bottom: 12px;
	}
	
ul
	{
	list-style: disc;
	list-style-position: outside;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	padding-left: 15px;
	margin-bottom: 15px;
	}

h1
	{
	font-family: Helvetica, arial, sans-serif;
	font-size: 24px;
	color: #286AB3;
	}
	
h2
	{
	font-family: Georgia;
	font-size: 16px;
	color: #286AB3;
	font-style: italic;
	margin: 0 0 15px;
	}
	
h3
	{
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
	
h4
	{
	font-family: Georgia;
	font-size: 16px;
	color: #286AB3;
	font-style: italic;
	margin: 15px 0 15px 0;
	padding-top: 10px;
	border-top: 1px solid #ccc;
	clear: both;
	}
	
h5
	{
	font-family: Georgia;
	font-size: 16px;
	color: #286AB3;
	font-style: normal;
	margin-bottom: 10px;
	}

.highlight
	{
	font-family: Georgia;
	font-size: 14;
	color: #286AB3;
	font-style: italic;
	}

#wrapper
	{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	background-image: url(http://petsinstitches.com/styles/images/site/img_bghead.jpg);
	}

#logo
	{
	background: url(../images/site/img_logo.jpg) top left no-repeat;
	height: 125px;
	width: 270px;
	float: left;
	}

#logo a
	{
	display: block;
	text-indent: -9999px;
	height: 125px;
	width: 270px;
	}

*
	{
	margin: 0;
	padding: 0;
	}

#nav
	{
	float: left;
	margin:0 auto;
	padding:0;
	background-color: transparent;
	width: 1000px;
	height: 125px;
	}

ul#menu
	{
	width: 730px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}

/* === BEGIN ROLLOVERS === */
	
ul#menu li a
	{
	display: block;
	float: left;
	height: 125px;
	background-image: url(../images/site/nav_sprite.png);
	text-indent: -9999px;
	}
	
ul#menu li a.servicesFees
	{
	width: 145px;
	background-position: 0 -125px;
	}
	
ul#menu li a.hoursLocation
	{
	width: 146px;
	background-position: -145px -125px;
	}
	
ul#menu li a.spayNeuter
	{
	width: 148px;
	background-position: -291px -125px;
	}

ul#menu li a.surgery
	{
	width: 146px;
	background-position: -440px -125px;
	}

ul#menu li a.freeRoamingCats
	{
	width: 144px;
	background-position: -586px -125px;
	}
	
/* === */

ul#menu li a.servicesFees:hover
	{
	width: 145px;
	background-position: 0 0;
	}
	
ul#menu li a.hoursLocation:hover
	{
	width: 146px;
	background-position: -145px 0;
	}
	
ul#menu li a.spayNeuter:hover
	{
	width: 148px;
	background-position: -291px 0;
	}

ul#menu li a.surgery:hover
	{
	width: 146px;
	background-position: -440px 0;
	}

ul#menu li a.freeRoamingCats:hover
	{
	width: 144px;
	background-position: -586px 0;
	}
		
/*===== END ROLLOVERS =====*/
	
#subNav
	{
	width: 1000px;
	height: 40px;
	background-color: #286ab3;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	padding-top: 10px;
	}
	
#subNav ul
	{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	}
	
#subNav ul li
	{
	display: inline-block;
	margin: 0 12px;
	text-align: center;
	}

	
#subNav ul li a
	{
	text-decoration: none;
	text-align: center;
	color: #fff;
	}

#subNav li#item1 a
	{
	width: 50px;
	}

#homeContent
	{
	float: left;
	width:1000px;
	background-color: #fff;
	margin: 0;
	}

#contLeft
	{
	width: 550px;
	float: left;
	background: url(../images/site/bg_content.gif) top left repeat-x #fff;
	margin: 0;
	padding: 25px 30px 30px;
	}
	
#contLeft a
	{
	text-decoration: none;
	color: #2bb88b;
	}
	
#contLeft img
	{
	border: none;
	}
	
/*
#contLeft ul
	{
	list-style-type: none;
	list-style-position: outside;
	}
	
#contLeft li
	{
	background: url(http://petsinstitches.com/images/img_bullet.gif) center left no-repeat;
	}
*/

#wrapRight
	{
	width: 390px;
	padding: 0;
	float: right;
	}
	
#contactRight
	{
	width: 390px;
	height: 70px;
	background: url(../images/site/img_contact.jpg) top left no-repeat;
	border-bottom: 1px solid #00553b;
	margin: 0;
	float: left;
	}
	
#contRight
	{
	background: url(../images/site/bg_right.gif) top left repeat-x #fff;
	width: 330px;
	margin: 0;
	float: left;
	padding: 25px 30px 30px;
	min-height: 350px;
	}
	
#footer
	{
	width: 960px;
	background-color: #286ab3;
	margin-bottom: 20px;
	float: left;
	height: 100px;
	padding: 20px 20px;
	}	
	
.footerColumn
	{
	float: left;
	clear: none;
	margin: 0 35px 0 0;
	padding: 0;
	background: transparent;
	}
	
.footerColumn ul
	{
	list-style-type: none;
	margin-top: -8px;
	padding: 0;
	}
	
.footerColumn a
	{
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	}
	
.footerColumn img
	{
	border: none;
	margin-right: 10px;
	}
	
.footerColumn p
	{
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}
	
	
/*PRICING*/

.priceContainer
	{
	width: 550px;
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 0;
	}

.priceLeft
	{
	float: left;
	width: 220px;
	}
	
.priceLeft ul
	{
	list-style: none;
	list-style-position: inside;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	}
	
.priceRight
	{
	float: left;
	width: 220px;
	clear: none;
	}
	
.priceRight ul
	{
	list-style: none;
	list-style-position: inside;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	}
	
/*INTERIOR NAVIGATION*/

.navCont
	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}

.navCol
	{
	width: 240px;
	float: left;
	clear: none;
	}
	
.navCol ul
	{
	list-style-type: none;
	}
	
.navCol ul a
	{
	color: #286AB3;
	font-family: Helvetica;
	text-decoration: none;
	font-weight: bold;
	}
	
.greenBold
	{
	color: #2bb88b;
	}
	
.bigGreen
	{
	color: #2bb88b;
	font-family: Georgia;
	font-size: 16px;
	font-style: italic;
	margin: 0 0 15px;
	}
	
#mapDiv
	{
	width: 550px;
	height: 230px;
	border: 1px solid #333;
	margin-bottom: 10px;
	}