/* default.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {background: #cbbd91 url(../images/bg_main.jpg) repeat-x;}

body {background: transparent url(../images/bg_header.jpg) no-repeat 50% 0; font: 100% Georgia, "Times New Roman", Times, serif; text-align: center;color: #322617; line-height: 1.25em;}

#wrapper {width: 950px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 950px; height:298px;}

#content {width: 950px;}

#footer {width: 100%; height:190px; background: transparent url(../images/bg_footer.jpg) repeat-x; padding-top:58px;}

.clear {clear: both;}



/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 15px;}

h1 {font: 1.38em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #1d1b17;}

h2 {font: 1.25em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #1d1b17;}
h2 a {color: #1d1b17; text-decoration: none !important;}
h2 a:visited {color: #1d1b17;}
h2 a:hover {color: #4b3004;}

h3 {font: 1.25em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #4b3004;}
h3 a {color: #4b3004; text-decoration: none !important;}
h3 a:visited {color: #4b3004;}
h3 a:hover {color: #4b3004; text-decoration: underline !important;}

h4 {font: 1.13em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #1d1b17;}

h5 {font: 1em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #1d1b17;}

h6 {font: 1em "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight:bold; color: #1d1b17;}

p {font-size: .88em; padding-bottom: 15px;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote {border: 1px solid #d8d8d8; background: #ebecec; padding: 10px 15px 0; margin-top: 30px;}

/* news */
blockquote#news {border: none; padding: 0; margin:20px 0 20px 0; width: 310px; background: url(../images/bg_newsmid.jpg) repeat-y;}
blockquote#news p  {padding: 0 23px 15px;}
blockquote#news h2 {padding: 0 23px;}
blockquote#news p#horzline {padding: 2px 23px;}
p#horzline img {vertical-align:top;}
blockquote#news #top {display: inline-block; width: 310px; height: 19px; background: url(../images/bg_newstop.jpg) no-repeat;}
blockquote#news #bottom {display: inline-block; width: 310px; height: 25px; background: url(../images/bg_newsbottom.jpg) no-repeat bottom left; position: relative; left: 0; margin-bottom:-4px;}


a {color: #003300;}
a:link, a:visited {text-decoration: underline;}
a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #005800;}
a:visited {color: #002200;}

#footer a {color: #c3b68f;}
#footer a:visited {color: #a8a290;}
#footer a:hover {color: #f2e9d1;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/
ul#navigation {height: 49px;}
ul#navigation li {float: left; position:relative;}
ul#navigation li a {display: block; overflow: hidden; height: 49px; background-repeat: no-repeat; background-image: url(../images/img_nav.jpg);}

/* logo */
#logo {float:left; width:237px; height:145px; margin-left:14px;}

/* set widths and background position from the left */
ul#navigation li#home a {width: 103px; background-position: 0 0;}
ul#navigation li#breedinfo a {width: 107px; background-position: -103px 0;}
ul#navigation li#ourkennel a {width: 115px; background-position: -210px 0;}
ul#navigation li#puppies a {width: 91px; background-position: -325px 0;}
ul#navigation li#galleries a {width: 142px; background-position: -416px 0;}
ul#navigation li#contactus a {width: 116px; background-position: -558px 0;}

/* set visited, hover positions from the top */
ul#navigation li#home a:hover {width: 103px; background-position: 0 -49px;}
ul#navigation li#breedinfo a:hover {width: 107px; background-position: -103px -49px;}
ul#navigation li#ourkennel a:hover {width: 115px; background-position: -210px -49px;}
ul#navigation li#puppies a:hover {width: 91px; background-position: -325px -49px;}
ul#navigation li#galleries a:hover {width: 142px; background-position: -416px -49px;}
ul#navigation li#contactus a:hover {width: 116px; background-position: -558px -49px;}

/* keep dropdown active on hover of submenu */
ul#navigation li:hover#breedinfo a,  ul#navigation li.iehover#breedinfo a{width: 107px; background-position: -103px -49px;}
ul#navigation li:hover#ourkennel a, ul#navigation li.iehover#ourkennel a {width: 115px; background-position: -210px -49px;}


ul#navigation li ul {
    position:absolute;
    top:49px;
    left:0;
    margin-left:-999em;
    background:#544024;
    width:115px;
}
ul#navigation li ul li {
    height:auto;
    clear:left;
	width:115px!important;
}
ul#navigation li ul li a {
    background:#544024;
    height:auto;
	width:100px!important;
    padding:4px 8px;
	color: #cbc09f;
	text-transform:uppercase;
	font: .75em "Trebuchet MS", "Tahoma", Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
