body {
	font-family: helvetica, arial, sans-serif;
	color: #4d4d4d;
	text-align: center;
	font-size: 100%;
	background: #fff;
	padding-top: 0px;
}

a {
	color: #020D9B;
}

abbr {
	text-transform: lowercase;
	font-variant: small-caps;
}

h3 {
	font-size: 130%;
	color: #4d4d4d;
	margin: 0 0 16px 0px;
	text-transform: lowercase;
}

h3 a {
	color: #4d4d4d;
}

h4 {
	font-size: 130%;
	margin-bottom: .5em;
	color: #4d4d4d;
}

h4 a {
	color: #4d4d4d;
}	

h5 {
	font-size: 120%;
	margin-bottom: .5em;
}	

h6 {
	font-size: 110%;	
	margin-bottom: .5em;
}	
	
/* LAYOUT -------------------------------------------------------------------------- */	

h2, #nav, #main, #kolofon, #search, #found, #right, #mail { 
	background-color: transparent; 
}

#nav {
	background: url(../img/div_bg_40.png) no-repeat 0 -218px;
	padding: 26px 0 15px 55px;	
}

h2 {
	background: url(../img/h2_bg.png) no-repeat 0 center;
}

#main {
	background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -213px;
}

#kolofon {
	background: url(../img/102px_bg.png) no-repeat 0 center;
}

/* margins */

#nav	 	{ margin: 0 0 0 15px;	}
h2 			{ margin: 0 0 0 10px; 	padding: 20px 0 20px 105px;}
#main		{ margin: 0 0 0 5px; 	padding: 18px 30px 25px 110px;  }
#kolofon	{ margin: 0 0 0 0px; 	padding: 12px 0 10px 115px;  }

.kontakt #h1 		{ margin-left: 15px;	}
.kontakt #nav		{ margin: 0 0 0 10px;	}
.kontakt h2 		{ margin: 0 0 0 5px;	padding: 20px 0 20px 105px;		}
.kontakt #main		{ margin: 0 0 0 0px; 	padding: 18px 0 20px 110px; 	}

.tootjad #nav		{ margin: 0 0 0 15px;	}
.tootjad h2 		{ margin: 0 0 0 10px;	padding: 20px 0 20px 105px;		}
.tootjad #main		{ margin: 0 0 0 5px; 	padding: 18px 30px 20px 110px;		background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -215px;}
.tootjad #kolofon	{ margin: 0 0 0 0px; 	padding: 12px 0 10px 115px;  	}

.disainerid #nav		{ margin: 0 0 0 15px;	}
.disainerid h2 		{ margin: 0 0 0 10px;	padding: 20px 0 20px 105px;		}
.disainerid #main		{ margin: 0 0 0 5px; 	padding: 18px 30px 20px 110px;		background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -215px;}
.disainerid #kolofon	{ margin: 0 0 0 0px; 	padding: 12px 0 10px 115px;  	}

.twocolumn #nav	 	{ margin: 0 0 0 15px;	}
.twocolumn #found	{ margin: 0 0 0 10px; 	padding: 13px 0 13px 105px;		background: url(../img/h2_bg.png) no-repeat 0 -206px; }
.twocolumn #right	{ margin: 0 0 0 5px; 	padding: 15px 0 15px 110px; 	background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -213px; }
.twocolumn #kolofon	{ margin: 0 0 0 0px; 	padding: 17px 0 17px 115px;  	}

.meeldib #h1 		{ margin-left: 25px; 	}
.meeldib #nav	 	{ margin: 0 0 0 20px;	}
.meeldib #found		{ margin: 0 0 0 15px; 	padding: 13px 0 13px 105px;  background: url(../img/h2_bg.png) no-repeat 0 -206px;}
.meeldib #right		{ margin: 0 0 0 10px; 	padding: 15px 0 15px 110px;  background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -203px;}
.meeldib #mail		{ margin: 0 0 0 5px; 	padding: 17px 0 21px 115px;  background: white url(../img/102px_bg_tapeedid.png) no-repeat 0 -203px;}
.meeldib #kolofon	{ margin: 0 0 0 0px; 	padding: 20px 0 15px 120px;  background: url(../img/107px_bg.png) no-repeat 0 center;	}

