/* 
	legitify.com
*/

body{
	margin:0; padding:0;
	width:100%;  height:100%;
	background:url('../images/bg/page.jpg') top center;

}

#page{
	position:relative;
	margin:0; padding:0 0 10px 0; 	
	width:100%; 
	overflow:visible;
}

#introLogo{
	display:block;
	width:349px; 
	position:relative;
	margin:350px auto 0 auto;
}

#introLogo img{
	border:0;
}

#frame{
	position:relative;
	width:1000px;
	height:650px;
	margin:35px auto;
	border:1px solid #CACACA;
	overflow:hidden;
}
#frame #topLogo{
	display:block;
	width:1000px;
	height:50px;
	background:url('../images/logo.gif') center left no-repeat;
	border:1px solid #CACACA;
	border-width:0 0 1px 0;
}
#frame #topLogo h1{
	display:none;
}

#frame #menuframe{
	position:absolute;
	top:600px;
	width:1000px;
	height:50px;
	margin:0; padding:0;
	border:1px solid #CACACA;
	border-width:1px 0 0 0;
	overflow:hidden;
}

#frame #menuframe a{
	display:block;
	float:left;
}

#frame #menuframe #pages a{
	display:block;
	float:left;
	margin:8px 5px; 
}

#frame #menuframe #jobName{	
	float:left;
	width:590px;
	text-align:center;
	padding:13px 0 0 0;
}

#frame #menuframe #controls{
	float:left; margin:0 0 0 15px;
}
#frame #menuframe #controls a h5{ display:none; }
#frame #menuframe #controls #stopbtn{
	display:block;
	width:10px; height:20px; margin:5px;
	background:url('../images/stop_btn.gif') no-repeat;
}
#frame #menuframe #controls #startbtn{
	display:block;
	width:15px; height:20px; margin:5px;
	background:url('../images/play_btn.gif') no-repeat;
	overflow:visible;
}
#frame #menuframe #controls #nextbtn{
	display:block;
	width:25px; height:20px; margin:5px;
	background:url('../images/next_btn.gif') no-repeat;
	overflow:visible;
}
#frame #menuframe #controls #prevbtn{
	display:block;
	width:25px; height:20px; margin:5px;
	background:url('../images/prev_btn.gif') no-repeat;
	overflow:visible;
}
#frame #menuframe span{
	display:block;
	float:left;
	width:360px;
	padding:0 0 0 72px;
	text-align:center;
	font-size:17px;
}
#projects a{
	margin:0;
}
#menuframe a img{
	margin:0;
	width:35px;
	height:35px;
	border:1px solid #CCC;
}
#frame #menuframe #projects{
	float:left;
	margin:5px;
}

#frame #menuframe #pages{
	float:right;
	margin:5px;
}

#frame #content{
	margin:0 45px 45px 49px;
}

#photos{
	margin:25px 0 0 0;
}

.article, .body{
	float:left;
	margin:0 0 0 2px;
	font-size:12pt;
	line-height:16pt;
	width:391px;
	text-align:left;
	height:520px;
	overflow:hidden;
	
}

.rightphoto{
	margin:130px 50px 0 0;
	float:right;
}

#photos #loader{
	position:absolute;
	margin:110px 345px;
	width:187px;
	height:159px;
	background:url('../images/loading.gif') no-repeat;
}
#photos img{
	display:none;
	position:relative;
	margin:0 auto;	
}
/*
#photos .portrait{
	width:34%;
}
#photos .landscape{
	height:77%;
}*/
#intro{
	padding:40px 0 0 0;
	text-align:center;
	margin:-45px -25px  0 -25px;
}
#intro img{
	width:300px;
	margin:10px;
	border:0;
}

#projects{
	margin:0; padding:0;
}

#projects a{
	display:block;
	margin:0 5px;
}

#projects a img{
 	margin:0;
 }


/* the clearer */
.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}

#legitify{
	width: 100px;
	margin:0 auto;
	padding-bottom: 10px;
}