
body
 {
    margin:0px auto;
    font-family: Verdana, Arial, Geneva,helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-align: center;
	background-color: #BEBDBD;
    background:url(../images/bg_grad.gif) repeat-x;
    background-position:top left; 
 }
 
#form {
	font-family: Verdana, Arial, Geneva,helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

#form_sm {
	font-family: Verdana, Arial, Geneva,helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
}

.nav_bottom {
	width: 864px;
    height: 9px;
	background:url(../images/grad_bottom.jpg) repeat-x;
	background-position: top left; 
}

#main_img {
	width: 204px;
    height: 381px;
	background:url(../images/index_img_dog.jpg) no-repeat;
	background-position: 100% 15%; 
}

#main_img_about {
	width: 205px;
    height: 523px;
	background:url(../images/about_img_cat.jpg) no-repeat;
	background-position: 100% 0%; 
}

#main_img_gallery {
	width: 280px;
    height: 370px;
	background:url(../images/gallery_img_bird.jpg) no-repeat;
	background-position: 100% 20%; 
}

#main_img_services {
	width: 226px;
    height: 399px;
	background:url(../images/services_img_bunny.jpg) no-repeat;
	background-position: 100% 5%; 
}

#main_img_news {
	width: 378px;
    height: 394px;
	background:url(../images/news_img_dog3.jpg) no-repeat;
	background-position: 100% 5%; 
}

#main_img_test {
	width: 228px;
    height: 333px;
	background:url(../images/test_img_dog1.jpg) no-repeat;
	background-position: 100% 5%; 
}

#main_img_contact {
	width: 258px;
    height: 272px;
	background:url(../images/contact_img_dog.jpg) no-repeat;
	background-position: 100% 5%; 
}

.logo {
	margin: 20px 0px 0px 30px;
	text-align: left;
}

.header {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #5C5B5B;
	margin: 30px 0px 0px 0px;
	text-transform: uppercase;
	font-weight:bold;
}

.header_announce {
	font-family: Geneva, Arial, Verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #FF7611;
	margin: 20px 0px 0px 0px;
	font-weight:bold;
}

.announce {
	margin: 4px 0px 20px 0px;
}

.header_img {
	margin: 0px 0px 10px 0px;
}

.header_img_gallery {
	margin: 0px 0px 10px 7px;
}

.gallery {
	margin: 0px 0px 10px 0px;
}

.content {
	margin: 15px 20px 30px 20px;
	font-weight:normal;
	line-height: 190%;
	text-align:justify;
}

.para {
	margin: 0px 0px 10px 0px;
}

.para_news {
	margin: 0px 0px 3px 0px;
}

.para_news_url {
	margin: 0px 0px 10px 0px;
}

.para_news_a {
	margin: 0px 0px 5px 0px;
}

.para_sm {
	margin: 0px 0px 3px 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
}

.para_h {
	margin: 0px 0px 3px 0px;
}

.para_header {
	margin: 20px 0px 10px 0px;
	color: #242424;
}

.para_sign {
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:right;
}

.main_content {
	margin: 20px 20px 30px 20px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 620px;
	font-weight:normal;
	line-height: 140%;
}

.bullet {
	background:url(../images/bullet_arrow.gif) no-repeat;
	margin: 0px 0px 0px 10px;
	background-position: top left;
}

#footer {
	margin: 4px 10px 4px 10px;
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight:normal;
}

a:link {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #60A50D;
	text-decoration: underline;
}

a:visited {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #60A50D;
	text-decoration: underline;
}

a:hover {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 11px;
	color: #79DC02;
	text-decoration: underline;
}

a.footerl:link {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}

a.footerl:visited {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight:normal;
	text-decoration: underline;
}

a.footerl:hover {
	font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight:normal;
	text-decoration: underline;
}

a.announcement:link {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	color: #502E96;
	font-size: 11px;
	font-weight:normal;
	text-decoration: underline;
}

a.announcement:visited {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	color: #502E96;
	font-size: 11px;
	font-weight:normal;
	text-decoration: underline;
}

a.announcement:hover {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	color: #734FBE;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
}



.thumbnail {
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 8px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: 60px;
left: 120px; /*position where enlarged image should offset horizontally */

}


.thumbnail2 {
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 51;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 8px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: -110px;
left: 120px; /*position where enlarged image should offset horizontally */

}


.thumbnail3 {
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 52;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 8px;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: -290px;
left: 120px; /*position where enlarged image should offset horizontally */

}