.meeldib2 #nav	 	{ margin: 0 0 0 15px;	}
.meeldib2 #found	{ margin: 0 0 0 10px; 	padding: 13px 0 13px 105px;		background: url(../img/h2_bg.png) no-repeat 0 -206px; }
.meeldib2 #right	{ margin: 0 0 0 5px; 	padding: 15px 0 15px 110px; 	background: white url(../img/97px_bg_tootjad.png) no-repeat 0 -213px; }
.meeldib2 #kolofon	{ margin: 0 0 0 0px; 	padding: 17px 0 17px 115px;  	}

.tapeedid #h1 		{ margin-left: 25px; 	}
.tapeedid #nav	 	{ margin: 0 0 0 20px; 	}
.tapeedid #search	{ margin: 0 0 0 15px; 	padding: 13px 0 13px 105px; background: url(../img/h2_bg.png) no-repeat 0 center;}
.tapeedid #found	{ margin: 0 0 0 10px; 	padding: 15px 0 15px 110px; background: url(../img/97px_bg.png) no-repeat 0 -203px; }
.tapeedid #right	{ margin: 0 0 0 5px; 	padding: 17px 0 17px 115px; background: white url(../img/102px_bg_tapeedid.png) no-repeat 0 -213px; }
.tapeedid #kolofon	{ margin: 0 0 0 0px; 	padding: 20px 0 15px 120px; background: url(../img/107px_bg.png) no-repeat 0 center; }

/* margins end */

#container {
	position: relative;
	width: 774px;
	margin-left: auto; 
	margin-right: auto; 
	background: white url(../img/gr/stripes2.png) repeat-y;
	text-align: left;
	line-height: 140%;	
	padding: 0 0 0 0;
	border-right: 1px solid #ddd;
}

#bottom {
	height: 10px;
	position: absolute;
	bottom: 0px;
	width: 1000px;
	background: white url(../img/gr/fade_right.png) no-repeat right bottom;	
}


#h1 {
	padding-top: 10px;
	margin-left: 20px;
	background: white url(../img/h1_bg_grey.png) no-repeat 0 -116px;
}

h1 {
	margin-left: 600px;	
	position: relative;	
width: 130px;
height: 50px;
padding-top: 0px;background: url(../img/h1_tapeedistuudio_130.png) no-repeat 0 0px}

h1 span {
	margin-left: -9999px;
}

h2 {
	width: auto;
	height: 204px; 
	color: white;
	position: relative;
}

/*	h2.innerfade {
		background-image: url(../img/h2/grahambrown_19141.jpg);
		background-repeat: no-repeat;
	}*/
	
	h2.kaart {
		background-repeat: no-repeat;
	}
	
	h2 span {
		display: block;
		position: relative;
		float: left;
		height: 190px;
		width: 185px;
		margin-right: 10px;
		background-image: url(../img/h2/grahambrown_19141.jpg);
		background-repeat: no-repeat;
		border: 2px solid #ccc;
		padding: 10px 0 0 15px;
	}
	
	h2 .h2_1 {
		background-position: 0 0;
	}

	h2 .h2_2 {
		background-position: -200px 0px;
	}

	h2 .h2_3 {
		background-position: -400px 0;
	}
	
	h2 span em {
		font-style: normal;
		font-size: 120%;
		display: none;
	}
	
	h2.kaart span {
		background-image: url(../img/kaart.jpg);
	}

	h2.kaart em {
		margin-left: -9999px;
	}

	h2 a {
		clear: both;
		font-size: 8px;
		float: right;
		position: relative;
		margin-right: 34px;		
	}

#main {
	position: relative;
	width: auto;
	overflow: hidden;	
}

#sidebar {
	width: 190px;
	float: left;
	font-size: 20px;
}

	#sidebar li {
		margin-bottom: .4em;
	}

	#sidebar a {
		color: #4d4d4d;
		overflow: hidden;
		display: block; 
	}

	#sidebar a.head.open {
		margin-bottom: .25em;
	}
	
	#sidebar li li {
		font-size: 14px;
		margin-left: 1em;
		margin-bottom: 0;
	}

	#sidebar a:hover {
		color: #020D9B;
	}
	
#sidebar li a.teemad { 
background: url(../img/sidebar/teemad.png) no-repeat; 
width: 62px;
height: 19px;
}

body.teemad h3 { 
background: url(../img/sidebar/teemad.png) no-repeat; 
width: 62px;
height: 19px;
}
#sidebar li a.materjalid { 
background: url(../img/sidebar/materjalid.png) no-repeat; 
width: 80px;
height: 19px;
}

