@charset "utf-8";
html{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:100%;
	}
	body{
		/*background-image:url(images/texture.jpg);*/
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		/* background-color:#9B3329;*/
	}
	.Holder{
		width:100%;
		height:484px;
		position:relative;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	div.Header
	{
		position:absolute;
		top:0px;
		left:0px;
		height:500px;
		width:100%;
		min-width:800px;
		background: url("images/bigOlBanner04.png") no-repeat center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		
		/*box-shadow:0px 5px 5px #999999;
		border-radius: 0px 0px 20px 20px;
		border-bottom:15px solid white;*/
	}
	.headerUpperBumper{
		width:100%;
		height:50%;

	}
	.headerLogo{
		background-image:url("images/Contact Logo.png");
		width:400px;
		height:228px;
		position:relative;
		z-index:1;
		margin:0px 0px 0px 0px;
		float:left;
	}
	.headerRightBumper{
		
		height:50%;
		width:auto;
		min-width: 50%;
		max-width:62.3%;
		float:left;
	}

	/* Nav Bar Stylin'*/
	.navMenuHolder{
		width:100%;
		height:45px;
		background-color:#1C141E;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		-webkit-box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
		position:relative;
		
		border-bottom: 1px solid #848484;
	}
	.navUL{
		list-style: none;
		position:relative;
		font: 400 25px/1.3 'Berkshire Swash', Helvetica, sans-serif;
 /* text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15); */
		
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align: center;
		width:100%;
		min-width:550px;
	}
	.navUL li{
		display:inline;
		margin: 0px 10% 0px auto;
		padding:0px auto 0px auto;
		position: relative;
		top:5px;
		
	}
	.navUL li a{
		text-decoration: none;
		color:#70832C;
	}
	.navUL li a:hover{
		text-decoration:none;
		color:white;
	}
	.navUl li:visited{
		color: #70832C;
		font-size:100px;
	}
/*New Nav Begin!*/
/*Reference: https://codepen.io/patskot/pen/sumop*/

nav {
  text-align:center;
  width: 100%;
  min-width:800px;
  background: #bebebe;
  padding: 0;
  margin: 0;
  height: 45px;
  position:relative;
}

nav ul {
  background: #1C141E;
  list-style:none;
  padding:0 20px;
  margin: 0;
  height: 45px;
			-webkit-box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 45px 14px rgba(0,0,0,0.75);
	min-width:770px;

}


nav ul li {
	font: 400 25px/1.3 'Berkshire Swash', Helvetica, sans-serif;
  display: inline-block;
	margin:0px;
}


nav ul li a {
  color:#39B2B4;
  display:block;
  padding:0px 40px;
  text-decoration:none;
  float: left;
  height: 45px;
   line-height: 45px;
}

nav ul li:hover {
  background: #333333;
}


nav ul li:hover > a{
    color:#FFFFFF;
}

nav ul li:hover > ul {
  display:block;
}

nav ul ul {
  background: #682654;
  padding:0;
  text-align: center;
  display:none;
    width: 100%;
  position: absolute;
  top: 45px;
  left: 0px;
	z-index:3;
}


/*New Nav End!*/

	#mainBody{
		width:100%;
		height:auto;
		float:left;
		padding-bottom:40px;
		padding-top:40px;
	}


/* Home Section Start   */

