/* CSS Document */
* { margin: 0; padding: 0; list-style:none; }
a { outline: none; color:#000000 }
a img { border: none; }
img{ border:none}
a{ text-decoration:none}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

p{
	margin-bottom:12px;
	font-size:16px;
}


body {
	color:#122039;
	font-size:62.5%;
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	background:#e7e3e2;
}


#wrapper{
	/*width:1130px;*/
	/*margin:0 auto 160px auto;*/
	margin:0 auto 0px auto;
	padding-bottom:130px;
	text-align:left;
	position:relative;
    min-height:750px;
    height:auto !important;
    height:750px;
}
#logo{
	position:absolute;
	font-size:3.2em;
	letter-spacing:-1px;	
	color:#000000;
	top:40px;
	left:430px;
}

#daniel{
	position:absolute;
	top:40px;
	width:385px;
	text-align:right;
	/*padding-right:320px;*/
	color:#000000;
	font-size:3.2em;
	letter-spacing:-1px;	
}

#photography{
	color:#c7c3ba;
}
#menu{
	position:absolute;
	top:430px;
	width:385px;
	text-align:right;
	/*padding-right:320px;*/
	font-size:3.2em;
	letter-spacing:-1px;		
	
}
#menu a, #links a{
	color:#aca6a1;
}
#menu a.selected, #menu a:hover, #links a:hover, #links a.selected{
	color:#000000;
}
#gallery{
	position:absolute;
	top:210px;
	left:430px;
	height:480px;
	white-space:nowrap;
	padding-right: 75px;
}


#gallery img{
	margin-left:5px;
}

#home{
	position:absolute;
	top:215px;
	left:356px;
}

#home h2{
	background:url(../images/arrow.gif) no-repeat;
	width: 31px;
	height:22px;
	text-indent:-2000px;
	cursor:pointer;
}

/* About us */

#about-content{
	font-family: Helvetica, Arial, sans-serif;
	position:absolute;
	top:435px;
	left:430px;
	height:280px;	
}

/* Contact us  */
#contact{
	font-size:1.7em;
	position:absolute;
	top:435px;
	left:430px;
	height:280px;	
}
#contact img{
	float:left;
}
#contact .contact-content{
	float:left;
	padding-left:10px;

}


#links{
	position:absolute;
	top:715px;
	left:435px;
	font-size:3.2em;
	
}


#footer{
	position:absolute;
	top:695px;
	left:435px;
	font-size:1.2em;
	font-weight: normal;
}

.anchor{
	position:absolute;
	right:0;
	top:0;
	padding-right: 20px;
}

.scroll{
	/*position:fixed;*/
	position:absolute;
	width:132px;
	height:113px;
	bottom:0;
	left:30px
}