@charset "UTF-8";
/* CSS Reset */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px; 
}

body {
	font-family: Helvetica, Arial, sans-serif; /* Set the global font */
	}
	
#page-wrap {
	background: url(../images/dl.png) center repeat fixed;
	}
	
/* Lay out the page structure with a container */
#container {
	width: 800px; /* Width of the container minus the left padding below */
	margin: 0 auto; /* Aligns the container to the center of the page */
	padding: 15px 0px 0 50px; /* Add some top and left padding */
	background: url(../images/Background2.png) center top no-repeat;
	background-color: #ffffff;
	}	

ul#menu {
	list-style: none;
	margin-left: 522px;
	}

ul#menu li a {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;  
	color: #6f5c3e;
	outline: none; 
	text-decoration: none;
	}

ul#menu li {
	float: left;
	padding-top: 100px;
	padding-left: 20px;
	color: #6f5c3e;
	}

ul#menu li a:hover, a:active {
	color: #66ccff;
	text-decoration: none;
	}
	
#header {
	margin: 0 0 0px 0px; /* Bottom margin on the header */
}

#header h1 {
	width: 400px; height: 150px;
	background: url(../images/Logo.png) no-repeat;
	text-indent: -9999px;
	border-bottom: 1px solid #cccccc; width: 750px;
	z-index: -1;
}

#header p.main {
	width: 750px; height: 115px; margin: 20px 0 -5px 0;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;  
	color: #a7a9ac;
	outline: none; 
	text-decoration: none;
}

#header p.end {
	width: 750px; height: 20px; margin: 0px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	color: #66ccff;
	outline: none; 
	text-decoration: none;
}

div#slideshow {
   width: 750px;
   height: 515px;
   border-top: 1px solid #cccccc; width: 750px;
   overflow: scroll;
   position: relative;
   padding-top: 20px;
   z-index: 15;
}

div#slideshow p.how {
	width: 750px; height: 0px; margin: 0px 0 40px 0;
	font-size: 12px;
	font-weight: lighter;  
	font-style: italic;
	padding-left: 200px;
	color: #a7a9ac;
	outline: none; 
	text-decoration: none;
}

div#slideshow ul#nav {
   display: none;
   list-style: none;
   position: relative;
   top: -45px; 
   z-index: 15;
}

div#slideshow ul#nav li#prev {
   float: left;
   margin: 0 0 0 680px;
}

div#slideshow ul#nav li#next {
   float: right;
   margin: 0 -10px 0 0;
}

div#slideshow ul#nav li a {
   display: block;
   outline: none;
   width: 40px;
   height: 40px;
   text-indent: -9999px; 
}

div#slideshow ul#nav li#prev a {
   background: url(../images/prev1.png) no-repeat;
}

div#slideshow ul#nav li#prev a:hover {
   background: url(../images/prev2.png) no-repeat;
}

div#slideshow ul#nav li#next a {
   background: url(../images/next1.png) no-repeat;
}

div#slideshow ul#nav li#next a:hover {
   background: url(../images/next2.png) no-repeat;
}

div#slideshow ul#slides {
   width: 3750px;
   list-style: none;
}

div#slideshow ul#slides li {
   float: left;
   margin: 0 0 0px 0; 
}

	#top_slideshow {
		float: left;
		margin: 0 0 0 710px;
		z-index: 15;
		}
	
	#top_slideshow a {
   		display: block;
   		outline: none;
   		width: 40px;
   		height: 40px; 
		background: url(../images/top1.png) no-repeat;
		}

	#top_slideshow a:hover {
		width: 40px;
   		height: 40px;
   		background: url(../images/top2.png) no-repeat;
		}
		
	#top_slideshow p.top {
		float: left; 
		margin: -8px 0 0 5px;
		font-size: 13px;
		font-weight: lighter;  
		color: #808285;
		text-decoration: none;  
		}			

