body		{
		background: #F075A4 url(graphics/bg.png) repeat; background-attachment:fixed;
		}

/* FONT - Mutlu */

@font-face	{
		font-family: 'MutluOrnamental';
		src: url('fonts/Mutlu__Ornamental-webfont.eot');
		src: url('fonts/Mutlu__Ornamental-webfont.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Mutlu__Ornamental-webfont.woff') format('woff'),
		     url('fonts/Mutlu__Ornamental-webfont.ttf') format('truetype'),
		     url('fonts/Mutlu__Ornamental-webfont.svg#MutluOrnamental') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* FONT - Acknowledgement */

@font-face	{
		font-family: 'AcknowledgementMedium';
		src: url('fonts/Acknowledgement-webfont.eot');
		src: url('fonts/Acknowledgement-webfont.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Acknowledgement-webfont.woff') format('woff'),
		     url('fonts/Acknowledgement-webfont.ttf') format('truetype'),
		     url('fonts/Acknowledgement-webfont.svg#AcknowledgementMedium') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* FONT - Droid Serif */

@font-face	{
		font-family: 'DroidSerifRegular';
		src: url('DroidSerif-Regular-webfont.eot');
		src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		     url('DroidSerif-Regular-webfont.woff') format('woff'),
		     url('DroidSerif-Regular-webfont.ttf') format('truetype'),
		     url('DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}

@font-face	{
		font-family: 'DroidSerifItalic';
		src: url('DroidSerif-Italic-webfont.eot');
		src: url('DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		     url('DroidSerif-Italic-webfont.woff') format('woff'),
		     url('DroidSerif-Italic-webfont.ttf') format('truetype'),
		     url('DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
		font-weight: normal;
		font-style: normal;
		}

@font-face	{
		font-family: 'DroidSerifBold';
		src: url('DroidSerif-Bold-webfont.eot');
		src: url('DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		     url('DroidSerif-Bold-webfont.woff') format('woff'),
		     url('DroidSerif-Bold-webfont.ttf') format('truetype'),
		     url('DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
		font-weight: normal;
		font-style: normal;
		}

@font-face	{
		font-family: 'DroidSerifBoldItalic';
		src: url('DroidSerif-BoldItalic-webfont.eot');
		src: url('DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		     url('DroidSerif-BoldItalic-webfont.woff') format('woff'),
		     url('DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
		     url('DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
		font-weight: normal;
		font-style: normal;
		}

/* STANDARD ELEMENTS */

h1		{
		font-family:MutluOrnamental, serif;
		font-size:40px;
		font-weight: normal;
		line-height: 40px;
		color:#FFFFFF;
		}

h1.black		{
		font-family:MutluOrnamental, serif;
		font-size:40px;
		font-weight: normal;
		line-height: 40px;
		color:#000000;
		}

p		{
		font-family:DroidSerifRegular, serif;
		font-size:12px;
		color:#FFFFFF;
		text-indent:35px;
		}

a 		{
		color: #FFFFFF;
		text-decoration: underline;
		}

a:hover		{
		color: #000000;
		text-decoration: none;
		}

/* COLOUR */

.black		{
		color: #000000;
		}

.white		{
		color: #FFFFFF;
		}

/* ILLUMINATED */

.blackA		{
		color: #000000;
		text-indent:-3px;
		}

.blackM		{
		color: #000000;
		text-indent:-11px;
		}

.blackT		{
		color: #000000;
		text-indent:12px;
		}

.blackW		{
		color: #000000;
		text-indent:5px;
		}

/* ELEMENTS FOR EVERY PAGE */

.plant		{
		z-index: 1;
		position: absolute; 
		top: 0px; 
		left: 0px;
		width: 635px; 
		height: 614px;
		background: url(graphics/plant.png) no-repeat top left;
		}

.plantlight	{
		z-index: 1;
		position: absolute; 
		top: 0px; 
		left: 300px;
		width: 645px; 
		height: 837px;
		background: url(graphics/plantlight.png) no-repeat top left;
		}

.logobox	{
		z-index: 2;
		position: absolute; 
		top: 50px; 
		left: 50px;
		width: 800px; 
		height: 75px;
		background: #000000;
		}

.logo		{
		z-index: 3;
		position: absolute; 
		top: 52px; 
		left: 52px;
		width: 74px; 
		height: 71px;
		background: url(graphics/logo.png) no-repeat top left;
		}

.kate		{
		z-index: 3;

		position: absolute; 
		top: 0px; 
		left: 565px;

		border:0;

		font-family:MutluOrnamental, serif;
		font-size:76px;
		color:#FFFFFF;
		}

.love		{
		z-index: 3;

		position: absolute; 
		top: 0px; 
		left: 720px;

		border:0;

		font-family:MutluOrnamental, serif;
		font-size:76px;
		color:#D25A92;
		}

.title		{
		z-index: 4;

		position: absolute; 
		top: 130px; 
		left: 679px;

		border:0;

		font-family:AcknowledgementMedium, serif;
		font-size:15px;
		color:#000000;
		}

/* UBEL */

.ubel		{
		z-index: 4;

		position: absolute;
		top: 700px; 
		left: -10px;
		width: 125px;

		background: #FBF1DA;

		border:0;
		}

.copyright	{
		z-index: 5;

		position: relative;
		top: 0px;
		left: 45px;

		color: #E6482E;
		font-size: 8pt;
		}

/* MENU */

.menu		{
		z-index: 4;

		position: absolute; 
		top: 165px; 
		left: 344px;
		width: 600px;

		border:0;

		font-family:AcknowledgementMedium, serif;
		font-size:15px;
		color:#FFFFFF;
		}

/* HOME */

.textboxhome	{
		z-index: 4;

		position: absolute; 
		top: 210px; 
		left: 250px;
		width: 300px;

		border:0;
		}

.texthome	{
		z-index: 5;

		position: absolute; 
		top: 40px; 
		left: 0px;

		border:0;
		}

.photokate	{
		z-index: 5;

		position: absolute; 
		top: 450px; 
		left: 367px;
		width: 63px; 
		height: 84px;

		border:0;
		}

.follow		{
		z-index: 4;

		position: absolute; 
		top: 550px; 
		left: 337px;
		width: 130px; 
		height: 10px;
		}

.fb		{
		z-index: 4;

		position: absolute; 
		top: 575px; 
		left: 260px;
		width: 130px; 
		height: 30px;
		}

.tblr		{
		z-index: 4;

		position: absolute; 
		top: 575px; 
		left: 410px;
		width: 130px; 
		height: 30px;
		}

.photohome	{
		z-index: 4;

		position: absolute; 
		top: 235px; 
		left: 518px;
		}

/* ABOUT */

.titleboxabout	{
		z-index: 4;

		position: absolute; 
		top: 190px; 
		left: 225px;
		width: 260px;

		border:0;
		}

.textboxabout	{
		z-index: 4;

		position: absolute; 
		top: 245px; 
		left: 250px;
		width: 300px;

		border:0;
		}

.textabout	{
		z-index: 5;

		position: absolute; 
		top: 40px; 
		left: 0px;

		border:0;
		}

.photoabout	{
		z-index: 4;

		position: absolute; 
		top: 235px; 
		left: 518px;
		}

/* PORTFOLIO */

.titleboxport	{
		z-index: 4;

		position: absolute; 
		top: 190px; 
		left: 225px;
		width: 260px;

		border:0;
		}

.textboxport	{
		z-index: 4;

		position: absolute; 
		top: 245px; 
		left: 250px;
		width: 300px;

		border:0;
		}

.textport	{
		z-index: 5;

		position: absolute; 
		top: 40px; 
		left: 0px;

		border:0;
		}

.group01top	{ z-index: 5; position: absolute; top: 290px; left: 560px; width: 50px; border:0; }
.group01	{ z-index: 4; position: absolute; top: 290px; left: 560px; width: 50px; border:0; }

.group02top	{ z-index: 5; position: absolute; top: 290px; left: 620px; width: 50px; border:0; }
.group02	{ z-index: 4; position: absolute; top: 290px; left: 620px; width: 50px; border:0; }

.group03top	{ z-index: 5; position: absolute; top: 290px; left: 680px; width: 50px; border:0; }
.group03	{ z-index: 4; position: absolute; top: 290px; left: 680px; width: 50px; border:0; }

.group04top	{ z-index: 5; position: absolute; top: 290px; left: 740px; width: 50px; border:0; }
.group04	{ z-index: 4; position: absolute; top: 290px; left: 740px; width: 50px; border:0; }

.group05top	{ z-index: 5; position: absolute; top: 290px; left: 800px; width: 50px; border:0; }
.group05	{ z-index: 4; position: absolute; top: 290px; left: 800px; width: 50px; border:0; }



.group06top	{ z-index: 5; position: absolute; top: 350px; left: 560px; width: 50px; border:0; }
.group06	{ z-index: 4; position: absolute; top: 350px; left: 560px; width: 50px; border:0; }

.group07top	{ z-index: 5; position: absolute; top: 350px; left: 620px; width: 50px; border:0; }
.group07	{ z-index: 4; position: absolute; top: 350px; left: 620px; width: 50px; border:0; }

.group08top	{ z-index: 5; position: absolute; top: 350px; left: 680px; width: 50px; border:0; }
.group08	{ z-index: 4; position: absolute; top: 350px; left: 680px; width: 50px; border:0; }

.group09top	{ z-index: 5; position: absolute; top: 350px; left: 740px; width: 50px; border:0; }
.group09	{ z-index: 4; position: absolute; top: 350px; left: 740px; width: 50px; border:0; }

.group10top	{ z-index: 5; position: absolute; top: 350px; left: 800px; width: 50px; border:0; }
.group10	{ z-index: 4; position: absolute; top: 350px; left: 800px; width: 50px; border:0; }



.group11top	{ z-index: 5; position: absolute; top: 410px; left: 260px; width: 50px; border:0; }
.group11	{ z-index: 4; position: absolute; top: 410px; left: 260px; width: 50px; border:0; }

.group12top	{ z-index: 5; position: absolute; top: 410px; left: 320px; width: 50px; border:0; }
.group12	{ z-index: 4; position: absolute; top: 410px; left: 320px; width: 50px; border:0; }

.group13top	{ z-index: 5; position: absolute; top: 410px; left: 380px; width: 50px; border:0; }
.group13	{ z-index: 4; position: absolute; top: 410px; left: 380px; width: 50px; border:0; }

.group14top	{ z-index: 5; position: absolute; top: 410px; left: 440px; width: 50px; border:0; }
.group14	{ z-index: 4; position: absolute; top: 410px; left: 440px; width: 50px; border:0; }

.group15top	{ z-index: 5; position: absolute; top: 410px; left: 500px; width: 50px; border:0; }
.group15	{ z-index: 4; position: absolute; top: 410px; left: 500px; width: 50px; border:0; }

.group16top	{ z-index: 5; position: absolute; top: 410px; left: 560px; width: 50px; border:0; }
.group16	{ z-index: 4; position: absolute; top: 410px; left: 560px; width: 50px; border:0; }

.group17top	{ z-index: 5; position: absolute; top: 410px; left: 620px; width: 50px; border:0; }
.group17	{ z-index: 4; position: absolute; top: 410px; left: 620px; width: 50px; border:0; }

.group18top	{ z-index: 5; position: absolute; top: 410px; left: 680px; width: 50px; border:0; }
.group18	{ z-index: 4; position: absolute; top: 410px; left: 680px; width: 50px; border:0; }

.group19top	{ z-index: 5; position: absolute; top: 410px; left: 740px; width: 50px; border:0; }
.group19	{ z-index: 4; position: absolute; top: 410px; left: 740px; width: 50px; border:0; }

.group20top	{ z-index: 5; position: absolute; top: 410px; left: 800px; width: 50px; border:0; }
.group20	{ z-index: 4; position: absolute; top: 410px; left: 800px; width: 50px; border:0; }



.group21top	{ z-index: 5; position: absolute; top: 460px; left: 260px; width: 50px; border:0; }
.group21	{ z-index: 4; position: absolute; top: 460px; left: 260px; width: 50px; border:0; }

.group22top	{ z-index: 5; position: absolute; top: 460px; left: 320px; width: 50px; border:0; }
.group22	{ z-index: 4; position: absolute; top: 460px; left: 320px; width: 50px; border:0; }

.group23top	{ z-index: 5; position: absolute; top: 460px; left: 380px; width: 50px; border:0; }
.group23	{ z-index: 4; position: absolute; top: 460px; left: 380px; width: 50px; border:0; }

.group24top	{ z-index: 5; position: absolute; top: 460px; left: 440px; width: 50px; border:0; }
.group24	{ z-index: 4; position: absolute; top: 460px; left: 440px; width: 50px; border:0; }

.group25top	{ z-index: 5; position: absolute; top: 460px; left: 500px; width: 50px; border:0; }
.group25	{ z-index: 4; position: absolute; top: 460px; left: 500px; width: 50px; border:0; }

.group26top	{ z-index: 5; position: absolute; top: 460px; left: 560px; width: 50px; border:0; }
.group26	{ z-index: 4; position: absolute; top: 460px; left: 560px; width: 50px; border:0; }

.group27top	{ z-index: 5; position: absolute; top: 460px; left: 620px; width: 50px; border:0; }
.group27	{ z-index: 4; position: absolute; top: 460px; left: 620px; width: 50px; border:0; }

.group28top	{ z-index: 5; position: absolute; top: 460px; left: 680px; width: 50px; border:0; }
.group28	{ z-index: 4; position: absolute; top: 460px; left: 680px; width: 50px; border:0; }

.group29top	{ z-index: 5; position: absolute; top: 460px; left: 740px; width: 50px; border:0; }
.group29	{ z-index: 4; position: absolute; top: 460px; left: 740px; width: 50px; border:0; }

.group30top	{ z-index: 5; position: absolute; top: 460px; left: 800px; width: 50px; border:0; }
.group30	{ z-index: 4; position: absolute; top: 460px; left: 800px; width: 50px; border:0; }



.group31top	{ z-index: 5; position: absolute; top: 520px; left: 260px; width: 50px; border:0; }
.group31	{ z-index: 4; position: absolute; top: 520px; left: 260px; width: 50px; border:0; }

.group32top	{ z-index: 5; position: absolute; top: 520px; left: 320px; width: 50px; border:0; }
.group32	{ z-index: 4; position: absolute; top: 520px; left: 320px; width: 50px; border:0; }

.group33top	{ z-index: 5; position: absolute; top: 520px; left: 380px; width: 50px; border:0; }
.group33	{ z-index: 4; position: absolute; top: 520px; left: 380px; width: 50px; border:0; }

.group34top	{ z-index: 5; position: absolute; top: 520px; left: 440px; width: 50px; border:0; }
.group34	{ z-index: 4; position: absolute; top: 520px; left: 440px; width: 50px; border:0; }

.group35top	{ z-index: 5; position: absolute; top: 520px; left: 500px; width: 50px; border:0; }
.group35	{ z-index: 4; position: absolute; top: 520px; left: 500px; width: 50px; border:0; }

.group36top	{ z-index: 5; position: absolute; top: 520px; left: 560px; width: 50px; border:0; }
.group36	{ z-index: 4; position: absolute; top: 520px; left: 560px; width: 50px; border:0; }

.group37top	{ z-index: 5; position: absolute; top: 520px; left: 620px; width: 50px; border:0; }
.group37	{ z-index: 4; position: absolute; top: 520px; left: 620px; width: 50px; border:0; }

.group38top	{ z-index: 5; position: absolute; top: 520px; left: 680px; width: 50px; border:0; }
.group38	{ z-index: 4; position: absolute; top: 520px; left: 680px; width: 50px; border:0; }

.group39top	{ z-index: 5; position: absolute; top: 520px; left: 740px; width: 50px; border:0; }
.group39	{ z-index: 4; position: absolute; top: 520px; left: 740px; width: 50px; border:0; }

.group40top	{ z-index: 5; position: absolute; top: 520px; left: 800px; width: 50px; border:0; }
.group40	{ z-index: 4; position: absolute; top: 520px; left: 800px; width: 50px; border:0; }



.group41top	{ z-index: 5; position: absolute; top: 580px; left: 260px; width: 50px; border:0; }
.group41	{ z-index: 4; position: absolute; top: 580px; left: 260px; width: 50px; border:0; }

.group42top	{ z-index: 5; position: absolute; top: 580px; left: 320px; width: 50px; border:0; }
.group42	{ z-index: 4; position: absolute; top: 580px; left: 320px; width: 50px; border:0; }

.group43top	{ z-index: 5; position: absolute; top: 580px; left: 380px; width: 50px; border:0; }
.group43	{ z-index: 4; position: absolute; top: 580px; left: 380px; width: 50px; border:0; }

.group44top	{ z-index: 5; position: absolute; top: 580px; left: 440px; width: 50px; border:0; }
.group44	{ z-index: 4; position: absolute; top: 580px; left: 440px; width: 50px; border:0; }

.group45top	{ z-index: 5; position: absolute; top: 580px; left: 500px; width: 50px; border:0; }
.group45	{ z-index: 4; position: absolute; top: 580px; left: 500px; width: 50px; border:0; }

.group46top	{ z-index: 5; position: absolute; top: 580px; left: 560px; width: 50px; border:0; }
.group46	{ z-index: 4; position: absolute; top: 580px; left: 560px; width: 50px; border:0; }

.group47top	{ z-index: 5; position: absolute; top: 580px; left: 620px; width: 50px; border:0; }
.group47	{ z-index: 4; position: absolute; top: 580px; left: 620px; width: 50px; border:0; }

.group48top	{ z-index: 5; position: absolute; top: 580px; left: 680px; width: 50px; border:0; }
.group48	{ z-index: 4; position: absolute; top: 580px; left: 680px; width: 50px; border:0; }

.group49top	{ z-index: 5; position: absolute; top: 580px; left: 740px; width: 50px; border:0; }
.group49	{ z-index: 4; position: absolute; top: 580px; left: 740px; width: 50px; border:0; }

.group50top	{ z-index: 5; position: absolute; top: 580px; left: 800px; width: 50px; border:0; }
.group50	{ z-index: 4; position: absolute; top: 580px; left: 800px; width: 50px; border:0; }









/* CONTACT */

.titleboxcont	{
		z-index: 4;

		position: absolute; 
		top: 190px; 
		left: 225px;
		width: 260px;

		border:0;
		}

.textboxcont	{
		z-index: 4;

		position: absolute; 
		top: 245px; 
		left: 250px;
		width: 300px;

		border:0;
		}

.textcont	{
		z-index: 5;

		position: absolute; 
		top: 40px; 
		left: 0px;

		border:0;
		}

.photocont	{
		z-index: 4;

		position: absolute; 
		top: 235px; 
		left: 518px;
		}

.contact	{
		font-family:AcknowledgementMedium, serif;
		font-size:12px;
		color:#FFFFFF;
		}

/* LINKS */

.titleboxlinks	{
		z-index: 4;

		position: absolute; 
		top: 190px; 
		left: 225px;
		width: 260px;

		border:0;
		}

.textboxlinks	{
		z-index: 4;

		position: absolute; 
		top: 245px; 
		left: 250px;
		width: 300px;

		border:0;
		}

.textlinks	{
		z-index: 5;

		position: absolute; 
		top: 40px; 
		left: 0px;

		border:0;
		}

a.links		{
		font-family:AcknowledgementMedium, serif;
		text-decoration: underline;
		font-size:15px;
		color:#FFFFFF;
		}

a.links:hover	{
		color: #000000;
		text-decoration: none;
		}

.photolinks	{
		z-index: 4;

		position: absolute; 
		top: 235px; 
		left: 518px;
		}



/* LIGHTBOX */


#lightbox                                { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img                            { width: auto; height: auto;}
#lightbox a img                          { border: none;}

#outerImageContainer                     { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer                          { padding: 10px;}

#loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav                                { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav                { left: 0;}
#hoverNav a                              { outline: none;}

#prevLink, #nextLink                     { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover*/ display: block;}
#prevLink                                { left: 0; float: left;}
#nextLink                                { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer                      { font: 11px DroidSerifRegular, serif; background-color: #fff; margin: 0 auto; line-height: 13px; overflow: auto; width: 100%;}

#imageData                               { padding:0 10px; color: #F075A4;}
#imageData #imageDetails                 { width: 70%; float: left; text-align: left;}
#imageData #caption                      { font-weight: bold;}
#imageData #numberDisplay                { display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose               { width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay                                 { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #F075A4; margin-left: 0px;}