/*
Theme Name: Design 9
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 

*/
/*
#switcher {margin:0 0 30px 0;padding:8px;height:26px;background:#000;}
#switcher h2 {float:left;font-size:1.6em;line-height:1.2em;margin:4px 10px;color:#fff;}
#switcher ul {float:left;list-style-type:none;}
#switcher ul li {list-style-type:none;}
#switcher select {width:250px !important;}
*/

/* >>> ELEMENTS <<< */
* {margin: 0; padding: 0;}
*.x {display: none;}

body {color: #000;font: normal 62.5%/100% Arial, Verdana, Lucida, Helvetica, Sans-Serif;text-align: center;
  background:#fff url("images/bg_body.jpg") top left repeat-x;}

div#container {width: 778px;margin: 0 auto;padding:0 80px;text-align: left;
  background: url("images/bg_container.jpg") top right no-repeat;}  
div#container:after {clear:both;content:".";display:block;height:0;visibility:hidden;}  

/* >>> HEADER <<< */
div#header {height:342px;position: relative;
  background: #fff url("images/bg_header.jpg") top right no-repeat;}
  
#logo span {position: absolute;left: -9999px;width: 0px;overflow: hidden;}
#logo {float:left;display:inline;width:196px;height:66px;}
#logo a:link,#logo a:visited,#logo a:hover, #logo a:active {display:block;width:192px;height:68px;
  background: url("images/top-dog-logo.jpg") top left repeat-y;}

#slideshow {clear:both;display:block;width:778px;height:274px;}
  
  
/* >>> MENU <<< */
ul#navmenu {float:right;margin-top:35px;width:580px; /*For KHTML*/list-style: none;height: 32px;
  background:#f8ca07;}

ul#navmenu li {
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 32px;
}


/* Root Menu */
ul#navmenu a {
  padding: 0 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #000;
  font: bold 14px/32px Helvetica, Arial, Verdana, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#navmenu a:hover {
  background: #cc0b40;
  color: #fff;
}
  
/* >>> CONTENT <<< */
#content-wrap {clear:both;background:#fff url("images/bg_content_wrap.gif") top left repeat-y;zoom:1;}
#content-wrap:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
#gallery #content-wrap {background:#fff;}

#content {float:right;width:540px;min-height:250px;padding:10px 0 0 0;}
#gallery #content {float:none;width:776px;}

h1,
h2, 
h3, 
h4,
h5,
h6  {clear:left;font-size:2.0em;line-height:1.4em;
    color: #a8073d;margin:20px 30px 5px 30px;
    font-family: Helvetica,  Arial, Verdana, sans-serif;}

h1 {margin:0 0 10px 0;padding:0 30px;
  line-height:28px;font-size:1.9em;color:#fff;text-transform:uppercase;
  background:#a8073d;}

h2 {font-size:1.4em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;}
h6 {font-size:1.2em;}

#content p,
#content address, 
#content ul,
#content ol {margin:0px 30px 10px 30px;font-size:1.2em;line-height:1.3em;}
#content ul,
#content ol {margin-left:55px;}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {margin:0 0 0 65px;font-size:0.9em;}

#content .terms ul {font-size:1.1em;}

#content address {line-height:1.4em;font-style:normal;}

#content small {display:block;font-size:1.2em;line-height:1.6em;margin:0 30px 0.75em 30px;}  
  
p.more {text-align:right;}

#content p a:link,
#content h2 a:link,
#content h4 a:link,
#content li a:link   {color:#deb202;text-decoration:none;border-bottom:1px solid #deb202}
#content p a:visited,
#content h2 a:visited,
#content h4 a:visited,
#content li a:visited  {color:#deb202;text-decoration:none;border-bottom:1px solid #deb202}
#content p a:active,
#content h2 a:active,
#content h4 a:active,
#content li a:active   {color:#708c1e;text-decoration:none;background:#deb202;border-bottom:1px solid #deb202}
#content p a:hover,
#content h2 a:hover,
#content h4 a:hover,
#content li a:hover {color:#708c1e;text-decoration:none;background:#deb202;border-bottom:1px solid #deb202}

#content blockquote {Margin: 15px 0;padding: 15px;display: block; border-left:4px solid #d9ddf0;}
#content cite {display: block;text-align:right;font-weight:bold;}	

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}
#map {margin:20px 30px;width: 450px;height: 300px;border: 5px solid #ddd;}
#content #map img {background:none;}

hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 30px 0 0; }

dl { margin-left: 0; font-size:1.2em;line-height:1.6em;}
dl dt { font-weight: bold; margin-top: 15px;color: #1b3e93;}

#content ul.prices {list-style-type:none;margin-left:30px;}
#content ul.prices strong {float:left;width:80px;}

/* images */
#content img {margin-bottom: 5px;}	

#content p a:link img  {padding:0;text-decoration:none;border-bottom:none;}
#content p a:visited img {padding:0;text-decoration:none;border-bottom:none;}
#content p a:active img {padding:0;text-decoration:none;background:#fff;border-bottom:none;}
#content p a:hover img {padding:0;text-decoration:none;background:#fff;border-bottom:none;}

#content a img {	background-color:#FFFFFF;
	border:2px solid #a8073d;
	margin:4px 0px 4px 5px;
	padding:4px;}
#content a:hover img { border-color: #f5d034; }

#content .alignright {float:right;margin-left: 10px; }
#content .alignleft {float:left;margin-right: 10px; }
p.wp-caption-text {padding: 4px;text-align:center;color:#666;font-weight:bold;border:1px solid #1b3e93;
  background-color: #efefef;}

/* >>> SIDEBAR <<< */
div#sidebar {float: left;width: 238px;min-height:250px;padding:20px 0;}
#sidebar address {font-style:normal;}
#sidebar p {margin:10px 0 10px 30px;font-size:1.2em;line-height:1.4em;}
#sidebar img {margin:0 0 25px 24px;}
#sidebar a img {padding:2px 7px 7px 2px;border:none;background: url("images/bg_sidebar_img.png");}
#sidebar a:hover img {border:none;}

/* >>> FOOTER <<< */
div#footer {clear: both;text-align:right;padding:15px 0px;
  background:#f5d034;}
div#footer p {margin:0 10px;color:#000;font-size:1.2em;}
div#footer p a:link,
div#footer p a:visited {color:#a8073d;text-decoration:none;border-bottom:1px solid #a8073d;}
div#footer p a:hover,
div#footer p a:active {color:#fff;text-decoration:none;border-bottom:1px solid #a8073d;background:#a8073d}

/* >>> FORM <<< */

form {padding: 20px 30px 0 30px;}
form p {margin: 3px; padding: 0px;}
form p label {float: left; width: 110px;}
form input { color: #000000; padding: 3px;background-color: #FFFFFF; border: 1px solid #4d5755; width: 250px;}
form input.small { color: #000000; background-color: #FFFFFF; border: 1px solid #4d5755; width: 50px;}
form textarea { color: #000000; background-color: #FFFFFF; border: 1px solid #4d5755; width: 300px; height: 140px; }
form select {background-color: #FFFFFF; border: 1px solid #4d5755; font-size: 10px;}
form input.checkbox {color: #000000; background-color: #FFFFFF; border: 1px solid #b0d50a; width: 20px;}
form input.submit {width: auto; margin-left: 110px; color: #fff;  background-color: #a8073d;
  border: 1px solid #FFFFFF; padding:5px 10px; font-size: 12px;}
  
.wpcf7-response-output {font-size:1.4em;}
