@charset "UTF-8";

/* Body starts, dont edit! */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 600px;
	background-color: #FFF;
	font-size: 100%; // For IE - sprawdzic czy ta linijka i ponizszy > paragraf dzialaja bez bledow- jesli zle to je wyrzyucic.
}

html>body {
font-size: 16px; // IE can�t read this
}

.box {
	position: relative;
	top: 0px;
	right: 0;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	height: 1000px;
	left: 0px;
}
.footer_bg {
	background-color: #FFF;
}

/* ale jesli chce jakas grafike jako bg to uzyc ponizszego kodu */
	background-image: url(../images/background.jpg); /* Background image */
	background-repeat: no-repeat;
	background-position: center top;

#footerBG {
	position:absolute;
	width:100%;
	height:1200px;
	z-index:0;
	top: 0px;
	left: 0px;
	visibility: visible;
}
#background {
	position:absolute;
	width:100%;
	height:1200px;
	z-index:0;
	left: 0px;
	top: 0px;	
/* Body ends */
/* Text Styling starts, read Read_me.pdf to see editable contents */

}
a:link {
	color: #405C68;
	text-decoration: none;
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
a:visited {
	text-decoration: underline;
	color: #96B13A;
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
a:hover { /* dodaj background-color: #FFFFCC; zeby bylo zoltawe tlo */
	text-decoration: none;
	color: #96B13A;
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #96B13A;
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

/* Links  Styling starts */

.class1 a:link {
	color: #990007;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.class1 a:visited {
	text-decoration: underline;
	color: #990007;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.class1 a:hover {
	text-decoration: underline;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.class1 a:active {
	text-decoration: underline;
	color: #990007;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#content {
	position:absolute;
	width:960px;
	height:761px;
	z-index:2;
	left: -30px;
	top: 0px;
	background-color: #FFF;
	}
#leftside { /* Leftside marginal */
	position:absolute;
	width:21px;
	height:567px;
	z-index:1;
	top: 140px;
	left: 12px;
	background-position: right top;
}
#logobox { /* Logo */
	position:absolute;
	width:198px;
	height:266px;
	z-index:2;
	left: 33px;
	top: 140px;
	background-image: url(../images/logobox.jpg); 
}
#contentbg {
	position:absolute;
	width:482px;
	height:301px;
	z-index:3;
	left: 33px;
	top: 406px;
	background-image: url(../images/content_bg.jpg);
}
#footer { /* Site's footer */
	position:absolute;
	width:943px;
	height:6px;
	z-index:4;
	left: 12px;
	top: 707px;
}

#workbg {
	position:absolute;
	width:405px;
	height:301px;
	z-index:5;
	left: 515px;
	top: 406px;
}
#bannerbg {  /* Banner image's div */
	position:absolute;
	width:689px;
	height:229px;
	z-index:6;
	left: 231px;
	top: 140px;
}
#rightside {  /* Rightside marginal */
	position:absolute;
	width:35px;
	height:567px;
	z-index:7;
	left: 920px;
	top: 140px;
}
#portfoliotext { /* Div for title of Web Site - WWP by RS */
	position:absolute;
	width:550px;
	height:66px;
	z-index:8;
	left: 230px;
	top: 73px;
}

.titles { /* Whistler Wedding photography by Rafal Studio */
	font-family: Verdana, Tahoma, "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #535C63;
	letter-spacing: +1pt;
}

.subtitles { /* Official CAMA 2009 Annual Conference Photographer ???*/
	font-family: Verdana, Tahoma, "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #A8BCBE;
	letter-spacing: +1pt;
}

#hireme {
	position:absolute;
	width:270px;
	height:208px;
	z-index:6;
	left: 260px;
	top: 350px;
	background-color: #F5FAFD;
}

#cpr { 
	position:absolute;
	width:850px;
	height:20px;
	z-index:8;
	left: 53px;
	top: 686px;
}

p.cprtxt { 
	color: #CCD4D4;  
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	font-size: 50%;
}

#foote7 { 
	position:absolute;
	width:470px;
	height:20px;
	z-index:8;
	left: 486px;
	top: 720px;
}

p.footlink a { 
	color: #DEE8DE;  
	font-family: Tahoma, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-size: 50%; 
	font-weight: normal; 
	letter-spacing: +1pt;
text-decoration: none;
}

p.footlink a:hover { 
	color: #C0CFCF; 
text-decoration: none;
}

#bodytext { /* Pozycjonowanie lewej kolumny */
	position:absolute;
	width:425px;
	height:265px;
	z-index:9;
	left: 63px;
	top: 425px;
}

#resources { 
	position:absolute;
	width:425px;
	height:30px;
	z-index:9;
	left: 260px;
	top: 720px;

}

.bodytext-center { /* link do Resources page */
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 10px;
	color: #4D7E88;
	line-height: 20px;
	text-align:center;
}

.bodytext { /* Tekst w lewej kolumnie */
	font-family: Georgia, Times, Bookman, Garamond, Clarendon, serif;
	font-size: 12px;
	color: #43676E;
	line-height: 20px;
}
.title { /* Tytuly w kolumnach, np. Whistler Wedding Photography */
	font-family: Tahoma, Verdana, "Trebuchet MS", Lucida, Helvetica, Arial, sans-serif;
	font-size: 19px;
	color: #5E6D6E;
	letter-spacing: +1pt;
}

#bodytextgall { /* Pozycjonowanie 2 linkow do 2 Galerii */
	position:absolute;
	width:425px;
	height:257px;
	z-index:13;
	left: 595px;
	top: 515px;
}
.titlegall { /* Tytuly 2 Galerii - nie uzywam bo to sa linki */
	font-family: Tahoma, Verdana, "Trebuchet MS", Lucida, Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #435351;
	letter-spacing: +1pt;
}



#logo { /* Logo Rafal Studio */
	position:absolute;
	width:198px;
	height:266px;
	z-index:10;
	left: 33px;
	top: 302px; /* Remove this line totally, if you don't want any logo to your site */
}
#navigation { /* Navigation bar */
	position:absolute;
	width:408px;
	height:37px;
	z-index:11;
	left: 231px;
	top: 369px;
}

#transparentshape {  /* wzorek po prawej stronie - next to navigation bar */
	position:absolute;
	width:259px;
	height:37px;
	z-index:12;
	left: 661px;
	top: 369px;
	background-image: url(../images/navigation/spacer.jpg);
}


#bodytextright { /* Pozycjonowanie prawej kolumny */
	position:absolute;
	width:358px;
	height:257px;
	z-index:13;
	left: 542px;
	top: 425px;
}

#hireme { /* Hire me - bitmapa */
	position:absolute;
	width:270px;
	height:208px;
	z-index:14;
	left: 589px;
	top: 448px;
}



#photographyshowoff2 {
position:absolute;
	width:200px;
	height:180px;
	z-index:14;
	left: 742px;
	top: 440px;
}

#photographyshowoffAH { /* baner After Hours prowadzacy do galerii */
	position:absolute;
	width:368px;
	height:24px;
	z-index:14;
	left: 627px;
	top: 457px;
}