@charset "UTF-8";
/* CSS Document */


/* **************************************************************** "SELECTED" STYLE ****************************************************************** */		


a#selected {
background-position:left bottom;
}

a#selected2 {
background-position:right bottom;
}

a#selected3 {
background-position:right bottom;
}
		
		
		
/* **************************************************************** VERSION FRANCAISE ****************************************************************** */		

a.version-francaise {
	position:absolute;
	top:-10px;
	right: 0px;
	background-image:url(http://www.karlotta.com/media/images/version-francaise.gif);
	width:89px;
	height:35px;
	background-position:top;
	display:block;
	overflow: visible;  
}



/* **************************************************************** QUICKTIME AND FLASH LOGOS ****************************************************************** */	


a.quicktime {
	background-image:url(http://www.karlotta.com/media/menus/logoquicktime.png);
	width:75px;
	height:75px;
	background-position:top;
	display:block;
	overflow: hidden;  
}

a.quicktime:hover{
background-position:bottom;
}

a.flash {
	background-image:url(http://www.karlotta.com/media/menus/logoflash.png);
	width:75px;
	height:75px;
	background-position:top;
	display:block;
	overflow: hidden;  
}

a.flash:hover{
background-position:bottom;
}

/* **************************************************************** STARS ****************************************************************** */		
		
		
		
		

																/* if there are 3 stars */

#star3-1 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:275px;
}

#star3-2 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:475px;
}

#star3-3 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:675px;
}

																/* if there are 4 stars */


#star4-1 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:175px;
}

#star4-2 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:375px;
}

#star4-3 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:575px;
}


#star4-4 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:775px;
}


																/* if there are 5 stars */


#star5-1 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:125px;
}

#star5-2 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:300px;
}

#star5-3 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:475px;
}


#star5-4 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:650px;
}

#star5-5 {
display:block;
background-image:url(http://www.karlotta.com/media/images/star.gif);
width:50px;
height:50px;
position:absolute;
top:0px;
left:825px;
}

/* **************************************************************** TOP BRANCH ****************************************************************** */

#topbranch-kids {
position: absolute;
overflow:visible;
top: -10px;
left: 60px;
background-image:url(http://www.karlotta.com/media/images/topbranch.gif);
width:100px;
height:150px;
z-index:4;
}

#topbranch-weddings {
position: absolute;
overflow:visible;
top: -10px;
left: 60px;
background-image:url(http://www.karlotta.com/media/images/topbranch.gif);
width:100px;
height:150px;
z-index:15;
}

#topbranch-video {
position: absolute;
overflow:visible;
top: -10px;
left: 0px;
background-image:url(http://www.karlotta.com/media/images/topbranch.gif);
width:100px;
height:150px;
z-index:4;
}


/* **************************************************************** BOTTOM MENU ****************************************************************** */






																		/* kids */

