body { background: url(../imgs/background.jpg) #c6bea9 top center no-repeat fixed; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1a1a1a;	font-size: small; line-height: 1.8em; }
#main {	width: 980px; margin: 0 auto; overflow: auto; }

/* ///////////////////////////// HEADER ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
#logo a { float: left; width: 145px; height: 61px; margin: 10px 74px 0 20px; padding: 0; border: none; }

#top-nav li { float: left; list-style: none; height: 33px; margin: 52px 12px 0 0; }
#top-nav .active , #top-nav .active a { background: #1a1a1a; color: #fff; }
#top-nav .inactive , #top-nav .inactive a { background: #928c7d; color: #c8c5be; }
#top-nav .inactive a:hover { background: #afaa9d; color: #4e4e4b; }

#main-nav { float: left; background: #1a1a1a; width: 978px; height: 38px; margin: 0 0 20px 0; padding: 1px; line-height: 2.7em;	}
#main-nav li { float: left; list-style: none; height: 36px; margin: 1px; }
#main-nav a { display: block; height: 36px; padding: 0 18px; color: #fff; border: none; }
#main-nav a:hover { display: block; background: #fff; height: 36px; padding: 0 18px; color: #d81900; border: none; }
#main-nav .active { display: block; background: #313131; height: 36px; color: #ff8a00; border: none; }

#login-nav { float: right; background: #928c7d; height: 26px; margin: 0 0 26px 0; padding: 0 0 0 20px; }
#login-nav li { display: inline; background: url(../imgs/point.gif) 0 50% no-repeat; height: 36px; margin: 0 20px 0 0; padding: 0 0 0 18px; }

#livechat { float: right; clear: right; width: 162px; height: 33px;  }

/* /////////////////////////// SIDEBAR ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.sidebar { float: left;	background: #928c7d; width: 280px; margin: 0 40px 0 0; padding: 20px; }

/* /////////////////////////// MAIN AREA //////////////////////////////
////////////////////////////////////////////////////////////////////*/
ol { padding: 0 0 0 20px; }
ol li { list-style: decimal; margin: 0 0 1.2em 0; }
ol .points li { list-style: none; }

.mainbox { float: left; width: 940px; border: #fff 20px solid; }
.main-content-wrap { float: left; background: url(../imgs/main-bg.gif) top left repeat-y; width: 980px; margin: 0; padding: 0 0 20px 0; min-height: 350px; }
.alt-content-wrap { float: left; width: 980px; margin: 0; }
.main-content {	float: left; background: #fff; width: 520px; margin: 0; padding: 0 60px 0 20px; }
.btn1 a { display: block; background: #fff url(../imgs/point.gif) 90% 50% no-repeat; height: 33px; margin: 20px 0 0 0; padding: 0 25px 0 10px; color: #1a1a1a; line-height: 2.3em; border: none; }
.points li { background: url(../imgs/point.gif) 0 .5em no-repeat; margin: 0 0 1.2em 0; padding: 0 0 0 20px; }

#ad1 { background: url(../imgs/mainbox-bg1.jpg) top left no-repeat; height: 340px; margin: 0 0 20px 0; }
#ad1 p { float: left; background: #fff; width: 520px; margin: 186px 20px 0 360px; padding: 14px 20px; line-height: 1.5em; }
#ad2 { background: url(../imgs/adbox-bg1.jpg) top left no-repeat; height: 101px; margin: 0 0 20px 0; }
#quotelist { margin: 30px 0 0 0; padding: 0; }
#quotelist li {	margin: 0 0 20px 0;	padding: 0;	}

/* ///// SHELTER PLACE LIST ///// */
#shelterplace-list li { padding: 30px 0 30px 85px; border-bottom: #1a1a1a 2px dotted; }
#microchip-reg { background: url(../imgs/icon-register.gif) 0 50% no-repeat; border: none; }
#microchip-buy { background: url(../imgs/icon-cart.gif) 0 50% no-repeat; border: none; }


/* ///// SUB BOXES ///// */
.subwrap { float: left; width: 980px; margin: 0 0 20px 0; }
#sub-mainbg { float: left; background: url(../imgs/sub-bg-main.gif) top left repeat-y; width: 980px; }
#sub1 { float: left; background: #6c0c00 url(../imgs/sub1-bg.gif) top center no-repeat; width: 280px; padding: 20px; color: #fff; }
#sub2 { float: left; background: #928c7d url(../imgs/sub2-bg.gif) top center no-repeat; width: 580px; margin: 0 0 0 40px; padding: 20px; }
#sub2p { float: left; width: 220px; margin: 5px 0 0 0; }
#sub2list { float: right; width: 280px; }

#sub2box { float: left; background: #7c7668 url(../imgs/sub2box-bg.gif) top left repeat-x; width: 540px; margin: 20px 0 0 0; padding: 20px 20px 10px 20px; }


#sub2 #microchip { float: left; background: url(../imgs/icon-microchip.gif) 0% 50% no-repeat; width: 210px; height: 45px; padding: 0 0 0 60px; line-height: 3em; }
#sub2 #recovery { float: left; background: url(../imgs/icon-recovery.gif) 0% 50% no-repeat; width: 210px; height: 45px; padding: 0 0 0 60px; line-height: 3em; }
#sub2 #tags { float: left; background: url(../imgs/icon-tags.gif) 0% 50% no-repeat; width: 210px; height: 45px; padding: 0 0 0 60px; line-height: 3em; }
#sub2 #insurance { float: left; background: url(../imgs/icon-insurance.gif) 0% 50% no-repeat; width: 210px; height: 45px; padding: 0 0 0 60px; line-height: 3em; }

/* ///// THIRD TIER ///// */
.mainwrap { float: left; background: #ebe9e0; width: 940px; margin: 0; padding: 0 20px; }
#lostpet a { display: block; background: url(../imgs/header-lostpet.gif) top left no-repeat; width: 715px; height: 71px; margin: 5px 0 1em 0; text-indent: -1000em; overflow: hidden; cursor: pointer; border: none;}
#lostpet a:hover { background-position: 0 -71px; }

/* /////////////////////// DASHBOARD BOXES ////////////////////////// 
////////////////////////////////////////////////////////////////////*/
/*.dashboard-box { float: left; width: 980px; background: #fff; margin: 0 0 20px 0; padding: 0 0 20px 0; }*/
.dashboard-box { float: left; width: 980px; background: #fff; margin: 20px 0 0 0; padding: 0 0 20px 0; }
.dashboard-box .bar { float: left; width: 940px; background: #1a1a1a; margin: 0 0 20px 0; padding: 10px 20px; color: #ebe9e0; }

.photo { float: left; width: 100px; height: 100px; margin: 0 10px 0 20px; }
.photo-alt { float: left; width: 100px; height: 100px; margin: 0 10px 0 10px; }
.list-profile { float: left; list-style: none; width: 400px; margin: 0 10px; line-height: 2em; }
/*.list-pet { float: left; list-style: none; width: 340px; margin: 0 10px; line-height: 2em; }*/
.list-pet { float: left; list-style: none; width: 308px; margin: 0 10px; line-height: 2em; }
.list-products { float: left; list-style: none; width: 160px; margin: 0 10px; line-height: 2em; }
.box-list-wrap { float: left; margin: 20px 0 0 0; }
.box-list-wrapa { float: left; margin: 0; }


/* //////////////////////////// SITEMAP ////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.sitemap { float: left; background: #1a1a1a; width: 100%; margin: 20px 0 0 0; }
#sitemap-wrap { display: block; width: 980px; margin: 0 auto; padding: 30px 0; color: #ebe9e0; }
.sm-column { float: left; width: 200px;	margin: 0; padding: 0 20px; list-style: none; }
.sm-utils {	float: left; width: 200px; margin: 0; padding: 0 20px; list-style: none; list-style: none; }
.sm-column a ,
.sm-utils a { display: block; padding: 0; text-decoration: none; border: none; color: #ebe9e0; }
.sm-column a:hover ,
.sm-utils a:hover {	background: #fff; color: #d81900; }

/* //////////////////////////// FOOTER /////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.footer { float: left; background: #1a1a1a; width: 100%; }
.footer p { width: 940px; margin: 0 auto; padding: 20px 0; }

/* ///////////////////////// TABLES ////////////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.tables { background: #fff; margin: 0 0 20px 0; color: #1a1a1a; }
.tables td { padding: 5px; }
.table-header { background: #1a1a1a; color: #fff; }
.alt-row { background: #c8c5be; }
.alt-row2 { background: #3f3b36; color: #d7cfbf; }
.pet-preview { width: 100px; height: 100px; margin: 10px 0 0 0; }

/* /////////////////// EFFECTS AND MODIFIERS ////////////////////////// 
////////////////////////////////////////////////////////////////////*/
.trans75 { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }
.right { float: right; }
.left { float: left; }
.rounded-box { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.topmar48 { margin-top: 48px; }
.leftmar175 {margin-left: 175px; }
#topmar20 { margin-top: 20px; }