@charset "utf-8";

#container {width:100%; margin:auto; background-color:white; position:relative; min-height:800px;}

#header {width:100%; height:75px; border-bottom:medium solid black;}

#logo {position:absolute; padding-left:30px;} 

#navigation {position:relative; height:40px; width:100%; border-bottom:medium solid black;}

#holder {position:absolute; width:727px; height:35px;}

.centered {left:50%; margin-left:-325px;}

.fb-follow {float:right; top:0px;}

#socialmedia {float:right; width:50px;}

#main {position:abolute; top:115px; width:100%; height:2200px;}

#container_links {position:absolute; top:800px; width:100%; height:1290px; background-color:rgba(207,205,205,1.00);}

#footer {width:100%; top:2180px; height:100px; position:absolute; bottom:0px;}

img {max-width:100%; height:auto;}

a {display:block; height:30px; line-height:25px; padding-top:12px; padding-left:30px; padding-right:30px; color:black; font-weight:bold; font-size:18px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none;}

h1 {position:absolute; top:175px; left:50%; margin-left:-160px; padding-right:10px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; z-index:1;}

#portrait {position:absolute; top:0px; left:50%; max-width:100%; max-height:100%; z-index:1;}  

#paragraph1 {position:absolute; top:450px; left:60%; padding-right:35px; text-align:center; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

h2 {position:absolute; top:900px; left:50%; margin-left:-130px; text-align:center; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:30px;}

#paragraph2 {position:absolute; top:1150px; left:70%; padding-right:35px; text-align:center; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

#wordcloud {position:absolute; top:920px; left:50%; margin-left:-240px; max-width:100%; max-height:100%;}

h3 {position:absolute; top:1450px; left:50%; margin-left:-110px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:30px;}

#paragraph3 {position:absolute; top:1600px; left:50%; margin-left:-175px; padding-right:15px; text-align:center; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

#logodesign {position:absolute; top:1675px; left:50%; margin-left:-275px; max-width:100%; max-height:100%;}

#h1 {position:absolute; top:175px; left:50%; margin-left:-155px; padding-right:10px; font-family:antic-didone, forum, glass-antiqua, paytone-one, unna, serif; font-size:30px;}

.flyercontainer {position:absolute; display:inline-block; top:250px; padding-top:70px; padding-bottom:8px; width:100%; height:250px; background-color:lightgrey;}
#paragraph4 {position:absolute; top:1px; float:left; left:50%; margin-left:-100px; padding-right:10%; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px;}

#flyer1 {position:absolute; left:18%; margin-left:-225px; max-width:100%;} 
#flyer2 {position:absolute; top:82px; left:43%; margin-left:-225px; max-width:100%;}
#flyer3 {position:absolute; top:82px; left:68%; margin-left:-225px; max-width:100%;}
#flyer4 {position:absolute; top:82px; left:93%; margin-left:-225px; max-width:100%;}

.menu_container {position:absolute; top:640px; padding-top:75px; padding-bottom:8px; width:100%; height:750px; background-color:lightgrey;} 
#paragraph6 {position:absolute; top:1px; float:left; left:50%; margin-left:-160px; padding-right:10%; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px;}

#menu1 {position:absolute; left:25%; margin-left:-125px; max-width:100%;}
#menu2 {position:absolute; top:90px; left:50%; margin-left:-125px; max-width:100%;}
#tabletent {position:absolute; top:90px; left:83%; margin-left:-225px; max-width:100%;}
#brochure1 {position:absolute; top:530px; left:38%; margin-left:-250px; max-width:100%;}
#brochure2 {position:absolute; top:530px; left:73%; margin-left:-250px; max-width:100%;}

.branding_suite {position:absolute; top:1560px; padding-top:80px; padding-bottom:8px; width:100%; height:570px; background-color:lightgrey;}
#paragraph7 {position:absolute; top:1px; float:left; left:50%; margin-left:-210px; padding-right:10%; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px;}

#businesscard {position:absolute; float:left; left:15%;}
#letterhead {position:absolute; top:90px; float:left; left:55%;}
#leave_behind {position:absolute; top:370px; float:left; left:12%;}
#paragraph8 {position:absolute; top:1290px; float:left; left:20%;}

#heading {position:absolute; top:175px; left:50%; margin-left:-100px; padding-right:10px; font-family:antic-didone, forum, glass-antiqua, paytone-one, unna, serif; font-size:30px;}

#photo1 {position:absolute; top:280px; left:30%; margin-left:-215px;}
#photo2 {position:absolute; top:280px; left:68%; margin-left:-235px;}
#photo3 {position:absolute; top:590px; left:30%; margin-left:-215px;}
#photo4 {position:absolute; top:590px; left:68%; margin-left:-235px;}

#resume {position:absolute; padding-top:100px; left:50%; margin-left:-410px; max-width:100%;}

#heading1 {position:absolute; top:175px; left:50%; margin-left:-90px; font-family:antic-didone, forum, glass-antiqua, paytone-one, unna, serif; font-size:30px;}