#portfolio {
	margin: 0 0 15px 0; 
}

	#portfolio h2 {
		width: 750px; height: 50px; margin: 60px 0 -5px 0;
		font-size: 18px;
		font-weight: normal;
		color: #6f5c3e;  
		text-decoration: none;
		border-top: 1px solid #cccccc; width: 750px;
		padding-top: 5px;
		}
		
	#portfolio h3 {
		width: 750px; height: 50px; margin: 20px 0 -5px 0;
		font-size: 18px;
		font-weight: normal;
		color: #6f5c3e;  
		text-decoration: none;
		border-top: 1px solid #cccccc; width: 750px;
		padding-top: 5px;
		}

	#portfolio h4 {
		width: 750px; height: 50px; margin: 20px 0 -5px 0;
		font-size: 18px;
		font-weight: normal;
		color: #6f5c3e;  
		text-decoration: none;
		border-top: 1px solid #cccccc; width: 750px;
		padding-top: 5px;
		}
	
	#portfolio ul {
		list-style: none; /* Remove the bullet ptoints from the list */
		}
	
	#portfolio ul li {
			float: left; /* Float the lists to the left, laying them out side by side */
			padding-left: 15px; margin: 0 10px 10px 0; 
			}
	
	#portfolio ul li a {
		display: inline-block;
		text-decoration: none;
		outline: none;
		}
		
	#portfolio ul li a:hover {
		outline: 5px;
		outline-style: solid;
		outline-color: #cccccc;
		text-decoration: none; 
		}
		
	#top_print {
		float: left;
		margin: 0 0 0 710px;
		z-index: 15;
		}
	
	#top_print a {
   		display: block;
   		outline: none;
   		width: 40px;
   		height: 40px; 
		background: url(../images/top1.png) no-repeat;
		}

	#top_print a:hover {
		width: 40px;
   		height: 40px;
   		background: url(../images/top2.png) no-repeat;
		}
		
	#top_print p.top {
		float: left; 
		margin: -8px 0 0 5px;
		font-size: 13px;
		font-weight: lighter;  
		color: #808285;
		text-decoration: none;  
		}
		
	#top_direct {
		float: left;
		margin: 0 0 0 710px;
		z-index: 15;
		}
	
	#top_direct a {
   		display: block;
   		outline: none;
   		width: 40px;
   		height: 40px; 
		background: url(../images/top1.png) no-repeat;
		}

	#top_direct a:hover {
		width: 40px;
   		height: 40px;
   		background: url(../images/top2.png) no-repeat;
		}
		
	#top_direct p.top {
		float: left; 
		margin: -8px 0 0 5px;
		font-size: 13px;
		font-weight: lighter;  
		color: #808285;
		text-decoration: none;  
		}
		
	#top_digital {
		float: left;
		margin: 0 0 0 710px;
		z-index: 15;
		}
	
	#top_digital a {
   		display: block;
   		outline: none;
   		width: 40px;
   		height: 40px; 
		background: url(../images/top1.png) no-repeat;
		}

	#top_digital a:hover {
		width: 40px;
   		height: 40px;
   		background: url(../images/top2.png) no-repeat;
		}
		
	#top_digital p.top {
		float: left; 
		margin: -8px 0 0 5px;
		font-size: 13px;
		font-weight: lighter;  
		color: #808285;
		text-decoration: none;  
		}
			
#footer {
	margin: 0 0 -15px 0;
}

	#footer h6 {
		width: 750px; height: 40px; margin: 20px 0 10px 0;
		font-size: 18px;
		font-weight: normal;
		color: #6f5c3e;  
		border-top: 1px solid #cccccc; width: 750px;
		padding-top: 5px;
		text-decoration: none;
		}
		
	#footer ul {
		list-style: none; margin: 0 0 40px 0; padding-left: 15px; 
		}
				
	#footer ul li {
		display: inline; /* IE6 fix to prevent the step down bug */
		}
			
	#footer ul li a {
		display: block;
		float: left;  
		height: 30px; 
		margin: 0 30px 0 0;
		padding: 20px 0 0 55px;
		color: #808285;
		text-decoration: none;  
		font-size: 13px;
		font-weight: normal;
		outline: none;
		background-image: url(../images/contact-icons.png);
		background-repeat: no-repeat;
		}
	
	#footer ul li p.phone {
		display: block;
		float: left;  
		height: 30px; 
		margin: 0 30px 0 -30px;
		padding: 20px 0 0 55px;
		color: #808285;
		text-decoration: none;  
		font-size: 13px;
		outline: none;
		background-image: url(../images/contact-icons.png);
		background-repeat: no-repeat;
		}
	
	#footer ul li a.phone { background-position: 0 0; }	
	#footer ul li a.email { background-position: 0 -50px; }
	#footer ul li a.resume { background-position: 0 -100px; }
	#footer ul li a.linkedin { background-position: 0 -150px; margin: 0; }
	
	#footer ul li a:hover {
		color: #66ccff;
		outline: none;
		background-image: url(../images/contact-icons2.png);
		}

		
	#footer p.copyright {
		clear: both; /* The links above were floated, so clear the float on the copyright text */
		float: left; margin: 30px 0 0 0; /* Add a new float to the left and shift into place with some left margin */
		font-size: 10px; color: #827161; /* Style up the text */
		padding-bottom: 20px;
	}

/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	display: block; visibility: hidden; clear: both;
}