#homeWrapper{
	height:auto;
	width:100%;
	
}
#homeHeaderText{
	  font: 200 100px/1.3 'Berkshire Swash', Helvetica, sans-serif;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
	color:#682654;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	
}
#homeHeaderPurpleBar{
	width:600px;
	height:50px;
	background-image:url(images/HomePageDeco-01.png);
	margin:0 auto 0 auto;
	bottom:10px;
	position:relative;
	
}
#homeMainBody{
	width:70%;
	height:500px;
	background-color:#682654;
	margin:0 auto 0 auto;
	border-radius:15px;
}
.homeMainText{
	color: white;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	width:90%;
	margin:0 auto 0 auto;
	padding:30px 0px 0px 0px;;
	text-align:center;
}
#homeWhiteSection{
	width:90%;
	height:200px;
	background-color:white;
	margin:20px auto 0 auto;
	border-radius:15px;
	padding-top:10px;
	-webkit-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		-moz-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
}
#homeWhiteSection ul{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
#homeWhiteSection ul li{
	background-color:#682654;
	list-style:none;
	color:white;
	border-top-left-radius: 45px;
	border-bottom-left-radius:45px;
	border-top-right-radius:13px;
	border-bottom-right-radius:13px;
	
	margin:0 auto 10px auto;
	padding:0px;
	box-shadow: -2px 2px 4px black;
	position:relative;
	right:12px;

}
.homeListText{
	width:100%;
	position:relative;
	left:4px;
	
}
/*  Home Section End   */



	/*About Section Start */
	
	#leftAboutCol{
		height:100%;
		width:50%;
		float:left;
		position:relative;
	}
	#rightAboutCol{
		height:100%;
		width:50%;
		
		float:left;
		position:relative;
		
		
	}
	h1{
		color:white;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-shadow: 2px 2px #000000;
	}
	h3{
		color:white;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-shadow: 2px 2px #000000;
	}
	#leftAColBan{
		background-color:#682654;
		width: 80%;
		margin:0px auto 0 auto;
		padding: 0px 0px 0px 0px;
		text-align: center;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius:20px;
		box-shadow: 02px 02px 04px black;
		-web-box-shadow: 02px 02px 04px black;
		-moz-box-shadow: 02px 02px 04px black;
		-o-box-shadow: 02px 02px 04px black;
	}
	#leftAColBanDeco{
		background-image:url(images/LAColBanDeco.png);

		width:300px;
		height:20px;
		position:relative;
		margin:0px auto 0px auto;
		padding:0px;
	}
	.leftAColSpeech{
		width:80%;
		margin:0 auto 0 auto;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		color:#95989A;
		text-align: center;
		
	}
	#rightAColBanner{
		min-width:440px;
		width:80%;
		height:50px;
		margin:0 auto 0 auto;
		text-align:center;
		background-color:#682654;
		border-top-left-radius: 10px;
		border-top-right-radius:10px;
		box-shadow:2px 2px 4px black;
		-web-box-shadow:2px 2px 4px black;
		-moz-box-shadow:2px 2px 4px black;
		-o-box-shadow:2px 2px 4px black;
		
	}
	#rightAColBody{
		background-color: #682654;
		width:80%;
		min-width:440px;
		height:auto;
		margin:0 auto 0 auto;
		padding-bottom: 20px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow:2px 2px 4px black;
		-web-box-shadow:2px 2px 4px black;
		-moz-box-shadow:2px 2px 4px black;
		-o-box-shadow:2px 2px 4px black;
	}
	#rightAColWhite{
		background-color:white;
		height:95%;
		width:95%;
		margin:0 auto 0 auto;
		border-radius: 10px;
		-webkit-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		-moz-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
	}
	.skillSector{
		
		width:90%;
		height:99px;
		margin:0px auto 0px auto;
		padding:10px;
	}
	.skillGfx{
		width:99px;
		height:99px;
		float:left;
		box-shadow:2px 2px 4px black;
	}
	.skillTitle{
		text-align:left;
		font-size:20px;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		float:left;
		width:70%;
		padding-left:10px;
	}
	.skillDescription{
		width:inherit;
		position:relative;
		left: 10px;
		margin-left:10px;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size:11px;
		
	}
	
	#ExpBox{
		width:99px;
		height:99px;
		background-image:url(images/AboutGFXEXP.jpg);
		border-radius:05px;
	}
	#SwBox{
		width:99px;
		height:99px;
		background-image:url(images/AboutGFXSW.jpg);
		border-radius:05px;
	}
	#LngBox{
		width:99px;
		height:99px;
		background-image:url(images/AboutGFXLNG.jpg);
		border-radius:05px;
	}
	#EdBox{
		width:99px;
		height:99px;
		background-image:url(images/AboutGFXED.jpg);
		border-radius:05px;
	}
	
	/*About Section Stop */
/* CSS Document */
/*body{
	background-color: greenyellow;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: relative;
	top:0px;
}*/


/*Begin Contact form. */
.ContactHeaderText{
	color:white;
	margin: 0 auto 0 auto;
	text-align:center;
	font-size:28px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	padding-top:20px;
}
#bannerHolder{
	width:100%;
	height:400px;
	background-color:blue;
	overflow-x: hidden;
}
#bannerGraphic{
	width:inherit;
	height:inherit;
	background-image: url(images/bigOlBanner04.png);
	background-repeat: no-repeat;
	
}

/*Contact Form*/
#ContactStreamer{
	width:600px;
	height:70px;
	background-color:#682654;
	margin:50px auto 0 auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#form-wrap{
	width:600px;

	background-color:#682654;
	margin:0px auto 0 auto;
	padding:20px 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#fieldSetWrapper{
	width:500px;
	height:auto;
	background-color:white;
	border-radius:20px;
	-webkit-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		-moz-box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
		box-shadow: inset 1px 02px 2px 2px rgba(28,1,22,1);
}
form{
	width:500px;
	margin: 0 auto;
}
label{
	display:block;
	margin: 5px 0 5px 20px;
	font:18px sans-serif;
	color:#888888;
}
input{
	width:250px;
	margin:0px 0px 0px 20px;
}
textarea{
	width:250px;
	margin:0 0 0 20px;
}
fieldset{
	border:none;
	
	padding:0 0 20px 0;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
}
.labelone{
	margin-top: 10px;
}
.btn{
	width:125px;
	
}
form h4{
	margin:20px 0 0 30px;
	font: 24px sans-serif;
	color:#cdcdcd;
	font-weight:bold;
}