a.kids{
position: absolute;
bottom: 25px;
left: 10px;
background-image:url(http://www.karlotta.com/media/menus/main/kids-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.kids:hover{
background-position:left center
}

a.kids:active{
background-position:left bottom
}


																		/* weddings */

a.weddings{
position: absolute;
bottom: 85px;
left: 88px;
background-image:url(http://www.karlotta.com/media/menus/main/weddings-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.weddings:hover{
background-position:left center
}

a.weddings:active{
background-position:left bottom
}


																			/* photoblog */

a.photoblog{
position: absolute;
bottom: 73px;
left: 205px;
background-image:url(http://www.karlotta.com/media/menus/main/photoblog-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.photoblog:hover{
background-position:left center
}

a.photoblog:active{
background-position:left bottom
}

												



																		/* portfolio */

a.portfolio{
position: absolute;
bottom: 56px;
left: 302px;
background-image:url(http://www.karlotta.com/media/menus/main/portfolio-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.portfolio:hover{
background-position:left center
}

a.portfolio:active{
background-position:left bottom
}


																			/* home */

#home {
	z-index: 99;
	position: absolute;
	left: 0px;
	bottom: 5px;
}



																			/* video & sound */

a.video-sound{
position: absolute;
bottom: 83px;
left: 33px;
background-image:url(http://www.karlotta.com/media/menus/main/video-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.video-sound:hover{
background-position:left center
}

a.video-sound:active{
background-position:left bottom
}


																			/* graphic design */

a.design{
position: absolute;
bottom: 22px;
left: 128px;
background-image:url(http://www.karlotta.com/media/menus/main/design-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.design:hover{
background-position:left center
}

a.design:active{
background-position:left bottom
}


																			/* commercial photography */

a.commercial{
position: absolute;
bottom: 65px;
left: 215px;
background-image:url(http://www.karlotta.com/media/menus/main/commercial-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.commercial:hover{
background-position:left center
}

a.commercial:active{
background-position:left bottom
}




																			/* contact */

a.contact{
position: absolute;
bottom: 115px;
left: 285px;
background-image:url(http://www.karlotta.com/media/menus/main/contact-sprite.gif);
width:100px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.contact:hover{
background-position:left center
}

a.contact:active{
background-position:left bottom
}


/* **************************************************************** KIDS ****************************************************************** */


.kids-title {
background-image:url(http://www.karlotta.com/media/menus/kids/kids-title.gif);
}



/*  -----------------------------------------------------------------------------------------------  KIDS MENU */


																				/* about */

a.about-kids{
position: absolute;
top: 0px;
left: 125px;
background-image:url(http://www.karlotta.com/media/menus/about-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.about-kids:hover{
background-position:left center
}

a.about-kids:active{
background-position:left bottom
}


																		/* pregnancy */

a.pregnancy{
position: absolute;
top: 0px;
left: 325px;
background-image:url(http://www.karlotta.com/media/menus/kids/pregnancy-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.pregnancy:hover{
background-position:left center
}

a.pregnancy:active{
background-position:left bottom
}

																			/* babies */

a.babies{
position: absolute;
top: 0px;
left: 525px;
background-image:url(http://www.karlotta.com/media/menus/kids/babies-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}

a.babies:hover{
background-position:left center
}

a.babies:active{
background-position:left bottom
}

																			/* children */

a.children{
position: absolute;
top: 0px;
left: 725px;
background-image:url(http://www.karlotta.com/media/menus/kids/children-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.children:hover{
background-position:left center
}

a.children:active{
background-position:left bottom
}


/* **************************************************************** WEDDINGS ****************************************************************** */

.weddings-title {
background-image:url(http://www.karlotta.com/media/menus/weddings/weddings-title.gif);
}

/*  ----------------------------------------------------------------------------------------------- WEDDINGS TOP MENU */

																			/* galleries */
																			
																		

a.galleries{
position: absolute;
top: 0px;
left: 125px;
background-image:url(http://www.karlotta.com/media/menus/weddings/galleries-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
z-index:15;
}

a.galleries:hover{
background-position:left center
}

a.galleries:active{
background-position:left bottom
}

																			/* video */

a.video{
position: absolute;
top: 0px;
left: 325px;
background-image:url(http://www.karlotta.com/media/menus/weddings/video-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}

a.video:hover{
background-position:left center
}

a.video:active{
background-position:left bottom
}

																			/* options */

a.options{
position: absolute;
top: 0px;
left: 525px;
background-image:url(http://www.karlotta.com/media/menus/weddings/options-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.options:hover{
background-position:left center
}

a.options:active{
background-position:left bottom
}

																			/* about */

a.about-weddings{
position: absolute;
top: 0px;
left: 725px;
background-image:url(http://www.karlotta.com/media/menus/about-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.about-weddings:hover{
background-position:left center
}

a.about-weddings:active{
background-position:left bottom
}


/* -------------------------------------------------------------------------------  WEDDINGS "GALLERIES" SUBMENU */



a.photobook {
	position:absolute; 
	left:770px;
	top:130px;
	z-index:95;
	background-image:url(http://www.karlotta.com/media/menus/weddings/photobook.gif);
	width:150px;
	height:150px;
	background-position:left top;
	display:block;
	overflow: hidden;  
}

a.photobook:hover{
background-position:left bottom;
}



#wedding-submenu {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/background-wedding-sprite.gif);
	width:250px;
	height:250px;
	position: absolute;
	top:0px;
	margin:0 auto;
	z-index:20;
}

#wedding-submenu-invisible {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/background-wedding-sprite.gif);
	background-repeat:no-repeat;
	width:250px;
	height:250px;
	position: absolute;
	top:-10px;
	left:0px;
	visibility:hidden;
}

																						/* bride */
a.bride {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/bride-sprite.gif);
	background-position:left;
	width:85px;
	height:40px;
	position: absolute;
	left:125px;
	top:60px;
	display:block;
	z-index:25;
	
}
a.bride:hover{
background-position:right;
}

a.bride:active{
background-position:right;
}
																						/* kisses */
																						
a.kisses {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/kisses-sprite.gif);
	background-position:left;
	width:85px;
	height:40px;
	position: absolute;
	left:125px;
	top:100px;
	display:block;
	z-index:25;
	
}
a.kisses:hover{
background-position:right;
}

a.kisses:active{
background-position:right;
}

																						/* portraits */
a.portraits {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/portraits-sprite.gif);
	background-position:left;
	width:85px;
	height:45px;
	position: absolute;
	left:160px;
	top:140px;
	display:block;
	z-index:25;
	
}
a.portraits:hover{
background-position:right;
}

a.portraits:active{
background-position:right;


																						/* chronicles */
}
a.chronicles {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/chronicles-sprite.gif);
	background-position:left;
	width:85px;
	height:33px;
	position: absolute;
	left:125px;
	top:185px;
	display:block;
	z-index:25;
	
}
a.chronicles:hover{
background-position:right;
}

a.chronicles:active{
background-position:right;
}


																						/* details */
a.details {
	background-image:url(http://www.karlotta.com/media/menus/weddings/galleries/details-sprite.gif);
	background-position:left;
	width:85px;
	height:32px;
	position: absolute;
	left:70px;
	top:218px;
	display:block;
	z-index:25;
	
}
a.details:hover{
background-position:right;
}

a.details:active{
background-position:right;
}



/* ------------------------------------------------------------------------------------------------- WEDDINGS : OPTIONS */



#weddings-options-top {
	width:900px;
	height:500px;
	background-image:url(http://www.karlotta.com/media/menus/weddings/options/weddings-options-top.gif);
	position:absolute;
	top:0px;
	left:50px;
	z-index:3;
}

#weddings-options-menu {
	width:900px;
	height:300px;
	position:absolute;
	top:400px;
	left:50px;
	z-index:4;
}

a.weddings-options-1 {
	width:300px;
	height:300px;
	float:left;
	background-image:url(http://www.karlotta.com/media/menus/weddings/options/weddings-options-01.gif);
	background-position:top;
}

a.weddings-options-1:hover {
	background-position:bottom;
}

a.weddings-options-2 {
	width:300px;
	height:300px;
	float:left;
	background-image:url(http://www.karlotta.com/media/menus/weddings/options/weddings-options-02.gif);
	background-position:top;
}

a.weddings-options-2:hover {
	background-position:bottom;
}

a.weddings-options-3 {
	width:300px;
	height:300px;
	float:left;
	background-image:url(http://www.karlotta.com/media/menus/weddings/options/weddings-options-03.gif);
	background-position:top;
}

a.weddings-options-3:hover {
	background-position:bottom;
}

/* ------------------------------------------------------------------------------------------------- WEDDINGS : VIDEO */

.wedding-video-title {
background-image:url(http://www.karlotta.com/media/menus/weddings/wedding-video-title.gif);
}

#weddings-video {
	width:600px;
	height:300px;
	background-image:url(http://www.karlotta.com/media/menus/weddings/weddings-video.gif);
	position:relative;
}

#weddings-quicktime-1 {
	position:absolute;
	top: 210px;
	left: 50px;
}


#weddings-flash-1 {
	position:absolute;
	top: 210px;
	left: 175px; 
}


#weddings-quicktime-2 {
	position:absolute;
	top: 210px;
	left: 350px;
}


#weddings-flash-2 {
	position:absolute;
	top: 210px;
	left: 475px;  
}



/* **************************************************************** PORTFOLIO ****************************************************************** */

.portfolio-intro-title {
background-image:url(http://www.karlotta.com/media/menus/portfolio/portfolio-title.gif);
}

/* ------------------------------------------------------------------------------- -------- PORTFOLIO MENU */

																				/* moody */

a.about-portfolio{
position: absolute;
top: 0px;
left: 0px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/about-sprite-portfolio.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.about-portolio:hover{
background-position:left center
}

a.about-portfolio:active{
background-position:left bottom
}

a.moody{
position: absolute;
top: 0px;
left: 175px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/moody-sprite.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.moody:hover{
background-position:left center
}

a.moody:active{
background-position:left bottom
}

																				/* lively */

a.lively{
position: absolute;
top: 0px;
left: 350px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/lively-sprite.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
}

a.lively:hover{
background-position:left center
}

a.lively:active{
background-position:left bottom
}

																					/* bare */

a.bare{
position: absolute;
top: 0px;
left: 525px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/bare-sprite.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.bare:hover{
background-position:left center
}

a.bare:active{
background-position:left bottom
}

																					/* vast */

a.vast{
position: absolute;
top: 0px;
left: 700px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/vast-sprite.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.vast:hover{
background-position:left center
}

a.vast:active{
background-position:left bottom
}

																					/* collections */

a.collections{
position: absolute;
top: 0px;
left: 875px;
background-image:url(http://www.karlotta.com/media/menus/portfolio/collections-sprite.gif);
width:125px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.collections:hover{
background-position:left center
}

a.collections:active{
background-position:left bottom
}


/* **************************************************************** GENERAL CLIENT LISTS FORMATS *********************************************************** */




#client-list-thumbnails {
	width:450px;
	position:relative;
	left:250px;
	top:15px;
}

#client-list-text {
	background-image:url(http://www.karlotta.com/media/images/leaf.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:450px;
	position:absolute;
	left:150px;
}



/* **************************************************************** VIDEO AND SOUND ****************************************************************** */

.video-title {
background-image:url(http://www.karlotta.com/media/menus/video/video-title.gif);
}


/* -----------------------------------------------------------------------------------------------  VIDEO AND SOUND MENU */


																						/* about */

a.about-video{
position: absolute;
top: 0px;
left: 25px;
background-image:url(http://www.karlotta.com/media/menus/about-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.about-video:hover{
background-position:left center
}

a.about-video:active{
background-position:left bottom
}

																					/* video services */

a.video-services{
position: absolute;
top: 0px;
left: 225px;
background-image:url(http://www.karlotta.com/media/menus/video/videoservices-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.video-services:hover{
background-position:left center
}

a.video-services:active{
background-position:left bottom
}

																	
																						/* sound design */

a.sound-design{
position: absolute;
top: 0px;
left: 425px;
background-image:url(http://www.karlotta.com/media/menus/video/sounddesign-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.sound-design:hover{
background-position:left center
}

a.sound-design:active{
background-position:left bottom
}


			
																						/* film & light */

a.filmlight{
position: absolute;
top: 0px;
left: 625px;
background-image:url(http://www.karlotta.com/media/menus/video/filmlight-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.filmlight:hover{
background-position:left center
}

a.filmlight:active{
background-position:left bottom
}



																						/* clients */

a.video-clients{
position: absolute;
top: 0px;
left: 825px;
background-image:url(http://www.karlotta.com/media/menus/video/video-clients-sprite.gif);
width:150px;
height:50px;
background-position:left top;
display:block;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
}

a.video-clients:hover{
background-position:left center
}

a.video-clients:active{
background-position:left bottom
}





/* ---------------------------------------------------------------------------------------------  VIDEO SERVICES */

#video-services-container {
	width:750px;
	height:400px;
	background-image:url(http://www.karlotta.com/media/menus/video/video-services-container.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
}


#video-services-quicktime {
	position:absolute;
	top: 285px;
	left: 480px;
}


#video-services-flash {
	position:absolute;
	top: 285px;
	left: 580px; 
}

/* ---------------------------------------------------------------------------------------------  SOUND DESIGN */

#sound-design-container {
	width:750px;
	height:350px;
	background-image:url(http://www.karlotta.com/media/menus/video/sound-design-container.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

#sound-design-text {
	text-align:justify;
	width:400px;
	height:150px;
	position:absolute;
	top:70px;
	left:30px;
}


#sound-design-quicktime {
	position:absolute;
	top: 230px;
	left: 500px;
}


#sound-design-flash {
	position:absolute;
	top: 230px;
	left: 600px; 
}



/* --------------------------------------------------------------------------------------------- FILM & LIGHT */

#film-container {
	width:700px;
	height:550px;
	background-image:url(http://www.karlotta.com/media/menus/video/film-container.gif);
	position:relative;
	left:100px;
}

#film-quicktime {
	position:absolute;
	top: 280px;
	left: 465px;
}


#film-flash {
	position:absolute;
	top: 280px;
	left: 590px; 
}



/* --------------------------------------------------------------------------------------------- CLIENTS */


#video-clients {
	width:900px;
	height:400px;
	background-image:url(http://www.karlotta.com/media/menus/video/video-clients.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	z-index:90;
}

#clients-video-quicktime {
	position:absolute;
	top: 220px;
	left: 65px;
}


#clients-video-flash {
	position:absolute;
	top: 220px;
	left: 165px; 
}


#clients-sound-quicktime {
	position:absolute;
	top: 220px;
	left: 365px;
}


#clients-sound-flash {
	position:absolute;
	top: 220px;
	left: 465px; 
}


#clients-film-quicktime {
	position:absolute;
	top: 220px;
	left: 665px;
}


#clients-film-flash {
	position:absolute;
	top: 220px;
	left: 765px; 
}


#video-clients-table {
	position:relative;
	width:900px;
	top:-30px;
	z-index:95;
}




/* **************************************************************** GRAPHIC DESIGN ****************************************************************** */

.design-title {
background-image:url(http://www.karlotta.com/media/menus/design/design-title.gif);
}


a.link-to-photo {
	background-image:url(http://www.karlotta.com/media/menus/design/link-to-photo.gif);
	background-position:top;
	width:150px;
	height:150px;
	position:absolute;
	top: 150px;
	left: 450px;
}
a.link-to-photo:hover{
background-position:bottom;
}


/* **************************************************************** COMMERCIAL PHOTOGRAPHY ****************************************************************** */

.commercial-photography-title {
background-image:url(http://www.karlotta.com/media/menus/commercial-photography/commercial-photography-title.gif);
}


a.link-to-portfolio {
	position:absolute;
	top: 50px;
	left: 470px;
	background-image:url(http://www.karlotta.com/media/menus/commercial-photography/link-to-portfolio.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	display:block;
	overflow: hidden;  
}


a.link-to-portfolio:hover{
background-position:bottom;
}



/* **************************************************************** CONTACTS ****************************************************************** */




/* ------------------------------------------------------------------------------- CONTACT STUFF */
#contact-branch {
	background-image:url(http://www.karlotta.com/media/images/contact/contact-branch.gif);
	width:230px;
	height:300px;
	position: absolute;
	top:-10px;
	left:770px;
	
}

#contact-container {
	position:relative;
	width:1000px;
	height:350px;
	padding:0;
	margin:0 auto;
}


#contact-main {
	position:absolute;
	top:175px;
	left:200px;
	text-align:left;
	padding-top:25px;
	padding-left:60px;
	background-image: url(http://www.karlotta.com/media/images/contact/main-contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 210px;
}

#contact-video {
	position:absolute;
	top:175px;
	right:150px;
	text-align:left;
	padding-top:30px;
	padding-left:55px;
	background-image: url(http://www.karlotta.com/media/images/contact/video-contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 210px;
}



#contact-networks {
	width:210px;
	height:50px;
	text-align:center;
	position:absolute;
	top:260px;
	left:200px;
}