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


* {
	margin: 0;
	padding: 0;
	text-transform:lowercase;
	
}

body {
	font-size: 62.5%;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}




div#page-wrap{
width:1100px;
margin: 0 auto;

}


/****************************************************************************************************/
/*												HEADER												*/
/****************************************************************************************************/

ul#nav {
	height: 85px;
	list-style:none;
	padding-left: 0px;
	padding-bottom: 0px;
}

	ul#nav li a {
		color: black;
		display: block;
		width:auto;
		float:left;
		margin-top:60px;
		margin-left:0px;
		margin-right:10px;
		font-size:14px;
		vertical-align: middle;
		padding-right:20px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-decoration:none;
		}
		
		
		
		ul#nav li a.selected {
		background-color:gray;
		color:#FFFFFF;
		}
		
/******************************** Info Container *********************************/
							
#modalOverlay {
	background-color:#000;  
	cursor:auto;
}

								
#modalContainer {
	
	color:#FFFFFF;
	width:440px; 
	height:623px; 
	left:55%; 
	top:8%; 
	margin-left:-300px; 
	
	border:3px solid #ccc;
		/*	background on the modal container	*/
	background:url(img/dannoPic.png) no-repeat;
	/*
	background-position:right;
	background-position:bottom;
	*/
	background-position:95% 400px;
	background-color:#0e0e0e; 
}

	#modalContainer h1 {
	font-size:36px;
	}

	#modalContainer p{
	
	font-size:12px;
	
	
	}
	
	.dannoz{
	float:right;
	width:262px;
	height:215px;
	background:url(img/dannoPic.png) no-repeat;
	background-position:right;
	background-position:bottom;
	bottom:0px;
	/* padding:0px; */
	padding-top:100px;
	z-index:2500;
	}
	
	
#modalContainer a.modalCloseImg {
	background:url(img/modal/basic/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-18px; 
	cursor:pointer;
}
#modalContainer #basicModalContent {
	padding:8px;
}	

	/******************************** Contact Container *********************************/
				
							
.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	z-index:101;
}
.modal-window
{
	position:fixed;
	top:43%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:-8px;
	top:-8px;
	background:transparent url('img/modal/basic/x.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	/*
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	*/
}





							/******************************** Logo  *********************************/
		
	
div#logo {
height: 85px;
width:399px;
float:right;
background: url(header.png) no-repeat;
}



div#horizontalBar{
padding-top:0px;
margin-top:0px;
height: 1px;
width:1100px;
background: url(horizontalBar.png) no-repeat;

}

div#portfolioSub{
	display:none;
	clear:both;
	
	
	
	width:1100px;
	padding-left:0px;
	margin-left:0px;
		
	
}

div#portfolioSub a img{

border:0 none;
padding-right:20px;
text-decoration:none;

}


/****************************************************************************************************/
/*										MAIN CONTENT												*/
/****************************************************************************************************/




div#mainContent{

width:1100px;
width:auto;

}

div#contentLayout{
width:1100px;
/* position:relative; */
float: left;
margin-left:0px;
margin:0;
padding-top:10px;





}

/****************************************************************************************************/
/*										LEFT CONTENT												*/
/****************************************************************************************************/


div#contentLayout div#creditText {

width:180px;
float:left;


/*
height:100%;

position:absolute;
*/
position:absolute;
height:612px;


}


	div#contentLayout div#creditText div#setTitle {
	display:block;
	font-size:16px;
	text-decoration:none;
	color:white;
	background-color:#343434;
	width:auto;
	
	}
	




div#contentLayout div#creditText div#firstCredit {

float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

margin: 0 auto;
left: 1px;
bottom:35px;
position:absolute;
}


		div#contentLayout div#creditText div#firstCredit li{
		list-style-type:none;
		padding-bottom:10px;
		
		}

		div#creditClient {
		
		
		padding-bottom:30px;
		
		}
		
		
		