body.materjalid h3 { 
background: url(../img/sidebar/materjalid.png) no-repeat; 
width: 80px;
height: 19px;
}
#sidebar li a.disainerid { 
background: url(../img/sidebar/disainerid.png) no-repeat; 
width: 73px;
height: 19px;
}

body.disainerid h3 { 
background: url(../img/sidebar/disainerid.png) no-repeat; 
width: 73px;
height: 19px;
}
#sidebar li a.tootjad { 
background: url(../img/sidebar/tootjad.png) no-repeat; 
width: 57px;
height: 19px;
}

body.tootjad h3 { 
background: url(../img/sidebar/tootjad.png) no-repeat; 
width: 57px;
height: 19px;
}
#sidebar li a.press { 
background: url(../img/sidebar/press.png) no-repeat; 
width: 42px;
height: 19px;
}

body.press h3 { 
background: url(../img/sidebar/press.png) no-repeat; 
width: 42px;
height: 19px;
}

	#sidebar li a span {
		margin-left: -9999px;	
	}	

	h3 {
		text-indent: -9999px;	
	}	
	
	body h3.noreplace {
		background-image: none;
		text-indent: 0;
		width: 350px;				
	}


#content {
	float: right;
	padding-right: 12px;
	width: 400px;
}

#kolofon {
	color: #333;
	font-size: 11px;
	line-height: 140%;
	position: relative;
	width: auto;
	clear: both;
}

	#kolofon li {
		float: left;
		margin-left: 5px;
		padding-left: 5px;		
		border-left: solid 2px #ccc;
	}
	
	#kolofon a {
		color: #333;
	}

#kontakt a {
	color: #4d4d4d;
}

#kontakt a:hover,
#kolofon a:hover {
	color: #020D9B;
	text-decoration: underline;	 
}

#kolofon a:hover {
	text-decoration: underline;
}

#main p, 
#main blockquote {
	margin-bottom: 10px;
	width: 400px;
}

#main p.last {
	margin-bottom: 1.5em;
}

#main p.lastBeforeTitle {
	margin-bottom: 2em;
}

.vcard .type {
	display: none;
}

#mail h3 {
	margin: 0 0 0 -2px;
}

/*------------ nav -----------*/


#nav {
	position: relative;
}

#nav li {
	padding: 2px 0 2px /*7px*/ 0;
	border-left: solid 2px #ccc;
	float: left;
	margin-right: 15px;
	padding-left: 15px;
}

/*#container .hat li {
	width: 114px;
}

#container .het li {
	width: 97px;
}

#container .nyolc li {
	width: 83px;
}*/

#nav li a {
/*	margin-right: 16px;*/
	color: #666666;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: block;
	font-size: 100%;
}

#nav li a span {
	margin-left: -9999px;
}

#nav li a.meist { 
background: url(../img/nav/meist.png) no-repeat; 
width: 46px;
height: 19px;
}
#nav li a.tapeedid { 
background: url(../img/nav/tapeedid.png) no-repeat; 
width: 70px;
height: 19px;
}
#nav li a.kleebised { 
background: url(../img/nav/kleebised.png) no-repeat; 
width: 74px;
height: 19px;
}
#nav li a.eripakkumised { 
background: url(../img/nav/eripakkumised.png) no-repeat; 
width: 112px;
height: 19px;
}
#nav li a.meeldib { 
background: url(../img/nav/meeldib.png) no-repeat; 
width: 65px;
height: 19px;
}
#nav li a.tootjad { 
background: url(../img/nav/tootjad.png) no-repeat; 
width: 57px;
height: 19px;
}
#nav li a.kontakt { 
background: url(../img/nav/kontakt.png) no-repeat; 
width: 60px;
height: 19px;
}
	

/* NAV END ------------------------------------------------------------------------------------- */

/* GALLERY ------------------------------------------------------------------------------------- */


#gal {
	position: relative;
/*	height: 370px;*/
}

#search ul {
/*	width: 500px; */
}

#search li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

#search li li {
	float: none;
	margin: 0 10px 0 0;
}


#right {
/*	width: 774px;*/
	height: 370px;
	position: relative;
}

#found ul li {
	width: 38px;
	height: 38px;
	overflow: hidden;
	float: left;
	margin: 0 7px 0 0;
	border: 2px solid #ccc;	
}

#found ul li:hover {
	border: 2px solid #020D9B;	
}