/* End Contact mode*/


/*Begin Print/Design Gallery */



	
	.container{
		width:70%;
		min-width:700px;
		height:auto;
		margin:30px auto 0 auto;
		
	}
	header{
		background-color:#682654;
		border-bottom: 1px solid #000;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		-web-box-shadow: 02px 02px 04px black;
		-moz-box-shadow: 02px 02px 04px black;
		-o-box-shadow: 02px 02px 04px black;
		box-shadow: 02px 02px 04px black;
		
	}
	header h3{
		color:#fff;
		text-align:center;
		padding-top:3px;
		padding-bottom:3px;
		font-size:19px;
		word-spacing:2px;
		text-shadow:1px 1px 2px #000;
	}
	
	#content{
		background:#682654;
		/*background:linear-gradient(to top, #848c9c 0%, #687080 50%, #a7b1c5 100%);
		background:-webkit-linear-gradient(to bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);*/
		padding-top:30px;
		padding-bottom:30px;
		width:100%;
		height:auto;
		overflow: hidden;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius:10px;
		box-shadow: 02px 02px 04px black;
		-web-box-shadow: 02px 02px 04px black;
		-moz-box-shadow: 02px 02px 04px black;
		-o-box-shadow: 02px 02px 04px black;
		
	}
	#sxContent{
		background-color:white;
		width:90%;
		height:97%;
		margin:0px auto 0px auto;
		padding-left:30px;
		overflow:hidden;
		border-radius:10px;
		-webkit-box-shadow: inset 1px 20px 84px 13px rgba(28,1,22,1);
		-moz-box-shadow: inset 1px 20px 84px 13px rgba(28,1,22,1);
		box-shadow: inset 1px 5px 40px 1px rgba(28,1,22,1);
		border-bottom:1px solid #fff;
	}

	.gallery{
		width:70%;
		min-width:400px;
		margin:0px auto 0px auto;
		 height: auto;
	}
	.gallery ul{
		list-style:none;
	}
	.gallery ul li{
		float:left;
		margin:10px;
	}
	.gallery img{
		display:block;
		padding:5px;
		background:#682654;
		border: 1px solid #99adeb;
		box-shadow: 1px 1px 2px #000;
	}
	.gallery img:hover{
		border:1px solid #fff;
	}
	footer{
		background:#222222;
		clear:both;
		border-top-left-radius: 5px;
		border-top-right-radius:5px;
		padding:0px;
		margin:0px;
	}
	footer p{
		color:#fff;
		text-align:center;
		padding-top:2px;
		padding-bottom:2px;
	}

/*End Print/Design Gallery */

/*Begin Links Section*/
	
#linksWrapper{
	width:100%;
	height:1000px;
	padding:0px;
	margin:0px;
	
}
#linksWrapper h1{
	text-align:center;
	color:#682654;
	text-shadow:1px 1px black;
}
#linksBody{
	width:60%;
	min-width:650px;
	height:auto;
	background-color:teal;
	margin: 0px auto 0px auto;
	padding:0px;
	border-radius:20px;
	border: 2px solid #682654;
	box-shadow: 3px 4px 12px #401934;
}
#linksTopSection{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#linksBottomSection{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.linksPurpleSection{
	width:100%;
	height:210px;
	background-color:#682654;
	color:white;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	-webkit-box-shadow: inset 10px -9px 43px 0px rgba(0,0,0,0.26);
-moz-box-shadow: inset 10px -9px 43px 0px rgba(0,0,0,0.26);
box-shadow: inset 10px -9px 43px 0px rgba(0,0,0,0.26);
	
}
.linksPurpleSection img{
	border:4px solid white;
	border-radius:10px
}
.linksPurpleSection img:hover{
	border:4px solid orange;
}
.linkSectionLeft{
	float:left;
	margin:30px 0px 0px 60px;
}
.linkSectionRight{
	float:right;
}

.linkText{
	width:375px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 30px 0px;
}
.linkText a{
	color:orange;
	text-decoration:none;
	
}
.linkText a:hover{
	text-decoration:underline;
}
.linkText a:visited{
	color:orange;
	text-decoration:none;
}
.linksPurpleRunner{
	clear:both;
	height:4px;
	width:100%;
	background-color:white;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	opacity:0.3;
}






