/* --------------------------------------------------------------------------------------

	DANIEL VAMOS - Web Designer

	= DANIELVAMOS.INFO

-------------------------------------------------------------------------------------- */

/*
	IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
	@import url("reset.css");

/*
	COMMON ---------------- */
	
    body {
		background:url(../images/html-background-1.jpg) top left repeat;
		}
		#imageholder {
			position:absolute; bottom:277px; left:0px;
			width:100%; height:324px; 
			}
			#contenttopshadow { 
				position:absolute; bottom:0px; left:0px; z-index:3;
				width:100%; height:37px; 
				background:url(../images/content-back-top.png) top left repeat-x;
				}
			#image {
				overflow:hidden; position:relative;
				width:960px; height:324px; 
				margin:0px auto; 
				background:url(../images/image-background.png) center top no-repeat;
				}
				#image img {
					z-index:3 !important;
					width:500px; height:324px;
					margin-left:230px;
					}
		#contentholder { 
			position:absolute; bottom:0px; left:0px; z-index:3;
			width:100%; height:267px; 
			padding-top:10px;
			background:url(../images/content-back.png) 0 0 repeat;
			}
			#content {
				position:relative;
				width:960px; height:220px; 
				margin:0px auto; 
				}
				#left { 
					float:left;
					width:246px; height:220px;
					border-left:1px solid #ffffff;
					}
					#left div { 
						float:left; overflow:hidden;
						width:122px; height:109px; 
						border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;
						}
					.logo {
						background:url(../images/logo-back-pattern.jpg) 0 0 repeat-x;
						}
						h1 {
							width:102px; height:51px; 
							margin:30px auto;
							}
							h1 a {
								display:block; 
								width:102px; height:51px; 
								text-indent:-9999px; outline:none;
								background:url(../images/logo.png) 0 0 no-repeat; 
								}
					.bass {
						background:url(../images/bass.jpg) 0 0 no-repeat;
						}
					.pool {
						height:110px;
						background:url(../images/pool.jpg) 0 0 no-repeat; 
						border-bottom:0px;
						}
					.recentProject {
						height:110px;
						border-bottom:0px;
						}
						.recentProject a {
							display:block; 
							width:122px; height:110px; 
							text-indent:-9999px;
							background:url(../images/recent-project.jpg) 0 0 no-repeat; 
							outline:none;
							}
			h2 {
				float:left; display:inline; 
				width:125px; height:220px; 
				text-indent:-9999px;
				}
				.about {
					background:url(../images/about-title.png) 0 0 no-repeat;
					}
				.movies {
					background:url(../images/movies-title.png) 0 0 no-repeat;
					}
				.books {
					background:url(../images/books-title.png) 0 0 no-repeat;
					}
				.gallery {
					background:url(../images/gallery-title.png) 0 0 no-repeat;
					}
			.maincontent  { 
				float:left; display:inline;
				width:180px; height:190px;
				padding:15px 20px 15px 20px;
				font-size:12px; color:#d6d6d6; text-align:center; line-height:17px;
				background:url(../images/content-back-dark-pattern.jpg) 0 0 repeat; 
				border-left:1px dotted #ffffff; border-right:1px dotted #ffffff;
				}
				.maincontentbooks {
					height:110px; 
					padding:70px 20px 40px 20px;
					}
				.maincontentmovies {
					height:170px; 
					padding:25px 20px 25px 20px;
					}
					
		/*
		+ Main Navigation */

			#menu {
				float:left; list-style:none; display:inline;
				width:125px; height:216px;
				margin-top:2px; padding-top:8px; 
				}
				#menu li {
					float:left; display:inline;
					width:125px; 
					}
					#menu li a {
						display:block;
						width:125px; height:49px;
						text-indent:-9999px; outline:none;
						}
						#menu li a.about {
							background:url(../images/button-about.png) 0 0 no-repeat;
							}
						#menu li a.movies {
							background:url(../images/button-movies.png) right 0 no-repeat;
							}
						#menu li a.books {
							background:url(../images/button-books.png) 0 0 no-repeat;
							}
						#menu li a.gallery {
							background:url(../images/button-gallery.png) right 0 no-repeat;
							}
						#menu li a.about:hover, #menu li a.books:hover, #menu li a.activeLeft  {
							background-position:0px -49px;
							}
						#menu li a.movies:hover, #menu li a.gallery:hover, #menu li a.activeRight  {
							background-position:right -49px;
							}
							
		/*
		+ Frelance Web Designer */
							
			#freelance {
				display:inline; float:left; position:relative;
				width:152px; height:208px; 
				padding:12px 17px 0 61px;  
				background:url(../images/content-back-pattern.jpg) 0 0 repeat #3f3f3f;
				border-left:1px solid #ffffff; border-right:1px solid #ffffff;
				}
				#freelance h3 {
					display:block; position:absolute; left:8px; top:-10px;
					width:45px; height:240px;
					text-indent:-9999px;
					background:url(../images/title-developer.png) left top no-repeat;
					}
				#freelance p {
					font-size:10px; color:#aeaeae; line-height:14px;
					}
				#mail {
					display:block;
					width:125px; height:13px;
					margin-top:20px;
					text-indent:-9999px;
					background:url(../images/mail.png) left top no-repeat;
					outline:none;
					}
				#mail:hover {
					background-position:0 -13px;
					}
				#phone {
					display:block;
					width:107px; height:12px;
					margin-top:10px;
					text-indent:-9999px;
					background:url(../images/phone.png) left top no-repeat;
					outline:none;
					}
						
		/*
		+ Footer */
		
			#footer {
				position:absolute; right:10px; bottom:-35px;
				font-size:11px; color:#5c5c5c;
				}
				#footer a {
					color:#a6a6a6;
					}
				#footer a:hover {
					color:#fecf69;
					}
		
/*
	GALLERY ---------------- */
		
		.galleryviewiframe {
			float:left; display:inline;
			width:222px; height:220px;
			background-color:#3f3f3f;
			border:none; 
			}
			#gallerythumb { 
				float:left; display:inline; list-style:none;
				width:206px; height:206px; 
				padding:7px;
				background:url(../images/content-back-dark-pattern.jpg) 0 0 repeat;
				border-left:1px dotted #ffffff; border-right:1px dotted #ffffff; 
				}
				#gallerythumb li {
					float:left; display:inline; overflow:hidden;
					width:62px; height:44px; 
					margin-right:7px; margin-bottom:7px;
					border:1px solid #d6d6d6;
					}
				#gallerythumb li.lastright {
					margin-right:0px;
					}
				#gallerythumb li.lastbottom {
					margin-bottom:0px;
					}