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

html,body {padding: 0; margin: 0; background-color:#000;	font-family:Tahoma, Geneva, sans-serif; font-size:12px;}

/*--------- STRUCTURE ---------*/

#outer {text-align: center; /* IE center */
	position:absolute;
	bottom:0px;
	overflow:hidden;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
}

.column {
	width: 50%;
	position: absolute;
	bottom:100px;
	text-align: left;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

#leftcol {
	margin-right: 500px; 
	text-align:right;

}

#rightcol {
	margin-left: 500px; 
	text-align:left;
}

#footer {
	width:100%;
	clear:both;
	height:95px;
	padding-top:5px;
	background-color:#000;
}
			
/*--------- CONTAINERS ---------*/

#freeflow {
	position:absolute;
	width:600px;
	height:400px;
	left:240px;
	top:119px;
	z-index:70;
}

#gallery_focus {
	background-image:url(images/border.png);
	background-repeat:no-repeat;
	width:266px;
	height:266px;
	position:absolute;
	left:407px;
	bottom: 47px;
	margin:0px;
	padding:0px;
	z-index:80;
}

#gallery_speech {
	position:absolute;
	top:0px;
	left:230px;
	height:300px;
	width:500px;
	background-image:url(images/speech_gallery.png);
	background-repeat:no-repeat;
	z-index:50;	
}

#gallery_speech_lrg {
	position:absolute;
	bottom:15px;
	left:280px;
	height:390px;
	width:500px;
	background-image:url(images/speechblob.png);
	background-repeat:no-repeat;
	z-index:50;	
}

#gallery_text_top {
	font-size:11px;
	color:#FFF;
	position:absolute;
	top:120px;
	left:130px;
	height:300px;
	width:190px;
}

#gallery_text_bottom {
	font-size:11px;
	color:#FFF;
	position:absolute;
	top:230px;
	left:160px;
	height:150px;
	width:270px;
}

#gallery_text {
	font-size:12px;
	color:#FFF;
	position:absolute;
	top:100px;
	left:120px;
	height:300px;
	width:240px;
}

#gallery_text p {
	font-size:12px;
	color:#FFF;
	padding: 5px;
	margin: 0px;
}

#welcome {
	font-size:12px;
	color:#FFF;
	position:absolute;
	top:160px;
	left:405px;
	height:300px;
	width:190px;
}

#lady_webdesign {
	position:absolute;
	top:250px;
	left:100px;
	height:300px;
	width:200px;
	background-image:url(images/lady-webdesign.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_3d {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-3d.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_cms {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-cms.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_graphic {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-graphic.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_host {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-host.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_contact {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-contact.png);
	background-repeat:no-repeat;
	z-index:5;	
}

#lady_home {
	position:absolute;
	top:250px;
	left:160px;
	height:300px;
	width:200px;
	background-image:url(images/lady-home.png);
	background-repeat:no-repeat;
	z-index:5;	
}


#logo {
	position:absolute;
	right: 0px;
	top:50px;
	background-image:url(images/3moments-studio-logo.png);
	background-repeat:no-repeat;
	width:250px;
	height:250px;
	z-index:99999;
}

#logo_home {
	position:absolute;
	right: 0px;
	top:50px;
	background-image:url(images/3moments-studio-logo-home.png);
	background-repeat:no-repeat;
	width:250px;
	height:250px;
	z-index:99999;
}

#content {
	width: 1000px;
	margin: 0 auto; /* compliant browser center */
	text-align: left; /* re align text */
	background-image:url(images/3moments-studio-brg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:550px;
	position:relative;
	padding:0px;
}

#content_gallery {
	width: 1000px;
	margin: 0 auto; /* compliant browser center */
	text-align: left; /* re align text */
	background-image:url(images/3moments-world-gallery.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:550px;
	position:relative;
	padding:0px;

}

#home_content {
	width:300px;
	position: relative;
	left:375px;
	top:0px;

}

#home_content p {

	font-size:11px;
	text-align:justify;
}

#dudes {
	position:absolute;
	width:450px;
	height:300px;
	bottom:0px;
	left:300px;
}

/*--------- CONTENTS ---------*/

.dude_webdesign_con {
	width:60px;
	height:80px;
	/*position: absolute;*/
	position:relative;
	top:220px;
	left:40px;
}

.dude_cms_con {
	width:25px;
	height:65px;;
	position: absolute;
	bottom:55px;
	left:150px;
}

.dude_host_con {
	width:25px;
	height:80px;
	position: absolute;
	bottom:2px;
	left:225px;
}

.dude_graphic_con {
	width:20px;
	height:70px;
	position: absolute;
	bottom:50px;
	left:310px;
}

.dude_3d_con {
	width:80px;
	height:100px;
	position: absolute;
	bottom:0px;
	left:350px;
}


#header {
	width:100%;
	text-align:right;
}

#header h1 {
	font-size:28px;
	font-weight:bolder;
	color:#822049;
	padding:0px;
	margin:0px;
	text-align:left;
}

#nav_container {
	position:relative;
	width:1000px;
	margin:0 auto;
	height:100px;
	padding:0px;
}

.nav_menu {
	color:#FFF;
	text-align:center;
	padding: 0px 30px 0px 0px;
	font-size:12px;
	height:15px;
	width:700px;
	left: 165px;
	top:0px;
	position:absolute;
}

.nav_menu li {
	display:inline;
	list-style-type:none;
	padding: 10px 0px 0px 15px;
	margin:0px;
}

.nav_menu a {
	text-decoration:none;
	color:#FFF;
	margin:0px;
	padding:0px;
}

.nav_menu a:hover {
	color:#822049;
}

.copyright {
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
	color:#FFF;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	width:300px;
	height:30px;
}

.slogan {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	float:left;
	color:#822049;
	width: 200px;
	height:30px;
}