/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 color:#000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 line-height:130%;
 text-align:center;
 background: #fff url(../img/header_back_dark.png) repeat-x top left; /* #636363; */
}
a:link {
	color:#608a79;
	text-decoration:underline;
}
a:visited {
	color:#666;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:active, a:focus {
	outline:none;
}
#wrapper { 
 text-align:left;
 margin: 0 auto;
 width: 772px;
}
#header {
 width: 750px;
 height: 150px;
 padding:0;
 margin: 0;
}
#headerimg {
 
 padding:0;
 margin:0;
 margin-top:47px;
}

#navigation {

}
#content { 
 clear:left;
 width: 750px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}
#footer { 
 width: 750px;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 clear:left;
}

h1, h2, h3 {
 padding:0;
 padding-top:10px;
 color:#608a79;
 text-transform:uppercase;
 font-weight:normal;
}

h3 {
	border-bottom:1px dotted #608a79;
}

p {
 margin:0;
 padding:2px;
 line-height:1.5em;
 margin-top:10px;
}

.box {
 border: 1px solid #ccc;
 background-color:#acacac;
 padding:10px;
 margin: 10px 0;
}
ul, li {
	margin-left:15px;
}

.parent {
	float:left;
	width:355px;
	padding:0px 10px;
}
.litter {
	padding: 0px 10px;
}

.parent strong, .litter strong {
	color:#28463a;
}

.parent img, .litter img {
	border:1px solid #bbb;
}
/* NAVIGATION */
#navcontainer {
	float:right;
}
#navcontainer ul
{
padding-left: 0;
margin-left: 0px;
margin-top: 13px;
background-color: #28463a;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-weight: normal;
font-size:1.1em;
padding:.35em 1em;
background-color: #28463a;
color: #dddddd;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
color: #000;
background-color:#608a79;
}
dl {
	margin-bottom:30px;
}
dt {
	padding: 10px 0;
	clear:left;
}
dt a {
	font-size:120%;
}
dd {
	padding-left:15px;
	line-height:2em;
}
dd img {
	float:left;
	border:1px solid #ccc;
	margin-right:4px;
}
dt strong {
	text-transform:uppercase;
	font-size:smaller;
	background-color:#608a79;
	color:#fff;
	padding:2px;
}
hr {
	height:30px;
	clear:both;
	border:none;
	background:none;
}

#frontbox {
 border: 1px solid #ccc;
 background-color:#acacac;
 padding:10px;
 margin: 10px 0;
 height:200px;
}
#frontbox img {
	float:left;
	margin-left:6px;
	margin-right:6px;
}
.clearl {
	clear:left;
}
.clearr {
	clear:right;
}
.clearb {
	clear:both;
}
form {
	margin-top:10px;
}

.litter strong {
	color:#28463a;
}
