/* general style */
* {
  margin: 0;
  padding: 0;
}

html {
  color: #000;
  background-color: #55412c;
  font: 60% verdana, palatino, trebuchet, georgia, sans-serif;
}

a { color: #fff;
  text-decoration: none;
}

a:hover { color: #55412c; }

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
p {font-size: 125%; }

img {border-style: none;}

ul, li {
  list-style: none;
  list-style-type: none;
}

body {
  width: 1000px;
  margin: 15px auto 0px auto;
}

/* container, nav & content */

#wrapper {
  width: 1000px;
  float: left;
  margin: 0 auto;
}

#container {
  width: 1000px;
  float: left;
  margin: 0 auto;
}

#header {
  width: 1000px;
  background: url('../images/header_pic.jpg') top right no-repeat;
  float: left;
}

/* main navigation style */

#main_nav {
  width: 1000px;
  height: 7em;
  margin-top: 10px;
  background-color: #9d2417;
  float: left; 
}

#main_nav ul {
  width: 1000px;
  height: 3em;
  font-size: 18px;
  margin: 0 auto;
  text-align: center;
  display: inline;
}

#main_nav ul li {
  float: left;
  width: 200px;
  margin: 25px 0 0 0; 
  text-align: center;
}

#main_nav .first,
#main_nav .last {
  width: 115px;
}

#main_nav .second {
  width: 350px;
}

/*#main_nav .last {
  width: 3em; 
  padding-left: 1.75em;
}*/

/* main content style */

#main_content_home {
  background-color: #fff;
}

#main_content,
#main_content_home {
  float: left;
  /*background-color: #fff;*/
  background-image: url('/images/2col.gif');
  width: 1000px;
  margin-top: 10px;
  text-align: center;
}

#main_content ul,
#main_content_home ul {
  float: left;
  text-align: left;
  margin-left: 25px;
}

#main_content li,
#main_content_home li {
  margin-bottom: 3px;
}

#main_content p,
#main_content_home p {
  text-align: left;
}

#main_content p a,
#main_content_home p a {
  color: #55412c;
}

#main_content p a:hover,
#main_content_home p a:hover {
  color: #9d2417;
}

#float {
  float: left;
  margin-left: 15px;
}

#main_text_home {
  float: left;
  width: 675px;
  text-align: left;
  margin: 5px 0 0 25px;
  line-height: 1.5em;
}

#main_text_home h2 {
  float: left;
  width: 675px;
  margin: 15px 0;
  text-align: center;
}

#main_text_contact {
  float: left;
  background-color: #fff;
  width: 530px;
  /*min-height: 300px;*/
  text-align: left;
  /*margin: 15px 0 0 10px;*/
  line-height: 1.5em;
}

#main_text_contact h2 {
  float: left;
  width: 450px;
  margin: 15px 0;
  text-align: center;
}

#main_text_contact ul,
#main_text_contact li {
  float: left;
  width: 450px;
  margin: 10px 0;
  font-size: 125%;
  /*white-space: nowrap;*/
}

#main_text_contact li span {
  float: left;
  margin: 5px;
}

#main_text_contact li span.label,
#main_text_contact a {
  color: #55412c;
}

#main_text_contact a:hover {
  color: #9d2417;
}

#main_content #contact_image{
  float: right;
  border-left: 10px solid #55412c;  
  padding: 0;
}

#main_content #contact_image img {  
  background-color: #55412c; 
  padding: 0;
  margin: 0;
}

#main_text_detail {
  width: 775px;
  float: left;
  background-color: #fff;
}

#main_text_detail h2 {
  color: #000;
  float: left;
  width: 355px;
  margin: 15px 0;
}

#main_text_detail h3,
#main_text_detail p {
  float: left;
  clear: left;
  width: 355px;
  margin: 15px 0;
}

#main_text_main { 
  width: 750px;
  float: left;
  background-color: #fff;
}

#main_text_main h2 { 
  color: #000;
  /*float: left;*/
  width: 685px;
  margin: 15px auto;
}

#main_text_main h3,
#main_text_main p { 
  /*float: left;
  clear: left;*/
  width: 685px;
  margin: 15px auto;
}

#main_text_main ul { 
  margin-left: 45px;
	margin-bottom: 15px;
}

#big_image {
  float: right;
  width: 320px;
  height: 350px;
  margin: 10px 10px 10px 0;
  background-color: #fff;
  border-left: 1px solid #55412c;
}

#big_image img {
  margin: 30px 0 0 0;
  }

#main_images {
 float: right;
 width: 246px;
 min-height: 376px;
 background-color: #55412c;
 padding-bottom: 5px;
}

.cat_image {
 float: right;
 clear: right;
 width: 230px;
 height: 175px;
 margin: 20px;
}

.cat_image img {
 border: 15px solid #fff;
}

#dogs {
 margin: 0 1px 10px 15px;
}

#sheep {
 margin: 15px 1px 0px 15px;
}

#sub_main_images {
 float: right;
 width: 215px;
 /*min-height: 376px;*/
 background-color: #55412c;
 /*padding-bottom: 5px;*/
}

.sub_cat_image {
 float: right;
 clear: right;
 width: 215px;
 /*height: 175px;*/
 margin: 0 0 10px 0;
}

.sub_cat_image img {
 border: 15px solid #fff;
}

.sub_cat_image h4 { 
 font-size: 12px;
 margin-top: -15px;
 text-align: center;
}

