/* 
Lucky Litter Brilliant Pet
base.css 
*/

/* Globals */
* {
	margin: 0;
	padding: 0;
}


/* Typography & Colors */
	
body {
	font: 0.8125em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #898989;
	background: #f1f1f1;
	text-align: center;
	}

a img {
	padding:0;
	margin:0;
	border: none;
}

a:link, a:visited {
	color:#3b3578;
	text-decoration: none;
}
	

li {
	list-style: none;
}

h1 {
	font: 1.6em Arial, Helvetica, sans-serif;
	color:#3b3578;
	padding: 0px 0px 15px 0px;
}

h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#3b3578;
	padding: 10px 0px 10px 0px;
}
	
h6 {
	font-weight:normal;
	color:#3b3578;
}
	
#legal {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #8d8d8d;
	padding: 8px 0 15px 0;
	clear:both;
}

.contentCopy {
	color:#d9d9d9;
	width:250px;
	float:right;
	margin: 96px 60px 0 0;
	line-height: 1.4em;
	font-size: 1em;
}
	
/* Utility */

.first, .last {
	border: none !important;
	}

/* Layout */

#container {
	background:#fcfcfc;
	width:910px;
	margin:0 auto;
	text-align: left;
}

#contentArea.home{
	clear: both;
	width: 910px;
	height: 420px;
	z-index: 0;
	background: url('../images/mainShot.jpg') top left no-repeat;
}

#contentArea.contact{
	clear: both;
	width: 910px;
	z-index: 0;
}

#contentBox {
	background: url(../images/contentRepeater.gif) top left repeat-y;
	width:720px;
	min-height:370px;
	padding: 45px 95px 10px 95px;
	float:left;
}

* +html #contentBox{
	margin-top:-5px;
}

* html #contentBox{
	margin-top:-5px;
}

* +html .boxrule{
	margin-top:-15px;
}

* html .boxrule{
	margin-top:-15px;
}

#mivaContentBox {
	border: 1px solid #e3e0d1;
	min-height:200px;
	padding: 0;
}

#header {
	width: 910px;
	height: 130px;
	float: left;
	background: url('../images/headerBar.gif') top left no-repeat;
}

#logo {
	width: 184px;
	height: 34px;
	float: left;
	margin: 44px 0 45px 40px;
}

#contactUs {
	float: right;
	margin:52px 50px 45px 0;
	padding-left: 32px;
}

#boxes {
	float: left;
	margin-left:12px;
	padding: 0;
	width: 886px;
	font-size:.9em;
	position:relative;
	clear:both;
}

#box1, #box2 {
	position:relative;
	width:442px;
}

#box1 .boxlogo {
	position:absolute;
	top:-41px;
	left: 30px;
}

#box2 .boxlogo {
	position:absolute;
	top:-32px;
	left: 30px;
}

#box1 .button, #box2 .button {
	position:absolute;
	top: -24px;
	right: 30px;
}

#box1 p, #box2 p {
	padding-left:30px;
	width:380px;
}

.boxcopy {
	padding: 12px 0 10px 0;
}

* +html .boxcopy {
	margin-top:-15px;
}

#box1, #box2 {
	background: url(../images/boxVRepeater.gif) top right repeat-y;
	padding-top: 25px;
	display:inline;
	float:left;
}


#cat {
	position: absolute;
	bottom:-34px;
	right:0;
	}
	
#bullets li {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-left: 5px;
	list-style: inside;
}

#insidebullets li { 
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	width:650px;
	float:left;
	padding:0 0 0 16px;
	text-align:left;
	line-height:24px;
	list-style-type:none;
	background:url(http://scoopfree.com/images/newbullet.gif) 2px 10px no-repeat;
}

/*#insidebullets li { 
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	list-style:outside;
	margin-top: 10px;
	margin-left: 30px;
	padding-left: 30;
}*/

	
#hiwbullets li {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	width:218px;
	float:left;
	padding:0 0 0 10px;
	text-align:left;
	line-height:17px;
	list-style-type:none;
	background:url(http://scoopfree.com/images/newbullet.gif) 2px 8px no-repeat;
}
	
#footer {
	margin: 0 auto 20px;
	clear: both;
	padding: 10px 0 10px 40px;
	width: 870px;
	position:relative;
	text-align:left;
}
	
* html #footer {
	padding-bottom:10px;
}
* +html #footer {
	padding-bottom:10px;
}

#footer #footerlinks{
	color: #9f9f9f;
	font-size: .8em;
	text-align: left;
	padding: 0;
	display:block;
	width:700px;
	margin:0;
}

#footer #footerlinks a {
	color: #3b3578;
	font-weight: normal;
	display:inline;
}
	
	
/*//////// Droppy Drop Down List ////////*/

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: absolute; top:6px; right:46px; float:right; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; font-weight:normal; }
  #nav ul { display: none; position: absolute; right: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 1; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 120px; }
#nav ul ul { left: 120px; }

/* Everything else is theming */
 
#nav { background: url('../images/upArrow.gif') right no-repeat #d5d5d5; width:120px; color: #3b3578; border-bottom:1px solid #d1d1d1;} /* Main button */
#nav *:hover { background: blue; }
#nav a { font-size: 0.8125em; padding: 6px 0 6px 10px; line-height: 1; width:110px; text-align:left; color: #3b3578;}
#nav li.hover a { background: #e1e1e1;} /* Subnav */
#nav li.hover a.hover { background: url('../images/upArrow.gif') right no-repeat #d5d5d5; } /* Main button hover */
#nav li.hover ul li a.hover { background: #d5d5d5;} /* Subnav hover */
#nav li {}
#nav li.hover ul li a {}
#nav ul { bottom: 22px; }
#nav ul li a { background: #e1e1e1; padding: 6px 0 6px 0; text-align:center; width:120px; border-bottom:1px solid #fcfcfc;} /* Slider on roll off */
#nav ul a.hover { background: pink;}
/* #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }*/
 #nav ul a { border-bottom: none; } /* I also needed this for IE6/7 */
 


 /* IE top/bottom spacing fix */
 * html #nav a {line-height:1.1; padding:5px 0 5px 10px;}
 * +html #nav a{line-height:1.1; padding:5px 0 5px 10px;}



/* rounded blue box for the testimonials */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 6400px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 8px; }
.rbroundbox { width: 640px; margin: 1em auto; }