/*Styles for red poppy pets.com
-------------------------------------------------------------
Added class "DOG BUTTON"


----------------------------------------------------*/		
body{
    color: #000; 
    background: #fff;
    font-family: verdana;
    font-size: .8em;
	background: url(../images/fade.jpg) repeat-x;
}
a {color: black}		
a:link {text-decoration: none}		
a:visited {text-decoration: none}
a:hover {text-decoration: underline; color: #666}
ul{list-style-type:none;margin:0;padding:0}
img{border: 0px}
hr{clear: both; color: #000}

h2{
    color: #000;
    background: transparent;
    text-align: left;
    border-bottom: 0px solid white;
    color: #fff;
    padding: 4px;
}

h3{
    padding: 0px;
    margin: 0px;
    font-size: 110%;
    color: #666;
}

form{
    background: none;
    color: black;
}
input, textarea{border: 1px solid #ccf;}

/*CONSISTANT PAGE ELEMENTS
---------------------------------------------------------------------------------------------------------------*/
#global{
    position: relative; 
    top: -30px;
    margin: 0px auto;
    width: 850px;
    background: url(../images/bg.png) repeat-y transparent;
    padding-top: 0px;
	text-align: center;
}

#logo {
    position: relative;
    left: 0px;
    top: 8px;
    width: 850px;
    height: 201px;
    margin: 0px auto;
    background: url(../images/header_bg.png) no-repeat center;
    border: 0px solid #000;
}

/*NAVIIGATION  STYLES
------------------------------------------------------------------------------------------------------*/
#nav {position: absolute; top: 139px; left: 20px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{font-size: 90%; font-weight: bold;}
ul#nav li{float:left;margin-left: 3px;text-align: center}
img.button:hover{z-index: 400;}
ul#nav a{float:left;width: 100px;padding: 5px 0;background: transparent ;text-decoration:none; color: #fff}
ul#nav a:hover{background: url(images/link_bg.png) center no-repeat ; text-decoration: underline; color: #000}
.activelink{z-index: 10;}
.line {position: absolute; top: 198px; left: 15px; height: 4px; width: 819px; border: 4px solid black}
/*CONTENT STYLES
------------------------------------------------------------------------------------------------------*/
#content {
    position: relative;
    top: 5px;
    /*left: -220px;*/
    left: 35px;
    width: 780px;/*540px;*/
    /*background: url(../images/content_edges.jpg) center repeat-y; /*transparent;*/
    color: black;
    padding: 0px;
	border: 1px solid black;
    margin-bottom: 10px; 
    text-align: justify;
    z-index: 5;
}
h1, h1.main_content_header{
    font-size: 75%; 
	text-align: left; 
	color: #666; 
	background-color: none; 
	padding: 10px;
	border-bottom: 1px solid black;
}
#content a{color: #c00}

/*#content p{padding: 0px 0px 0px 0px;}*/


#content_main{
    padding: 10px;
    text-align: center; 
	width: *;
	border-top: 0px solid #369;
	background-color: #fff;
}
#content_main p{
    text-align: justify; 
	width: *;
}
.content_image{
    float : left; 
    margin-right: 10px; 
    border: 0px solid #fff;
}

.breeds_image{
    float : left; 
    margin-right: 0px; 
    border: 0px solid #fff;
}

img.puppy{margin: 10px 13px 10px 13px; border: 2px solid #fff}
p.breed_descritpion{float: right; text-align: justify;} /*BREEDS */
.resource_links{text-align: left; padding-left: 35px; list-style-image: url(../images/poppy.png);} /*RESOURCES */

/*SUBCONTENT STYLES
------------------------------------------------------------------------------------------------------*/
.sub_content{
    position: relative;
	width: 200px;
    z-index: -10;
    /*text-align: left;
    background: #369;*/
	background:#efefef;
    color: #000;
    padding: 10px 0px 5px 0px;
	border: 0px solid #ccc;
}
.sub_content p, .sub_content td{padding: 5px 10px 5px 10px}

.sub_content a{color: #ffb600; font-size: 0.8em; padding: 10px;}
.sub_content img{display: block; margin: 0px auto;}
/*#more{position: relative; align: center;}*/
#instructions{font: 0.8em}
#comp {text-align: top}
#banners {clear: right}


/*FLASH BANNER AT BOTTOM
-------------------------------------------------------------------------------------------------------*/
#homeFlash{
    position: absolute;
    top: 10px;
    right: 10px;
    filter: progid:DXImageTransform.Microsoft.Fade(overlap=1); 
    padding: 3px;
    margin: 0 0 0 4
}

/*FOOTER
----------------------------------------------------------------------------------------------------------*/
#footer{
    position: relative;
    top: 0px;
    color: black;
    height: 28px;
    background: url(../images/footer_bg.png) no-repeat bottom center #fff; 
    font-size: .8em; 
    padding: 0px;
    padding-left: 0px;
    width: 850px; 
    margin: 0px auto;
    margin-bottom: 0px;
}

#footer p{
    position: relative;
    top: 27px;
    right: 19px;
    text-align: right;
	/*width: 200px;*/
	padding: 0px 20px 0px 20px;
    font-size: 0.8em;
}

#footer a:hover {color: #e90a0f; text-decoration: none}		   


/**********************************************************
SATISFIED CUSTOMERS
********************************************/
.even{background-color: #eee; color: #000;}
.odd{background-color: #ddd; color: #000;}
.cite{text-align: right; background-color: #999; color: #fff; font-size: .9em; padding:5px;}
#feedback_render{width: 100%;}