#found ul li.noimage:hover {
	border: 2px solid #ccc;	
}

#found ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#found ul li img.tn {
}

/* pager */

#found .pager,
#found .pager:hover,
#found .pager a:hover {
	border: none;
}

#found .pager {
	margin-left: 14px;
}

#found .pager,
#found .pager a {
	display: block;
	width: 26px;
	height: 40px;
}

.prev span, 
.next span {
	margin-left: -9999px;
}

.prev {
	background: url(../img/arrow_l.png) no-repeat 0 9px;
}

.prev:hover {
	background: url(../img/arrow_l_h.png) no-repeat 0 9px;
}

.next {
	background: url(../img/arrow_r.png) no-repeat 0 9px;
}

.next:hover {
	background: url(../img/arrow_r_h.png) no-repeat 0 9px;
}


/* full ------------------------------------------------------------------------------------------ */

#right .full {
	float: left;
}

#right .full img {
	border: #ccc solid 2px;
	z-index: 1000;
}

#right .wp_data {
	position: relative;
	float: left;
	width: 170px;
/*	border-left: #999 solid 2px;	*/
}

#right .wp_data li {
	display: block;
	margin-left: 20px; 
	padding: 0 0 0 8px;
	margin-bottom: 20px;
	line-height: 100%;
	font-size: 100%;
	position: relative;
}

#right .wp_data li.tav {
	width: 250px;
}	

#right ul#noimage li {
	line-height: 140%;
}	

#right .wp_data li span.data_label {
/*	color: #ccc;*/
	display: block;
	font-size: 80%;
}

#right .meeldib, 
.eimeeldi,
.zoom {
	height: 26px;
	margin-right: 20px;
}

#right .meeldib {
	width: 24px;
	padding-left: 0px;
}

.zoom {
	width: 27px;
}

.eimeeldi {
	width: 25px;
}

#right .meeldib a, 
.eimeeldi a,
.zoom a {
	display: block;
	width: 100%;
	height: 100%;
}	

#right .meeldib a {
	background: url(../img/plus.png) no-repeat 50% 50%;
/*	opacity: .5;*/
}

#right .meeldib a:hover {
	background: url(../img/plus_h.png) no-repeat 50% 50%;
}	

.zoom a {
	background: url(../img/zoom.png) no-repeat;
}

.zoom a:hover {
	background: url(../img/zoom_h.png) no-repeat;
}	

.eimeeldi a {
	background: url(../img/x.png) no-repeat;
}	

.eimeeldi a:hover {
	background: url(../img/x_h.png) no-repeat;
}	


#right .meeldib a span,
.eimeeldi a span,
.zoom a span {
	margin-left: -9999px;
}

/* COMBOBOX ------------------------------------------------------------------------------------ */

.comboboxContainer {
	padding: 3px 6px 3px 5px;
	border: #ccc solid 2px;
	height: 17px;	
	color: #bbb;
	text-align: left;
/*	background: url(../img/input_03.jpg) no-repeat;*/
}

.comboboxValueContainer {
}

.comboboxValueContent {
}

.comboboxDropDownContainer {
	background: url(../img/90.png);
	overflow: hidden;
	padding: 0 0 0 5px;
	cursor: default;
	border: #ccc solid 2px;
	border-top: none;
	position: relative;
	margin: 0 0 0 -7px;
	top: 0px;

}

.comboboxDropDownButton {
	width: 15px;
	height: 16px;
}

.comboboxItem {
	color: #ccc;
	font-weight: normal;
	font-style: normal;
	padding: 4px;
}

.comboboxItemHover {
	color: #020D9B;
	background: transparent;
	padding-left: 4px;
}

#search .submit {
/*	margin-left: 4px;*/
}

/* MAIL FORM --------------------------------------------------------------------------------- */

#mail {
	position: relative;
}

#mail ul {
	padding-top: 0.5em;
}

#mail .text {
	display: block;
	width: 110px;
	margin-bottom: 0;
	padding: 4px 5px 5px 5px;
	color: #aaaaaa;
	border: #ccc solid 2px;
	font-size: 12px;
}

#mail .submit,
#search .submit {
	width: 82px;
	padding: 1px 0 3px 0;
	background: #020D9B;
	color: white;
	border: none;
	background: url(../img/styledbutton.jpg) no-repeat;	
	height: 27px;
	font-size: 12px;
}

#search .submit {
	width: 204px;
	background: url(../img/styledbutton_204.jpg) no-repeat;	
}


