html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td 
{
margin: 0; padding: 0; 
} 


html, body 
{
    height: 100%;
}


body 
{
	background-color:#2e6a97;
	background-repeat:no-repeat;
	background-position:center top;
	color:#fff;
	font-family:Arial,Verdana,sans-serif;
	font-size:14px;
	text-align:center;	
}

body.homepage
{
		background-image:url(../images/background.jpg);
}

body.subpage
{
		background-image:url(../images/background_sub.jpg);
}


img 
{
	border:0px;
}

hr
{
	clear:both;
	height:0px;
	border-bottom:1px dashed #a3bee3;
	border-top:0px;
	margin:30px 0px 20px 0px;	
}

a:link, a:active
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

a:visited
{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

a:hover
{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
}

h1
{
	color:#fff;
	font-size:24px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:normal;
	margin:0px 0px 15px 0px;
}

h2
{
	color:#363636;
	font-size:22px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
}

h3, h4, h5, h6
{
	color:#fff;
	font-size:16px;
	margin:0px 0px 10px 0px;
}

p
{
	margin:10px 0px 15px 0px;
}

input, select, textarea
{
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
}

table
{
	border:0px;
	padding:0px;
}

/* Layout Creators */

div.wrapper-header, div.wrapper-content
{
	min-width:960px;
	position:relative;
	text-align:center;
	width:100%;
}

div.header
{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:461px;
}

div.header-sub
{
	background-image:url(../images/header_sub.jpg);
	background-repeat:no-repeat;
	height:317px;
}

div.header span.intro
{
	font-size:12px;
	left:0px;
	margin:0px!important;
	padding:0px!important;
	position:absolute;
	width:320px;
	bottom:15px;
}

div.header, div.header-sub, div.content, div.footer
{

	margin:auto auto;
	position:relative;
	text-align:left;
	width:960px;
}

div.header ul, div.header-sub ul
{
	background-image:url(../images/navigationbar.gif);
	background-repeat:no-repeat;
	height:35px;
	position:absolute;
	right:0px;
	top:62px;
	width:565px;
}

div.header ul li, div.header-sub ul li
{
	list-style:none;
	position:absolute;
	top:0px;
}

li.home
{
	left:0px;
	width:80px;
}

li.home a:hover
{
	background-image:url(../images/navigationbar.gif);
	background-position:0px -45px; 
}

li.about
{
	left:80px;
	width:109px;
}

li.about a:hover
{
	background-image:url(../images/navigationbar.gif);
	background-position:-80px -45px; 
}


li.pet-products
{
	left:192px;
	width:140px;
}

li.pet-products a:hover
{
	background-image:url(../images/navigationbar.gif);
	background-position:-192px -45px; 
}

li.resources
{
	left:335px;
	width:110px;
}

li.resources a:hover
{
	background-image:url(../images/navigationbar.gif);
	background-position:-335px -45px; 
}

li.contact
{
	left:451px;
	width:115px;
}

li.contact a:hover
{
	background-image:url(../images/navigationbar.gif);
	background-position:-451px -45px; 
}


div.header ul li a, div.header-sub ul li a
{
	display:block;
	height:35px;
	text-decoration:none;
}

div.wrapper-content
{
	background-color:#602261;
	position:relative;
}

div.content
{
	line-height:18px;
}

div.content ul, div.content ol
{
	padding:10px 20px 20px 50px;
}

div.content ul li, div.content ol li
{
	margin:0px 0px 5px 0px;
}

div.content-area
{
	float:left;
	margin:10px 0 20px 0;
	min-height:320px;
	position:relative;
	width:670px;
}

div.sidebar
{
	float:right;
	font-size:12px;
	margin:10px 0 20px 0;
	position:relative;
	width:260px;
}

div.sidepanel
{
	background-color:#301130;
	position:relative;
}

div.sidepanel ul, div.sidepanel ol
{
	padding:7px 15px 10px 15px;
}

div.sidepanel ul li, div.sidepanel ol li
{
	margin:0px 0px 5px 0px;
}

div.content-settings
{
	padding:0 20px;
}


div.sidepanel h3
{
	color:#fff;
	font-size:14px;
	margin:0px 0px 10px 0px;
}


div.home-dogs
{
	background-color:#301130;
	float:left;
	font-size:12px;
	margin:10px 0 20px 0;
	width:444px;
}

div.home-cats
{
	background-color:#301130;
	float:right;
	font-size:12px;
	margin:10px 0 20px 0;
	width:444px;
}


div.wrapper-footer
{
	background-color:#321739;
	background-image:url(../images/footer_tile.gif);
	background-repeat:repeat;
	height:200px;
	min-width:960px;
	position:relative;
	text-align:center;
	width:100%;
}

div.footer
{
	height:180px;
}

div.footer-branding
{
	background-image:url(../images/footer_branding.gif);
	background-repeat:no-repeat;
	height:150px;
	left:0px;
	position:absolute;
	top:10px;
	width:200px;
}

div.footer-delivery-phrase
{
	font-size:11px;
	left:0px;
	position:absolute;
	bottom:0px;
	width:600px;
}

div.contact-info
{
	font-size:20px;
	left:40%;	
	position:absolute;
	top:10px;
}

div.btn-order
{
	position:absolute;
	right:0px;
	top:40px;
}

div.footer ul
{
	bottom:60px;
	left:0px;
	position:absolute;
	width:750px;
	text-align:left;
}

div.footer ul li
{
	float:left;
	list-style:none;
	margin: 0px 20px 0px 0px;
}

div.footer ul li a
{
	color:#fff;
	font-size: 11px;
	text-decoration:none;
}

div.credit
{
	background-image:url(../images/footer_webacom_logo.gif);
	background-repeat:no-repeat;
	height:50px;
	position:absolute;
	right:0px;
	bottom:0px;
	width:150px;
}


div.copyright
{
	bottom:40px;
	font-size:11px;
	position:absolute;
	left:0px;
	text-align:left;
}

div.credit a:link, div.credit  a:active, div.credit a:visited, div.credit a:hover
{
	display:block;
	height: 45px;
}

/* Tables */

table.table-order
{
	border:0px;
	padding:0px;
	width:80%;
}

table.product-list
{
	border:0px;
	padding:0px;
	width:100%;
}

table.table-order td, table.product-list td
{
	padding:3px!important;
	vertical-align:top;
}

table.product-list td
{
	border-bottom:1px solid #561f57;
}


/* Image styling */

.img-border
{
	border:2px solid #94bce1;
	margin: 0px 0px 10px 0px
}

.img-left
{
	float: left;
	margin: 0px 10px 10px 0px
}

.img-right
{
	float: right;
	margin: 0px 0px 10px 10px
}

.img-left-border
{
	border:2px solid #94bce1;
	float: left;
	margin: 0px 10px 10px 0px
}

.img-right-border
{
	border:2px solid #94bce1;
	float: right;
	margin: 0px 0px 10px 10px
}



/* Custom */

div.products-dogs
{
	background-image:url(../images/products_dogs.jpg);
	background-repeat:no-repeat;
	min-height:300px;
	width:600px;
}

div.products-cats
{
	background-image:url(../images/products_cats.jpg);
	background-repeat:no-repeat;
	min-height:300px;
	width:600px;
}

div.products-raw
{
	background-image:url(../images/products_raw.jpg);
	background-repeat:no-repeat;
	min-height:300px;
	width:600px;
}

div.products-purses
{
	background-image:url(../images/products_purse.jpg);
	background-repeat:no-repeat;
	min-height:400px;
	width:600px;
}

div.products-purses div.products-content
{
	float:right;
	padding:80px 0 0 0;
	width:290px;
}

div.products-content
{
	float:right;
	padding:80px 0 0 0;
	width:320px;
}

img.tagline
{
	margin:10px 0 15px 0;
}

p.intro
{
	font-size:16px;
	margin: 0 0 20px 0;
}

.quote
{
	color:#4b90cd;
	font-size:20px;
	font-weight:normal;
}

.clear
{
	clear: both
}


.small 
{
	color: #666666;
	font-size: 12px;
	line-height:normal;
}

.input_required {
background-color:#fff0df;
border:1px dotted #f4911d;
}


ul.resource-list
{
	margin:0 20px 0 0;
	width:600px;
}

ul.resource-list li
{
	float:left;
	width:300px;
}