/*
  CSS Framework v.2.3
 	
  Author: Kamil Kuczmera 
  E-mail: kamil@kuczmera.com
------------------------------------------------------------/

/* Global 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{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:#000;background:#fff}ol,ul{list-style:none}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}

/* Paddings & margins */
.margin-top     { margin-top:    15px }
.margin-bottom  { margin-bottom: 15px }
.margin-left    { margin-left:   15px }
.margin-right   { margin-right:  15px }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }

/* Positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }
.bold           { font-weight: bold; }

/* Basic selectors styles */
h2              { font: bold 14px Tahoma, Helvetica, sans-serif; }
h3              { font: normal 18px Tahoma, Helvetica, sans-serif; } 

a               { color: #000; font-weight: bold; text-decoration: underline; outline: none; cursor: pointer }
a:hover         { text-decoration: none; }

body {
	font: 12px/140% Tahoma, Helvetica, sans-serif;
	color: #000;
	background: #1b1464;
	padding-bottom: 25px;
}
	

/* Container
---------------------------------------------- */
#container { width: 804px; margin: 25px auto 0; border: 1px solid #0d004c; background: #f5f5f5; }	
#wrapper { height: 100%; margin: 0 15px 15px 0; overflow: hidden;background: url(../img/wrapper.gif) right repeat-y; }	
	#wrapper .inner {
		background: url(../img/wrapper.png) bottom right no-repeat;
		overflow: auto;
	}
	
	/* Left column
	---------------------------------------------- */
	#left { float: left; width: 183px; background: url(../img/left/bg.png) no-repeat; }	
		
		/* Menu */	
		#menu { width: 180px; height: 254px; margin-bottom: 15px; position: relative; }
		#menu a { position: absolute; height: 20px; text-indent: -999999px; }
			#menu .about { width: 80px; top: 36px; right: 0; }
			#menu .dogs { width: 70px; top: 86px; left: 82px; }
			#menu .farrow { width: 70px; top: 120px; left: 86px; }
			#menu .pups { width: 120px; bottom: 84px; right: 0; }
			#menu .links { width: 60px; bottom: 58px; right: 55px; }
			#menu .contact { width: 90px; bottom: 32px; right: 6px; }
			#menu .gallery { width: 90px; bottom: 0; left: 38px; }
			
		/* News */	
		#news { width: 110px; padding: 10px; margin: 0 0 15px 51px; font-size: 10px; text-align: center; line-height: 120%; border: 1px solid #0d004c; background: #fff; }
		#news dt { height: 10px; margin-bottom: 10px; background: url(../img/left/news.gif) center 0 no-repeat; text-indent: -999999px; }
		#news dd { color: #000066; padding-bottom: 10px; }
		#news dd p { margin-bottom: 10px; }
		#news dd .more { float: right; padding-right: 8px; color: #000066; background: url(../img/left/more.gif) right 6px no-repeat; }
	
	/* Right column
	---------------------------------------------- */
	#right { float: right; width: 606px; }
		
		/* Logo */
		#logo { height: 63px; padding-top: 13px; margin-bottom: 15px; background: #f5f5f5; }
		#logo a { display: block; height: 100%; background: url(../img/right/logo.png) no-repeat; text-indent: -999999px; }
		
		/* Content */
		#right h2 { margin: 0 0 5px 15px; }
		#content { min-height: 350px; padding: 15px; margin: 0 15px 15px 15px; border: 1px solid #cdcdcd; background: #fff url(../img/right/content.gif) right bottom no-repeat; }
		#content img { margin: 15px 20px; }
		#content img.left { margin: 0 10px 5px 0; border: 1px solid #000; }
		#content img.right { margin: 0 0 5px 10px; border: 1px solid #000; }
		#content p { margin-bottom: 15px; }
		#content h1,
		#content h2,
		#content h3 { color: #ed1c24; font: 10pt Tahoma, sans-serif; }
		
		/* Forms */
		#content form label { float: left; width: 100%; }
		#content form input,
		#content form textarea,
		#content form select { font: 12px Tahoma, sans-serif; width: 200px; }
		#content form input,
		#content form textarea { padding: 2px 4px; }
		#content form textarea { height: 100px; }
		
		/* Home */
		#intro { overflow: hidden; height: 100%; padding: 220px 0 0; background: url(../img/right/intro.jpg) center 0 no-repeat; }
		#toplist { padding-top: 150px; text-align: center; background: url(../img/right/tangram.gif) center 35px no-repeat; }
		#toplist li { display: inline; }
		
		/* About */
		#about { overflow: hidden; padding: 270px 0 0; background: url(../img/right/about.jpg) center 0 no-repeat; }
		
		/* Farrow */
		#farrow { overflow: hidden; padding: 200px 0 0; background: url(../img/right/farrow.jpg) center 0 no-repeat }
		#farrow dt { padding-top: 20px; font-weight: bold; }
		#farrow dd { padding: 10px 0 0 15px; background: url(../img/right/arr.gif) 4px 16px no-repeat; }
		#farrow dd h3 { font-size: 12px; margin-bottom: 10px; }
		#farrow dd h3 strong { font-weight: bold; }
		#farrow dd ul { overflow: hidden; height: 100%; }
		#farrow dd li { float: left; height: 125px; margin: 0 5px 0 0; }
		#farrow dd li a { display: block; text-align: center; font-weight: normal; font-size: 11px; text-decoration: none; }
		#farrow dd li a:hover { text-decoration: underline; }
		#farrow dd li img { width: 120px; display: block; border: 1px solid #000; }
		
		/* Gallery */
		#gallery {  }
		#gallery dt { font-weight: bold; margin-bottom: 10px; }
		#gallery dd { margin-bottom: 15px; }
		#gallery li { padding-left: 25px; background: url(../img/right/arr.gif) 14px 8px no-repeat; }
		#gallery a { font-weight: normal; }

	/* Footer
	---------------------------------------------- */	
	#footer { position: relative; margin-bottom: -20px; font-style: normal; font-size: 10px; color: #fff; }
	#footer a { color: #fff; }
	
	
	html, body {height: 100%}
	div#fancy_overlay {
		background-color: #666;
		display: none;	
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 30;
	}
	* html div#fancy_overlay {
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		position: absolute;
	}
	div#fancy_wrap {text-align: left}
	div#fancy_loading {
		background: transparent;
		cursor: pointer;
		display: none;
		height: 40px;
		overflow: hidden;
		position: absolute;
		width: 40px;
		z-index: 100;
	}
	div#fancy_loading div {
		background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
		height: 480px;
		left: 0;
		position: absolute;
		top: 0;
		width: 40px;	
	}
	div#fancy_loading_overlay {
		background-color: #FFF;
		position: absolute;
		z-index: 30;
	}
	div#fancy_loading_icon {
		background: url('../img/fancybox/fancy_loading.gif') no-repeat;
		height: 16px;
		position: absolute;
		width: 16px;
		z-index: 35;
	}
	div#fancy_outer {
		background: transparent;
		display: none;
		left: 0;
		margin: 0;	
		overflow: hidden;
		padding: 18px 18px 33px 18px;
		position: absolute;
	    top: 0;
	    z-index: 90;
	}
	div#fancy_inner {
		background: #FFF;
		border: 1px solid #BBB;
		height:100%;
		position: relative;
		width:100%;
	}
	div#fancy_content {margin: 0;position: absolute;z-index: 100}
	div#fancy_div {
		background: #000;
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 100;
	}
	img#fancy_img {
		border:0; 
		height: 100%;
		margin: 0;
		left: 0;
		padding: 0; 
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	div#fancy_close {
		background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		display: none;
		height: 30px;
		position: absolute;
		right: -15px;
		top: -12px;
		width: 30px;	
		z-index: 181;	
	}
	#fancy_frame {
		display: none;
		height: 100%;
		position: relative;
		width: 100%;	
	}
	#fancy_ajax {height: 100%;overflow: auto;width: 100%}
	a#fancy_left, a#fancy_right {
		position: absolute; 
		bottom: 0px; 
		height: 100%; 
		width: 35%; 
		cursor: pointer;
		z-index: 111; 
		display: none;
		background-image: url(data:image/gif;base64,AAAA);
		outline: none;
	}
	a#fancy_left {left: 0px}
	a#fancy_right {right: 0px}
	span.fancy_ico {
		cursor: pointer;
		display: block;
		height: 30px;
		margin-top: -15px;
		position: absolute; 
		top: 50%;
		width: 30px;
		z-index: 112; 	
	}
	span#fancy_left_ico {background: transparent url('../img/fancybox/fancy_left.png') no-repeat;left: -9999px}
	span#fancy_right_ico {background: transparent url('../img/fancybox/fancy_right.png') no-repeat;right: -9999px}
	a#fancy_left:hover {visibility: visible}
	a#fancy_right:hover {visibility: visible}
	a#fancy_left:hover span {left: 20px}
	a#fancy_right:hover span {right: 20px}
	.fancy_bigIframe {
		background: transparent;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;	
	}
	div#fancy_bg {	
		border: 0;
		height: 100%;
		margin: 0;
		left: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 70;
	}
	div.fancy_bg {
		border: 0;
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 70;
	}
	div.fancy_bg_n {
		background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
		height: 18px;
		top: -18px;	
		width: 100%;
	}
	div.fancy_bg_ne {
		background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
		height: 18px;
		right: -13px;
		top: -18px;
		width: 13px;
	}
	div.fancy_bg_e {
		background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
		height: 100%;
		right: -13px;
		width: 13px;	
	}
	div.fancy_bg_se {
		background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
		bottom: -18px;
		height: 18px;
		right: -13px;	
		width: 13px;
	}
	div.fancy_bg_s {
		background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
		bottom: -18px;
		height: 18px;
		width: 100%;
	}
	div.fancy_bg_sw {
		background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
		bottom: -18px;
		height: 18px;
		left: -13px;
		width: 13px;	
	}
	div.fancy_bg_w {
		background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
		left: -13px;
		height: 100%;
		width: 13px;	
	}
	div.fancy_bg_nw {
		background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
		height: 18px;
		left: -13px;
		top: -18px;
		width: 13px;	
	}
	div#fancy_title {
		bottom: -33px;
		display: none;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 100;
	}
	div#fancy_title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 3px;
	}
	div#fancy_title table {margin: 0 auto}
	div#fancy_title table td {padding: 0;vertical-align: middle}
	td#fancy_title_left {
		background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
		height: 32px;
		width: 15px;
	}
	td#fancy_title_main {
		background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
		height: 32px;
	}
	td#fancy_title_right {
		background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
		height: 32px;
		width: 15px;	
	}
	
	#news img {display: none;}
	#news-list li {
		border-bottom: 1px solid #333;
		display: block;
		padding: 10px 0;
	}
	#news-list li dl dt {
		font-weight: bold;
	}
/*#content table {
	border: 1px solid #000;
}*/

.photo-listing {
	display: block;
	overflow: auto;
}
.photo-listing li {
	border:1px solid #CDCDCD;
	float: left;
	height: 100px;
	margin:10px 10px 0 0;
	padding:5px;
	position:relative;
	width:110px;
}
	#content .photo-listing li img  {
			border:1px solid #CDCDCD;
		display: block;
		margin: 4px auto 0;
	}
	#content .photo-listing li a:hover img {
		border-color: #0D004C;
	}