/* DESIGN */

* html a:hover {visibility:visible}

BODY 
{
	height:100%; /* needed for container min-height */
	padding: 0;
	background-color:#666699;
	margin: -5px 0 0 0;
	font-size: 12px;
	color:#CCCCCC; 
 	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

*
{
	padding: 0;
	margin: 0;
	border: 0;
}

#container
{
	width: 950px;
	min-height:100%; _height:100%;
	background-image: url(images/kennelsupport_05.gif); 
	margin: 0 auto -171px auto;
}

#container_down
{
	width: 950px;
	height: 176px;
	background-image: url(images/kennelsupport_06.gif); 
	margin: 0 auto 0 auto;
}

#content
{
	width: 800px;
	line-height: 20px;
	padding: 0px;
	margin: 0 auto 0 auto;
}

#logo 
{
	width:950px;
	height:120px;
	float: left;
	background-image: url(images/kennelsupport_01.gif); 
	background-repeat: no-repeat; 
	margin: 0 0 0 0;
	padding: 0;
}

#logo2 
{
	width:28px;
	height:275px;
	float: left;
	background-image: url(images/kennelsupport_02.gif); 
	background-repeat: no-repeat; 
	margin: 0 0 0 0;
	padding: 0;
}

#logo3 
{
	width:750px;
	height:275px;
	float: left;
	background-image: url(images/kennelsupport_04.gif); 
	background-repeat: no-repeat; 
	margin: 0 0 0 0;
	padding: 0;
}

#minigallery 
{
	width:172px;
	height:275px;
	text-align:center;
	float: left;
	background-image: url(images/kennelsupport_03.gif); 
	background-repeat: no-repeat; 
	margin: 0 0 0 0;
	padding: 0;
}

#nav 
{
	
	height: 75px;
	
}

ul.nav
{
	list-style-type: none; 
	padding: 0;
	margin: 5px;
	text-align:left;
	
}
 
li
{
	display:inline;
	padding: 5px;
	margin: 0;
	font-size: 15px; 
	color: #FFFFFF;	
}

ul.s
{
	list-style-type: none; 
	padding: 0;
	margin: 0 0 0 40px;
	text-align: left;
	
}
 
li.s
{
	display: inline;
	padding: 5px;
	margin: 0;
	font-size: 12px; 	
}

.smtbl
{
	float: right;
	padding: 0;
	margin: 0;

} 

.services_box
{
	height: 190px;
	width: 150px;
	float: left;
	padding: 0;
	margin: 22px;

} 

.category_box
{
	width: 150px;
	float: left;
	border: 1px solid #CCCCCC;	
	padding: 5px;
	margin: 5px;

} 

.post_box
{
	width: 200px;
	float: left;
	border-right: 1px solid #CCCCCC;	
	padding: 5px;
	margin: 5px;

} 

.gallery_box
{
	width: 605px;
	float: left;
	border: 1px solid #CCCCCC;	
	padding: 5px;
	margin: 5px;
	\width: 590px;
    w\idth: 590px;


} 

.guestbook_box
{
	width: 555px;
	float: left;
	border: 1px solid #CCCCCC;	
	padding: 0;
	margin: 5px;

} 

.dogbox
{
	float: left;
	width: 370px;
	line-height: 20px;
	text-align:center;
	margin: 5px;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding: 10px 5px 5px 0px;
}

.imgbox
{
	float: left;
	margin: 2px;
	padding: 2px;
}

.linkbox
{
	float: left;
	width: 280px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	margin: 2px;
	padding: 2px;
}

.infobox
{
	float: left;
	width: 785px;
	line-height: 20px;
	text-align:left;
	margin: 5px;
	border: 1px solid #CCCCCC;
	padding: 10px 5px 5px 0px;
}

.puppiebox
{
	float: left;
	width: 785px;
	line-height: 20px;
	text-align:center;
	margin: 5px;
	border: 1px solid #CCCCCC;
	padding: 10px 5px 5px 0px;
}


TD
{
	border: 1px solid #CCCCCC;
}

TD.noborder
{
	border: 0px solid #CCCCCC;
	vertical-align:top;
}

.border10
{
	border: #191919 10px solid;
}

.cleardiv
{
	clear: both;
	height: 2px;
}

.cleardivs
{
	clear: both;
	height: 2px;
}
.cleardivm
{
	clear: both;
	height: 7px;
}
.cleardivl
{
	clear: both;
	height: 12px;
}
.cleardivxl
{
	clear: both;
	height: 22px;
}

.cleardivxxl
{
	clear: both;
	height: 80px;
}
.cleardivfooter
{
	clear: both;
	height: 176px;
}

input, textarea
{
	border: 1px solid #666699;
	background-color: #EEEEEE;
	margin: 1px 5px 1px 25px;
	
}

.imgborder
{	border: 2px solid #333333;
	margin: 10px;
}

.imgborder_dogs
{	border: 2px solid #333333;
}

html { height:100%; /* needed for container min-height */ }

hr.dotted { 
	border: 2px dotted #212121;
	margin: 2px 0 5px 0;
}


hr { 
	border: 1px solid #212121;
	margin: 2px 0 2px 0;
}

hr.gb_line { 
	border: 1px solid #CCCCCC;
	margin: 2px 0 2px 0;
}
/* END DESIGN */

/* TEXT */

.underline
{
	text-decoration: underline;
}

A:link 
{
	text-decoration: none;
	color: #663399;
	font-weight: bold;
}

A:visited 
{
	text-decoration: none;
	color: #663399;
	font-weight: bold;
}

A:active 
{
	text-decoration: none;
	color: #663399;
	font-weight: bold;
}

A:hover 
{
	text-decoration: none;
	color:#663399;
	font-weight: bold;
}

.center
{

	text-align:center;

}


h1
{
	text-align: left;
	font-size: 28px; 
	color: #666699;
	margin: 5px 5px 15px 20px;
}

h2
{
	text-align: left;
	font-size: 18px; 
	color: #666699;
	margin: 5px 5px 5px 20px;
}

h3
{
	text-align: left;
	font-size: 15px; 
	color: #666699;
	margin: 5px 5px 5px 20px;
}

.kull
{
	text-align: center;
	font-size: 15px; 
	color: #666699;
	margin: 5px 5px 5px 20px;
}

.tik
{
	color: #993399;
	font-size: 12px;
}

.hane
{
	color: #003399;
	font-size: 12px; 
}

.familj
{
	color: #333333;
	font-size: 12px; 
}

.white
{
	color: #FFFFFF;
}
.red
{
	color: #990000;
}
.green
{
	color: #009900;
}
.gray
{
	color: #666666;
}

p
{
	text-align:left;
	font-size: 16px;
	color: #333333; 
	line-height: 18px;
	margin: 5px 5px 10px 25px;
}

p.dark
{
	text-align:left;
	font-size: 12px;
	color: #333333; 
	line-height: 18px;
	margin: 5px 5px 10px 25px;
}

p.mini
{
	text-align:left;
	font-size: 10px;
	color: #333333; 
	line-height: 12px;
	margin: 5px 5px 5px 30px;
}

p.mini2
{
	text-align:left;
	font-size: 10px;
	font-variant:small-caps;
	color: #666666; 
	line-height: 12px;
	margin: 10px 20px 3px 30px;
}

p.mini3
{
	text-align:right;
	font-size: 10px;
	font-variant:small-caps;
	color: #666666; 
	line-height: 12px;
	margin: 1px 20px 3px 13px;
}

.send 
{
	visibility: hidden;
}
/* END TEXT */

/* BOXES */
.start_img
{
	width: 375px;
	float: right;
	line-height: 20px;
	background-image: url(images/cgos_start.gif);
	min-height:200px; _height:200px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px;
	background-color: #000000;
}

.about_img
{
	width: 375px;
	float: right;
	line-height: 20px;
	background-image: url(images/cgos_about.gif);
	min-height:200px; _height:200px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px;
	background-color: #000000;
}

.contact_img
{
	width: 375px;
	float: right;
	line-height: 20px;
	background-image: url(images/cgos_contact.gif);
	min-height:200px; _height:200px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px;
	background-color: #000000;
}

/* END BOXES */

/* NAVIGATION */
.men1 
{
	height: 75px;
	width: 116px;
	float: left;
	margin:0px;
	background-image:url(images/nav_over_01.gif);	
}
.men1 a {display: block }
.men1 img {width: 100%; height: 100%; border: 0; }
.men1 a:hover img{visibility: hidden}

.men2 
{
	height: 75px;
	float: left;
	width: 123px;
	margin:0px;
	background-image:  url(images/nav_over_02.gif);	
}
.men2 a {display:block }
.men2 img {width: 100%; height: 100%; border: 0; }
.men2 a:hover img{visibility:hidden}

.men3 
{
	height: 75px;
	width: 125px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_03.gif);	
}
.men3 a {display:block }
.men3 img {width: 100%; height: 100%; border: 0; }
.men3 a:hover img{visibility:hidden}

.men4 
{
	height: 75px;
	width: 71px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_04.gif);	
}
.men4 a {display:block }
.men4 img {width: 100%; height: 100%; border: 0; }
.men4 a:hover img{visibility:hidden}

.men5 
{
	height: 75px;
	width: 102px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_05.gif);	
}
.men5 a {display:block }
.men5 img {width: 100%; height: 100%; border: 0; }
.men5 a:hover img{visibility:hidden}

.men6 
{
	height: 75px;
	width: 92px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_06.gif);	
}
.men6 a {display:block }
.men6 img {width: 100%; height: 100%; border: 0; }
.men6 a:hover img{visibility:hidden}

.men7
{
	height: 75px;
	width: 85px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_07.gif);	
}
.men7 a {display:block }
.men7 img {width: 100%; height: 100%; border: 0; }
.men7 a:hover img{visibility:hidden}

.men8 
{
	height: 75px;
	width: 86px;
	float: left;
	margin:0px;
	background-image:  url(images/nav_over_08.gif);	
}
.men8 a {display:block }
.men8 img {width: 100%; height: 100%; border: 0; }
.men8 a:hover img{visibility:hidden}

html { height:100%; /* needed for container min-height */ }
/* END NAVIGATION */