/* footer */

#footer {
  width: 1000px;
  height: 3.5em;
  background-color: #9d2417;
  float: left;
  margin: 10px 0 10px 0;
  text-align: center;
}

#footer h4 {
	font-size: 1.25em;
  color: #fff;
  margin: 8px auto 0 auto;
}

/* admin specific style */

#log {
  float: left;
  font-size: 1.1em;
  margin: 15px 5px 0 20px;
  padding: 3px;
}

#log h3 {
  float: left;
  clear: left;
  margin: 8px 0 2px 0;
}

#log p {
  float: left;
  clear: left;
  margin-bottom: 5px;
}

#admin_title {
 
 margin: 10px 5px 0 22px; 
}

#admin_nav {
  border: 1px solid #55412c;
  float: left;
  clear: left;
  font-size: 1.1em;
  margin: 15px 5px 0 20px;
  padding: 3px;
}

#admin_nav li {
  border-bottom: 1px solid #55412c;
  padding: 6px 2px 6px 2px;
}

#admin_nav li.top {
  border-top: 1px solid #55412c;
  margin-top: 6px;
}

#admin_nav li.last {
  border: 0;
}

#admin_nav #sub_nav li a,
#sub_nav li.top a {
  margin-left: 10px;
}

#admin_nav a {
  white-space: nowrap;
  color: #55412c;
}

#admin_nav a:hover {
  color: #9d2417;
}

#admin_nav #sub_nav {
  display: none;
}

#admin_nav .drop_down:hover #sub_nav {
  display: inline;
}

#sub_nav_2 {
  white-space: nowrap;
} 

#sub_nav_2 li {
  font-size: 1em;
  margin: 0 8px 0 0;
}

#sub_nav_2 a {
  color: #55412c;
}

#sub_nav_2 a:hover {
  color: #9d2417;
}

/* admin content */

#admin_content {
  float: left;
  width: 1000px;
  margin-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
}

#admin_main_content {
  float: left;
  margin: 15px 10px 0 10px;
  padding-bottom: 10px;
}

#admin_main_content h2 {
  width: 10em;
  text-align: center;
  margin: 0 50% 10px auto; 
}

#admin_main_content h4 {
  float: left;
  clear: left;
  margin: 15px 0 5px 0;
}

#admin_main_content form,
#admin_main_content form input,
#admin_main_content form textarea, 
#admin_main_content table{
  float: left;
  clear: left;
}

#admin_main_content form p {
  float: left;
	clear: left;
	margin: 0 0 5px 0;
	white-space: nowrap;
}

#admin_main_content ul {
  float: left;
  clear: left;
}

#admin_main_content li {
  float: left;
}

/*#admin_main_content .users {
  float: left;
  clear: left;
}*/

#admin_main_content .users li {
  float: left;  
}


#admin_main_content #user_heading li,
#admin_main_content #new_user_heading li {
  text-align: center;
  width: 75px;
  margin: 4px;
  border-bottom: 1px solid #808080;
}

#admin_main_content #user_results {
  width: 500px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
}

#admin_main_content .users input {
 float: left;
 clear: none; 
 margin: 2px 3px 2px 1px;
 font-size: 15px;
 width: 75px;
}

#admin_main_content #user_results form {
  padding-top: 2px;
  height: 24px; 
}

#admin_main_content .mod_user input,
#admin_main_content .del_user input {
}

#admin_main_content .del_user {
  clear: none;
}

#admin_main_content #new_user_heading li,
#admin_main_content form #new_user_input li input {
 clear: none;
 width: 75px;
}

#admin_main_content #new_animal input,
#admin_main_content #new_animal select,
#admin_main_content #new_product input,
#admin_main_content #new_product select,
#admin_main_content #new_image input, 
#admin_main_content #new_image select {
  float: left;
  clear: left;
}

#admin_main_content .animals,
#admin_main_content .products,
#admin_main_content .images {
  width: 500px;
  float: left;
  clear: left;
}

#admin_main_content .animal_container,
#admin_main_content .product_container,
#admin_main_content .image_container {
  border: 1px solid #808080;
  float: left;
  clear: none;
  width: 180px;
  height: 23em;
  margin: 5px;
  text-align: center;
}

.animal .a_order,
.product .p_order,
.image .a_order {
  width: 1em;
}

.animal,
.product,
.image {
  height: 19em;
}

#admin_main_content .animal img,
#admin_main_content .product img,
#admin_main_content .image img {
  margin-bottom: 5px;
}

.img_buttons {
  height: 20px;
  width: 156px;
  margin: 4px auto 0 auto;
}

.img_buttons input {
  font-size: 130%;
}

#admin_main_content .up {
  float: left;
  height: 20px;
  width: 20px;
  margin: 5px 2px;
}

#admin_main_content .down {
  float: left;
  height: 20px;
  width: 20px;
  margin: 5px 2px;
}

#admin_main_content .mod_animal,
#admin_main_content .mod_product {
  float: left;
  height: 20px;
  width: 50px;
  margin: 5px 2px;
}

#admin_main_content .del_animal,
#admin_main_content .del_product {
  float: left;
  height: 20px;
  width: 50px;
  margin: 5px 2px;
}

#admin_main_content .mod_image,
#admin_main_content .del_image {
  float: left;
  height: 20px;
  width: 50px;
  margin: 5px 12px;
}