html, body, h1, h2, h3, h4, form { margin: 0px;	padding: 0px;	list-style: none; }
body {background:url(images/bg_top_bar2.jpg) repeat-x top; background-color:white }
body, td { font-family: Century Gothic, Georgia, "Times New Roman", Times, serif; font-size: 13px; vertical-align:top; color: #034358; text-align:left }
object { display:block; border:0px; } 
p { margin-top:0px; margin-bottom:20px; color: #666; line-height:160%; font-size: 14px; font-family: Century Gothic, Georgia, "Times New Roman", Times, serif}
li {
	 line-height:150%; color: gray;
}
a { text-decoration:none;}
a:link { color: #A0494B; }
a:visited { color:   #A0494B; }
a:hover { color: light-blue; text-decoration: underline;}
a:active { color: black; }

#wrapper { width: 970px; margin: 0px auto;  padding:0px 0px 0px 0px; position:relative; 
}

#logo_water { width: 212px; height:347px; z-index:3; position:absolute; top: 0px; left:0px; background-image:url(/images/logo_water.png);
}

/*#wrapper_shadow { width: 971px; margin: 0px auto; background-image:url(images/shadow1.jpg); background-repeat:repeat-y;} */
#content { padding-top:0px; margin-top:30px;
width:100%; 
float:left; /* powoduje ze stopka jest wypychana na dol poza blok content (lepiej niz clear:both w stopce)*/
/* bez float content mimo ze zawiera tresc i menu to sa one wyplyniete poza content (bo same zawieraja float) i footer tez wchodzi wizualnie na content; 
float tu powoduje ze content obejmuje swoja faktyczna zawartosc a co za tym idzie wypycha reszte (footer) na zewnatrz jak naturalny blok*/
}


.easy_slides_container {margin-top: 0px; width:970px; height:344px; border: none}


#nav_menu_container {}
#nav_menu { float:left; height:37px; margin:10px 0 0 0; padding:0px;}
#nav_menu ul {margin:0px; padding:0px; text-align:center; }
#nav_menu li {list-style:none; display:inline; }
#nav_menu li a { float:left; font-size:14px; height:25px;  padding:5px 7px 0px 7px; border-right:1px dashed #999; text-decoration:none;}
#nav_menu li a:hover { no-repeat; float:left;  color: white; background-color: #333 }
#nav_menu li a.selected{ color:white; background-color:  #333}
#nav_menu li a.selected:hover{ color:white; background-color: #19181e }


h1 {color: #900; font-size:33px; margin: 0px 0px 15px 0px; font-weight:normal; text-align:left; font-family: 'Gilda Display', serif;}

h2 {font-size:20px; margin: 20px 0px 10px 0px; color: #642c2c;}



#content-column{  position:relative; background-color:white;  
 /* min 1px padding zapobiega wychodzeniu p margin outside div box */
margin-top: 0px; margin-left: 10px; padding-right:0px; width:718px; float:right;/* alternatywnie zamiast width mozna podac margin-right:200px; */
}

a.thumb-prod {}
a.thumb-prod img {border:1px solid #e3e3e3; padding:2px; float:right; margin:1px 0px 2px 5px;}

a.thumb-prod img:hover {border:1px solid #492639; }


/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU  */

#leftcol {float:left}
#leftcol ul.side-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#leftcol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.side-menu ul {
}
.side-menu li {
	display:block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.side-menu a {
	display:block;
	font-family: 'Gilda Display', serif;
	font-size: 18px;
	text-decoration:none;
	padding-left:5px;
	border-left:5px solid white;
	line-height:35px;
	width:200px; /* aby w IE widzialo background jako blok na calej dlugosci a nie tylko dlugosci linku slowa*/
	border-bottom: 1px solid #999;
	
	/*background: #B4CF9A url(images/bg-menu_0.gif) repeat-x bottom; */
color: #666;
}
.side-menu li a:active {
}
.side-menu li a:visited {
}
.side-menu li a:hover, .side-menu li .sel {
	color: white;
	background: #666;
	text-decoration:none;
	border-left:5px solid #832e45;
	;
}
.clear {
	clear: both
}
/* footer */
#footer-wrap{
clear: both; /* tu ustawia dla footera jego nieop�ywalno�校 co wa�niejsze powoduj�c �e bꤺie on zawsze na dole i �aden div na niego nie wejdzie */
width: 100%;
background:url(images/footer_bg.jpg) repeat  center;
color: #FFF;
text-align: center;
padding: 10px 0;
margin-top:20px;
position:relative;
}
#footer {width: 970px; margin: 0px auto;  padding:0px 0px 0px 0px; text-align:left; color:#999}
#footer a{
color: gray;
}

/*  CONTACT PAGE FORM STYLES   -----------------------------------------------*/
.form_contact textarea {height:150px; width:380px; background-image:url(images/wedding_car_bonnet.jpg); background-position:right; background-repeat:no-repeat; color: #666; font-size:15px}
table.contact {margin-top:0px; margin-bottom:0px; margin-right:20px }
table.contact td {border:0px; padding:2px; }


.wklesle 
{	

border: 1px solid #06C;
/*border-top: 1px inset  #efe09d;
border-right: 1px outset  #efe09d;
border-bottom: 1px outset  #efe09d;
border-left: 1px inset #efe09d; */
	background: transparent;
	color: #666;
	font-size:14px;
	height:20px;
	width: 220px;
}
.button1 { float:right}

table.images {
	padding:0px; margin:0px}
table.images img { border: 1px solid #034358; padding:2px}

#content-column img.within {float: right; border:1px solid gray; margin:5px 0px 10px 10px}

.testimonials p:first-letter { font-size:26px}
.testimonials p { border-bottom: 1px solid orange; padding-bottom:10px; text-align:justify}
.faq td { padding-bottom:10px; padding:10px; }

.gallery_samples { width:100%;}
.gallery_samples td {padding:2px; width:20%; text-align:center; }
.gallery_samples td img {}
.gallery_samples tr.captions td {padding:5px; border: none; font-size:11px; background-color: white}


.gallery_samples img { padding: 8px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.gallery_samples img {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.gallery_samples img:hover {border: 1px solid #933; }

hr {color:#999;background-color:#999;height:1px;border:none;}


.blog-teaser {
	width: 45%;
	float:left;
	margin-right: 10%;
}

.blog-teaser.last {
	margin-right: 0;
}

.blog-teaser img {
	width: 100%;
	box-shadow: 0px 0px 20px #B2B2B2;
	margin-bottom: 10px;
}