div#contentLayout div#creditText div#secondCredit {

float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:white;

right: 1px;
bottom:35px;
position:absolute;
margin: 0 auto;

}



		div#creditClientIs {
		text-align:right;
		padding-bottom:30px;
		
		
		
		}


		#secondCredit ul li {
		
		list-style-type:none;
		padding-bottom:10px;
		text-align:right;
		
		
		}
		
			#secondCredit ul li a{
		
			text-decoration:none;
			background-color:#343434;
			color:white;
			padding:2px;
			
			
			}
		
			#secondCredit ul li a:hover{
		
			text-decoration:none;
			color:#666666;
			
			
			}
		
		
div#setOptionsHolder {

display:none;
width:189px;
margin: 0 auto;
bottom:35px;
position:absolute;
padding-left:35px;


}
		
	div#setOptions{
	width:114px;
	height:32px;
	
	background: url(setOptions.png) no-repeat;
	
	bottom:0px;
	
	}

		div#setOptions ul {
		list-style:none;
		list-style-type:none;
		}
		
		div#setOptions ul li{
		
			list-style:none;
			float:left;
			list-style-type:none;
			list-style-position:outside;
			padding-right:2px;
			padding-left:2px;
			padding-top:4px;
		
		}
		
		div#setOptions ul li a img {
		
		border:0px;
		}

		
		
/*
.seperator {
height:1px;
width:1100px;
background: url(horizontalBar.png) no-repeat;

}*/


/****************************************************************************************************/
/*										RIGHT CONTENT												*/
/****************************************************************************************************/



div#theImages {

float:right;
width:911px;
position:relative;
height:612px;
/*  background: url(mainImageHolder.png) no-repeat;*/
background-position:bottom;



}

	div#mainImage {
	display:block;
	background:no-repeat;
	/*background:url(img/mainImages/_01.jpg) no-repeat;*/
	background-position:left top;
	height:612px;
	}

div#thumbs{
	width:912px;
 position:relative; 
/* float: left; */
float:none;
margin-left:0px;
margin:0;
padding-top:5px;
padding-left:187px;
height:200px;

}



div#thumbsImages{
display:block;
	color:black;
	bottom:0px;
	/* position: relative; */
	width:912px;
	/*height:900px; */
	list-style:none;
	
	
}

	div#thumbsImages ul{
	
		list-style:none;
		list-style-type:none;
	
	}
	
		div#thumbsImages ul li{
		
			list-style:none;
			float:left;
			list-style-type:none;
			list-style-position:outside;
			padding-right:2px;
			padding-left:2px;
			padding-top:4px;
		
		}
		
		div#thumbsImages ul li a img {
		
		border:0px;
		}

	




/****************************************************************************************************/
/*										FOOTER														*/
/****************************************************************************************************/


/*
div#contentLayout ul#portfolio li a{

text-decoration:none;
background-color:black;
color:white;
font-size:16px;
}
*/



/* ORIGINAL FOOTER 
////////////////////////////////////////////////////////////////////// */

div#footer {

width: 100%;
height : 23px;
font-family:Arial, Helvetica, sans-serif;
background: url(img/footer/footer.png) repeat-x;
color: white;
position:fixed;
bottom:0px;
z-index:999;
}


div#footer #footer-inner{

padding-top:5px;
padding-right:50px;

}

div#footer #copyright{
padding-left:50px;
float:left;
}

	div#footer #copyright img {
	padding-right:10px;
	}
	
div#reachMe{
padding-right:75px;
float:right;
}

div#footer #phoneNumber{

width:auto;
float:right;

}
	div#footer #phoneNumber img{
	padding-right:10px;
	
	}



div#footer #email{
padding-left:60px;
width:auto;
float:right;

}

	div#footer #email img{
	padding-right:10px;
	
	}
	
	
	div#footer #email a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
	div#footer #email a:hover {
	text-decoration:none;
	color:#666666;
	}