@import url('menu.css');
	
	/*--------------------------------------------------------------
	
	# hello! STUDIO
	# Copyright (C) 2009-2010 www.hellostudio.pl All Rights Reserved.
	# License: Copyrighted Commercial Software
	# Website: http://www.hellostudio.pl
	# Support: studio@hellostudio.pl
	
	swatch colors:
	
	
	---------------------------------------------------------------*/

/* reset */
 html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent; } 

body  { margin: 0px; padding: 0px; color: #000; font-size: 100%; font-family: Georgia, Arial, Sans-Serif; }

.clear { 
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	top: 0px;
}

a { text-decoration: none; outline: none; color: #ccc; font-size: 10px; }	 
	a:active { outline: none; }
	

/* <div class="menustyle">  <ul class="clearfix"> */

.clearfix:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
	

/* podzial glowny strony */

#masthead {
	position: absolute;
	top: 0px;
	left: 50%;	
	width: 1024px; height: 768px;
	margin: 0 0 0 -512px; padding: 0px; overflow:hidden;
}
	#all { position: relative; margin: 0px 55px; }

	#header {
		position: relative;		
		width: 900px; height: 120px;
		margin: 0px 7px;
	}
	
	#top_menu {
		position: relative;
		width: 900px; height: 45px;
		margin: 0px 7px; 
		background: url(../images/hr.gif) repeat-x bottom;
	}
	
	#content {
		position: relative;
		width: 100%; height: 508px;		
		margin: 0px;			
	}
	
	#footer {
		position: relative;
		width: 900px; height: 80px;
		margin: 0px 7px;
		background: url(../images/hr.gif) repeat-x top;
	}
	
	
/* header */

#logo {
	position: relative;
	top: 30px; left: 294px;
	width: 330px; height: 100px;
	}
	#logo h1 {
    	text-indent: -9999px; /* text poza obrazem */	
	}
		#logo h1 a#logo-link {
			position: absolute;
			top: 0px; left: 0px;
			width: 330px; height: 100px;			
			background: url(../images/logo.gif) no-repeat top left;
		}	

/* top_menu */

/* welcome */
#welcome-section, #shop-section, #contact-section {
	position: relative;
	width: 880px; height: 468px;		
	margin: 0px; padding: 22px 20px 18px 20px;
	background: url(../images/content_bg.gif) no-repeat;	
}	
	#welcome-img {
		position: relative;	
		width: 876px; height: 463px;
		background: url(../images/welcome/welcome-img.jpg) no-repeat;
	}
	
	#welcome-tittle {
		position: absolute;
		top: 49px; right: 52px;	
		width: 409px; height: 74px;	
		background: url(../images/welcome/welcome-tittle.gif) no-repeat;
	}		
		#welcome-tittle h2 { text-indent: -9999px; }
	
	#welcome-txt {
		position: absolute;
		top: 123px; right: 22px;
		width: 436px; height: 147px;
		background: url(../images/welcome/welcome-txt.gif) no-repeat;
	}
		#welcome-txt p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-indent: -9999px;
			color: #454547;
			letter-spacing: -0.04em;
			line-height: 16pt;			
			font-weight: normal;
		}
		
/* weddings & social */

#weddings-social-section, #design-work-section, #links-section, #press-section {	 	
	position: relative;
	width: 910px; height: 508px;		
	margin: 0px; padding: 0px; 
	background: url(../images/content_bg_small.gif) no-repeat left top;
	
}
#press-section {
	background: url(../images/content_bg_small_2.gif) no-repeat left top;
}

	#images-prewiev, #images-prewiev-small  { 
		position: absolute;
		width: 630px; height: 510px;
		overflow: hidden;
	}
	#images-prewiev-small  { width: 398px; height: 510px; }
	
	#right-menu {
		position: absolute;
		right: 0px;	
		width: 280px; height: 510px;
		overflow: hidden;
	}
	
		#nawigacja_right {
			position: relative;
			height: 470px;
			left: 60px;
			overflow: hidden;			 
		}
	
			#nawigacja_right ul {list-style: none; }	
		
		#nawigacja_info {
			position: absolute;
			bottom: 0px; left: 0px;
			height: 40px; width: 280px;
			background: url(../images/hr.gif) repeat-x top;			
		}					
			#nawigacja_right h3	{ text-decoration: none; outline: none; border: none; } 


	#right-menu-small {
		position: absolute; 
		right: 0px;
		width: 517px; height: 510px;
		overflow: hidden;
		z-index: 999;
	}
		#nawigacja_right_small { 
			position: relative;
			top: 80px; left: 30px;
		}
			#nawigacja_right_small ul {list-style: none; }		
		
		#nawigacja_info_small {
			position: absolute;
			bottom: 0px; left: 0px;
			height: 40px; width: 517px;
			background: url(../images/hr.gif) repeat-x top;	
			z-index: 999		
		}

/* design work */


/* shop */
	#shop-img {
		position: relative;	
		width: 876px; height: 463px;
		background: url(../images/shop/shop-img.jpg) no-repeat;
	}	
	#shop-txt {
		position: absolute;
		bottom: 0px; left: 80px;
		width: 344px; height: 371px;
		background: url(../images/shop/shop-txt.png) no-repeat;
	}
		#shop-txt p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-indent: -9999px;
			color: #454547;
			letter-spacing: -0.04em;
			line-height: 16pt;			
			font-weight: normal;
		}

/* contact */
	#contact-img {
		position: relative;	
		width: 876px; height: 463px;
		background: url(../images/contact/contact-img.jpg) no-repeat;
	}
	
	#contact-txt {
		position: absolute;
		bottom: 0px; left: 80px;
		width: 344px; height: 371px;
		background: url(../images/contact/contact-txt.png) no-repeat;
	}	

	#email p {
    	text-indent: -9999px; /* text poza obrazem */	
	}
		#email p a {
			position: absolute;
			bottom: 25px; left: 47px;
			width: 182px; height: 19px;			
			background: url(../images/contact/contact-email.gif) no-repeat top left;
		}	

		
		#contact-txt p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-indent: -9999px;
			color: #454547;
			letter-spacing: -0.04em;
			line-height: 16pt;			
			font-weight: normal;
		}	
			
/* footer */
#copyright {
	position: relative;
	left: 367px; top: 5px;
}