/* CSS Document Reset */
html, body { width: 100%;}
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul { list-style: none; }
a { outline: 0}
h1, h2, h3, h4, h5, h6 {line-height: normal; }
/* remember to define focus styles! */

/* tables still need 'cellspacing="0"' in the markup */
/**************************************************************************************/

/* CSS page */
body { background-color: #D4F5C0; background-image:  url(images/dk_body.png); background-position: 0 0; background-repeat: repeat-x; }
body, table, td { font-weight: normal; font: 12px/1.40em arial, helvetica, sans-serif; text-align: left; color: #333333} 

div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }

a:link, a:visited { color: #3399FF; text-decoration: none; }
a:hover { color: #455270; text-decoration: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.debug { background-color: #999999; }
div.dummyW15 { width: 15px; } 
div.dummyH5 { height: 5px; } div.dummyH10 { height: 15px; } div.dummyH15 { height: 15px; } div.dummyH20 { height: 20px; } div.dummyH30 { height: 30px; }


/* CSS SITE WRAPPERS */
#body-wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
#header-wrapper { width: 960px; margin-left: auto; margin-right: auto; }
#body-content-wrapper { width: 960px; margin-left: auto; margin-right: auto; background: url(images/dk_main_bkg.png) #FFFFFF 0px 0px repeat-x; }

/**** HOME ****/
.second-bkg { background-image: url(images/dk_table_bkg.png); background-position: 100% 0; background-repeat: no-repeat;  }
.second { width: 100%; height: 620px; background-image: url(images/dk_table_bkg.png); background-position: 100% 0; background-repeat: repeat-x; }
.logo { width: 360px; height: 179px; }
.pics { width: 360px; height: 362px; }
.gallery { width: 198px; height: 237px; margin-right: 16px; }
.video { width: 193px; height: 237px; margin-right: 8px; }
.contact { width: 204px; height: 237px; }
.sticks { height: 620px; background-image: url(images/dk_sticks.jpg); background-position: 100% 100%; background-repeat: no-repeat; }
.links { height: 237px; }
.latest { margin-left: 55px; width: 349px; height: 196px; background: url(images/dk_last.png) 0 0 no-repeat; }

.scroller { width:  349px; height: 178px; overflow: hidden; }
.content { width: 349px;  }
.slide { float: left; width:  349px; height: 175px; }
#arrows { position: absolute; width: 98px; left: -53px; top: 13px; }
.tab {  width: 98px; display: block; }
.link-snimki { height: 47px; background: url(images/dk_stick_snimki.png) 0 0 no-repeat }
.link-video { height: 43px; background: url(images/dk_stick_video.png) 0 0 no-repeat }
.tab-snimki .selected { background-position: 0 -47px; }
.tab-video .selected { background-position: 0 -43px; }
.latest-stick { position: absolute; width: 102px; height: 64px; left: 260px; top: -13px; }

.caption-C { }


/* CSS GALLERY */
.gal-title { font-size: 18px; font-weight: normal; text-align: center; }
.gal-bar { background-color: #EDFBE6; border: 1px dashed #AAD789; padding: 10px; }
.album-title { font-size: 22px; font-weight: normal; text-align: left; color: #3F4C6B }

img.replacement { vertical-align: bottom; }

.photo {
	position: relative;
	margin: 0px 15px;
	z-index: 5;
	text-align:center;
	width: 193px;
	height: 147px;
	background: url(images/watercolor-bg.png) no-repeat;
}
.photo img {
	background: #fff;
}

.photo span {
	width: 193px;
	height: 147px;
	display: block;
	position: absolute;
	z-index: 6;
	top: 12px;
	left: 12px;
}

.sample12 span {
	width: 193px;
	height: 147px;
	display: block;
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
	background: url(images/watercolor-top.png) no-repeat;
}
.sample12 img {
	margin: 9px 12px 11px 11px;
}

/* dock - top */
#dock-wrapper { width: 100%; height: 125px; background: url(images/dk_header_bkg.png) #525E7B 0 0 repeat-x; }
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 60px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 0px;
}
img.dock-image { margin-right: 10px;}