ul#navigation li ul li a:hover {
	background:#69502d;
}
ul#navigation li:hover ul, ul#navigation li.iehover ul {
    margin-left:0;
}
/** Support for the "iehover-fix.js" **/
#navigation iframe {
position: absolute;
left: 0;
top: 0;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/
/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 600px; padding: 15px;}
.column.right {width: 310px;}
.column.right ul {padding-bottom: 20px;}
.column.right ul li {padding-bottom: 10px;}

/*
--------------------------
FORM
--------------------------
*/
#form {padding: 1.5em; border-top:1px solid #97895e; border-bottom:1px solid #97895e; margin: 15px 25px 0 0;}
#form label {font-size: .88em; float:left; width:30%;}
#form h2 {margin-bottom:20px;}
#form input.text, #form textarea, .floatfield {float:left; width:50%;}
#form .floatfield {font-size:.88em; margin-bottom:10px;}
input.text {width:95%; padding:3px; margin:0 0 5px 0; background-color: #dbd0ac; border:1px solid #97895e;}
textarea {width:90%; height: 130px;  margin:0 0 5px 0; background-color: #dbd0ac; border:1px solid #97895e;}
#btnsubmit{width:82%;float:left;text-align:right;padding-top:10px; margin-top:10px;}
#submit {
	background: transparent url(../images/btn_submit.jpg) no-repeat;
	width: 79px;
  	height: 28px;
  	padding: 0;
  	border: 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#submit:hover {
	background: transparent url(../images/btn_submit_o.jpg) no-repeat;
	}
.align {margin:0 0 10px 65px;}
.form_required{
    color:red;
}
.form_error_title{
    font-weight: bold;
    color: red;
}
.form_error{
    background-color: #f9f2d8;
    border: 1px dashed #ff0000;
    padding: 16px;
    color : black;
    margin: 10px;
	font-size:.88em;
}
.form_error_highlight{
    background-color: #f4f6e5;
    border-bottom: 1px dashed #dedede;
}
.form_choice_over{
    background-color: #dedede;
    cursor: pointer;
}
.hiddenpic {display:none;}

/* clear without structural mark-up - now works in ie7 ......*/
.clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
}
.clearfix {
        display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */

/*
--------------------------
LIGHTBOX
--------------------------
*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*
--------------------------
CUSTOM
--------------------------
*/

.intro {background: url(../images/bg_intro.jpg) no-repeat; width:250px; height:234px; float:left; padding:20px; margin:15px 8px 0 0; text-align:center;}
.picborder {border: 3px solid #e4dcc5;}

/* footer styles */
#footercontent {width:950px; margin: 0 auto; text-align:center; color:#1d1b17;}
#footercol1, #footercol2, #footercol3 {float:left; width:294px; text-align:left; padding-left:20px; height:166px;}
#footercol1 {border-right: 1px solid #625029;}
#footercol2 {border-left: 1px solid #9b895b; border-right: 1px solid #9b895b;}
#footercol3 {border-left: 1px solid #625029;}
#slvc {margin-left:30px;}
#copyright {font-size:.69em;color:#392b1a; line-height:.75em;}
#copyright a, #copyright a:visited {color:#402a0b;}
#copyright a:hover {color:#140d03;}

/* other */
#sidebar {background: url(../images/bg_sidebar.jpg) no-repeat; height:605px; padding:23px;}
#sidebar h2 {padding-bottom:2px;}
#sidebar p#horzline {padding: 2px 0;}

ul.bulleted li {list-style:disc; margin-bottom:15px;}

.dogphoto {float:left; width:280px; margin:15px 13px 0 0;}

/* photo mouseovers */
.dogphoto a {height:167px; text-indent:-9000px; display:block; border:3px solid #e4dcc5;}
a#trevor, a#cody, a#pixie, a#diamond, a#levi, a#toby {width:277px; height:167px;}
a#trevor {background: url(../images/pic_trevor.jpg) no-repeat;}
a#cody {background: url(../images/pic_cody.jpg) no-repeat;}
a#pixie {background: url(../images/pic_pixie.jpg) no-repeat;}
a#diamond {background: url(../images/pic_diamond.jpg) no-repeat;}
a#levi {background: url(../images/pic_levi.jpg) no-repeat;}
a#toby {background: url(../images/pic_toby.jpg) no-repeat;}
a:hover#trevor, a:hover#cody, a:hover#pixie, a:hover#diamond, a:hover#levi, a:hover#toby {background-position: 0 -167px;}