#mail .styledbutton {
	text-indent: -9999px;
	margin-right: 0;
}	

#mail li {
	margin-right: 7px;	
	position: relative;	
}

#mail li.last {
	margin-right: 0;
}

#mail li.styled {
	float: left;
}

#mail label { 
	color: #888; 
	display: block;
	width: 100%; 	
}

#mail label.overlabel {
	color: #ccc; 
	margin-left: -9999px;
	position: absolute;	
	margin-top: -1.5em;
	font-size: 80%;
	letter-spacing: 0;
/*	text-transform: uppercase;	*/
}

#mail .focus {
	color: #020D9B; 
	border: #020D9B solid 2px;
/*	background: url(../img/input_05.jpg) no-repeat;*/
}

.error {
	font-size: 80%;
	color: red;
	margin-left: 10px;
}

.styled .error {
	display: block;
	text-align: right;
/*	margin-top: 3px;*/
	clear: both;
	margin-left: 0px;
	position: absolute;
	width: 148px;
}

#mail .error_input {
	border: solid 2px red;
	color: red;
/*	background: url(../img/input_bg_error.jpg) no-repeat;	*/
}

.ok {
	clear: both;
}

.dd {
	background: url(../img/le.png);
}

/* tootjad ------------------------------------------------------------------------------------------ */

#tootjad {
	width: 400px;
}

#tootjad li a span {
	margin-left: -9999px;
}

#tootjad li div {
	float: left;
	margin:  0 20px 20px 0;
}

#tootjad li {
	margin:  0 0 20px 0;
	clear: both; /* ie? */
}

#tootjad li.grahambrown div {
background: url(../img/tootjad/grahambrown.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.plage div {
background: url(../img/tootjad/plage.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.soonsalon div {
background: url(../img/tootjad/soonsalon.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.eco div {
background: url(../img/tootjad/eco.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.borastapeter div {
background: url(../img/tootjad/borastapeter.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.fiona div {
background: url(../img/tootjad/fiona.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.marburg div {
background: url(../img/tootjad/marburg.png) no-repeat left top;
width: 160px;height: 50px;
}
#tootjad li.sandudd_paintpart div {
background: url(../img/tootjad/sandudd_paintpart.png) no-repeat left top;
width: 160px;height: 50px;
}

#tootjad li div.clear {
	background: none;
	width: 400px;
	margin-top: -1px; 
	height: 1px; 
	overflow: hidden;	
	margin-bottom: 0px;
}

#tootjad li a {
	display: block;
	width: 100%;
	height: 100%;
}

#tootjad li p {
	margin-left: 180px;	
	width: 221px;
}	

ul.ill {
	overflow: hidden;
	margin-bottom: 1em;
}

ul.ill li {
	width: 80px;
	height: 80px;
	border: 2px solid #ccc;
	overflow: hidden;	
	float: left;
	margin: 0 10px 10px 0;
}

ul.ill li img {
	height: 200px;	
}	

ul.borduur li {
	margin-bottom: .5em;
}

ul.borduur li,
ul.borduur li img {
	width: 355px;
	height: 68px;
}

div.desima {
	clear: both;
	margin-bottom: 15px;
}

div.desima img {
	width: 80px;
	border: 2px solid #ccc;
	overflow: hidden;	
	float: left;
	margin: 0 10px 0 0;
}	
	
/* soodustus */

#soodustus {
	position: absolute;
	width: 189px;
	height: 136px;
	text-indent: -9999px;
	background: url(../img/soodustus012010.png) no-repeat;
	top: 0;
	margin-left: 45px;	
}

/* dekaart */

#dekaart {
	position: relative;
	padding: 10px 10px 10px 0;
	text-align: right;
	font-size: 60%;
}

#dekaart a {
	color: #7f7f7f;
}

/* 02092010 */

body.ad #sidebanner {
	position: absolute;
	top: 5px;
	right: 5px;
}

body.ad #search {
	width: 650px;	
}

body.ad #main {
	min-height: 387px;	
	height: auto !important;
	height: 387px;
} 

body.ad #container{
	width: 1000px;	
	min-height: 804px;
	height:auto !important;
	height: 804px;
}

body.ad #content {
	margin-left: 25px;
	float: left;
}

body.ad.twocolumn #kolofon {
	background-position: 0 -211px;	
	min-height: 56px;
	height:auto !important;
	height: 56px;
}