#paragraph5 {position:absolute; top:250px; padding-left:15%; padding-right:15%;}

#copyright {position:absolute; bottom:5px; padding-left:40%; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:black;}


/* Slideshow container */
.slideshow-container {
  max-width: 500px;
  height: 550px;
  position: relative;
  margin: auto;
  padding-top: 80px;
}

/* Next & previous buttons */
 .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.prev {
	left: -100px;
	}

/* Position the "next button" to the right */
.next {
  right: -80px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: black;
  font-size: 20px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  font-family:antic-didone, forum, glass-antiqua, paytone-one, unna, serif; 
 }

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

 .active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


 a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    } 
    a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }
 
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background:rgba(211,211,211,1.00);
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: black;
	background:rgba(211,211,211,1.00);
	text-align: center;
	padding: 10px 0;
	margin-bottom:2px;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

@media (max-width:800px) {
	#container {position:absolute; height:100%;}
	#main {position:absolute; height:4300px; width:100%;}
	#navigation {display:none;}
	.fb-follow {float:right;}
	#paragraph1 {position:absolute; top:800px; left:20%; right:5%}
	#portrait {left:50%; margin-left:-150px;}
	h2 {position:absolute; top:1000px;}
	#wordcloud {position:absolute; top:1050px; left:50%; margin-left:-210px;}
	h3 {position:absolute; top:1600px;}
	#paragraph3 {position:absolute; top:1700px;}
	#logodesign {position:absolute; top:1790px; left:50%; margin-left:-195px;}
	#h1 {position:absolute; top:50px; left:50%; margin-left:-125;}
	.flyercontainer {position:absolute; display:inline-flex; top:130px; padding-top:80px; padding-bottom:8px; width:100%; height:850px; background-color:lightgrey;}
	#paragraph4 {position:absolute; top:0px; left:50%; margin-left:-97px;}
	#flyer1 {position:absolute; left:50%; margin-left:-145px;}
	#flyer2 {position:absolute; top:290px; left:50%; margin-left:-145px;}
	#flyer3 {position:absolute; top:500px; left:50%; margin-left:-145px;}
	#flyer4 {position:absolute; top:710px; left:50%; margin-left:-145px;}
	.menu_container {position:absolute; display:inline-flex; top:1100px; padding-top:100px; padding-bottom:8px; width:100%; height:1850px; background-color:lightgrey;}
	#paragraph6 {position:absolute; text-align:center; top:0px; left:50%; margin-left:-120px;}
	#menu1 {position:absolute; left:50%; margin-left:-125px;}
	#menu2 {position:absolute; top:520px; left:50%; margin-left:-125px;}
	#tabletent {position:absolute; top:940px; left:50%; margin-left:-128px;}
	#brochure1 {position:absolute; top:1360px; left:50%; margin-left:-180px; max-width:100%;}
	#brochure2 {position:absolute; top:1650px; left:50%; margin-left:-180px; max-width:100%;} 
	.branding_suite {position:absolute; display:inline-flex; top:3100px; padding-top:100px; padding-bottom:8px; width:100%; height:1050px; background-color:lightgrey;}
	#paragraph7 {position:absolute; top:0px; left:44%; text-align:center; margin-left:-120px;}
	#businesscard {position:absolute; top:90px; left:50%; margin-left:-200px; max-width:90%;}
	#letterhead {position:absolute; top:355px; left:50%; margin-left:-210px; max-width:90%;}
	#leave_behind {position:absolute; top:880px; left:50%; margin-left:-237px;max-width:90%;}
	#resume {position:absolute; padding-top:100px; left:50%; margin-left:-250px; max-width:100%; max-height:100%;}
	#heading {position:absolute; top:50px;}
	#photo1 {position:absolute; top:120px; left:50%; margin-left:-225px; max-width:90%;}
	#photo2 {position:absolute; top:440px; left:50%; margin-left:-225px; max-width:90%;}
	#photo3 {position:absolute; top:760px; left:50%; margin-left:-225px; max-width:90%;}
	#photo4 {position:absolute; top:1080px;left:50%; margin-left:-225px; max-width:90%;}
	#footer {position:absolute; width:100%; top:4380px; height:100px; bottom:0px;}
	#copyright {position:absolute; left:30%; margin-left:-200px; bottom:0px;}
/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
/*Create vertical spacing*/
	li {margin-bottom: 1px;}
/*Make all menu links full width*/
	ul li, li a {width: 100%;line-height:50px; height:50px;}
/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}	
	/*Style for menu links*/
li a {
	position:absolute;
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:black;
	background:rgba(211,211,211,1.00);
	text-decoration: none;
	z-index:2;
}

}

@media (min-width:800px) {
	
	a {display:block; height:30px; line-height:25px; padding-top:12px; padding-left:30px; padding-right:30px; color:black; font-weight:bold; font-size:18px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none;}

#menu {display:none;}

	}