.linksWhiteSection{
	width:100%;
	height:210px;
	background-color:white;
	color:black;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	border-radius: 2px solid #682654;
	-webkit-box-shadow: inset -1px -9px 34px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: inset -1px -9px 34px 0px rgba(0,0,0,0.26);
	box-shadow: inset -1px -9px 34px 0px rgba(0,0,0,0.26);
	
}
.linksWhiteSection img{
	border:4px solid #682654;
	border-radius:10px
}
.linksWhiteSection img:hover{
	border:4px solid orange;
}
.linkSectionLeftWH{
	float:right;
	margin:50px 30px 0px 0px;
}
.linkSectionRightWH{
	float:left;
	margin:30px 0px 0px 30px;
}
.linkTextWH{
	width:375px;
	margin: 0px 0px 0px 60px;
	padding: 40px 0px 30px 0px;
}
.linkTextWH a{
	color:#A96B00;
	text-decoration:none;
	
}
.linkTextWH a:hover{
	text-decoration: underline;
}
.linkTextWH a:visited{
	color:#A96B00;
	text-decoration:none;
}


.linksWhiteRunner{
	clear:both;
	height:4px;
	width:100%;
	background-color:#682654;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	
}

/*End Links Section*/


/*Begin web development Section*/

.introDescriptorBox{
	width:70%;
	padding-bottom:40px;
	background-color:#682654;
	border: 1px solid #682654;
	margin:0px auto 0px auto;
	border-radius:20px 20px 0px 0px;
	margin:0px auto 0px auto;
	
}
.introDescriptorInner{
	width:90%;
	
	margin-left:auto;
	margin-right:auto;
	
	background-color:white;
	text-align:center;
	position:relative;
	top:20px;
	border-radius:10px;
	padding-bottom:20px;
}
.introDescriptorInner p{
	font-family:arial;
	text-align: left;
	width:90%;
	margin:0 auto 0 auto;
	padding-top:10px;
}
.webDevContent{
	width:70%;
	margin: 0 auto 0 auto;
    border: 1px solid #682654;
    background-color: #682654;
    padding-bottom: 30px;
    border-radius: 0px 0px 20px 20px;
}
.contentSection{
	width:90%;
	height:200px;
	background-color:white;
	border-bottom: 1px solid black;
	margin: 0 auto 0 auto;
	overflow-y: hidden;
	
}
.contentTop{
	border-radius:20px 20px 0px 0px;
}
.contentBottom{
	border-radius:0px 0px 20px 20px;
}
.blue{
	background-color:#39b2b4;
}
.top{
	
}
.contentSectionLeft{
	float:left;
	width:170px;
	height:100%;
}
.contentSectionLeft img{
	margin:10px auto 0px auto;
	position:relative;
	left:10px;
	border-radius:10px;
	border:3px solid transparent;
}
.contentSectionLeft img:hover{
	border: 3px solid #39b2b4;
}
.contentSectionRight{
	float:right;
	width:60%;
	margin-right:20px;
	margin-top:0px;
}
.blue .contentSectionLeft img{
	border:3px solid transparent;
}
.blue .contentSectionLeft img:hover{
	border:3px solid #682654;
}
.contentSectionRight h5{
	background-color:#682654;
	color:white;
	border-radius:0px 10px 10px 0px;
	padding-left:5px;
	font-size:12pt;
	margin-top:10px;
}


/*End web development Section*/
	
	#footerBody{
		clear:both;
		width:100%;
		height:300px;
		background-image:url(images/FooterPAtternPurp.jpg);
		-webkit-box-shadow: inset 1px 20px 84px 13px rgba(28,1,22,1);
		-moz-box-shadow: inset 1px 20px 84px 13px rgba(28,1,22,1);
		box-shadow: inset 1px 20px 84px 13px rgba(28,1,22,1);
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		position:relative;
		bottom:0px;
	}
	#footerUpperBump{
		width:100%;
		height:20%;
	}
	#footerColumnsHolder{
		width:80%;
		min-width:582px;
		height:60%;
		background-color:#682654;
		margin:0 auto 0 auto;
		border-radius:10px;
		
		-webkit-box-shadow: inset 0px 20px 84px 29px rgba(138,57,114,1);
		-moz-box-shadow: inset 0px 20px 84px 29px rgba(138,57,114,1);
		box-shadow: inset 0px 20px 84px 29px rgba(138,57,114,1);
		
		border-left: 2px double #682654;
		border-top: 2px double #612b51;
		border-right: 2px double #612b51;
		border-bottom: 2px double #a04a86;
	}
	.footerColumns{
		width:25%;
		height:100%;
		float:left;
		color:white;
		font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		border-right: 1px white;
		
	}
	.footerColUl{
		list-style: none;
		text-align: center;
		color:white;
	}
	.footerColUl li{
	
	}
	.footerColUl li a{
		text-decoration:none;
		color: white;
	}
	.footerColUl li a:hover{
		color:#39B2B4;
	}
	/*.footerColUl li a:visited{
		text-decoration: none;
	}*/
	#footerBottomBump{
		width:100%;
		/*height:20%;*/
		/*background-color:#682654;*/
		position:relative;
		z-index:3;
		float:left;
	}