/* CSS Stylesheet 1000-1300 */

@font-face {
    font-family: 'cinzel_decorativebold';
    src: url('fonts/cinzeldecorative-bold-webfont.eot');
    src: url('fonts/cinzeldecorative-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cinzeldecorative-bold-webfont.woff2') format('woff2'),
         url('fonts/cinzeldecorative-bold-webfont.woff') format('woff'),
         url('fonts/cinzeldecorative-bold-webfont.ttf') format('truetype'),
         url('fonts/cinzeldecorative-bold-webfont.svg#cinzel_decorativebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ciclesemi';
    src: url('cicle_semi-webfont.eot');
    src: url('fonts/cicle_semi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cicle_semi-webfont.woff2') format('woff2'),
         url('fonts/cicle_semi-webfont.woff') format('woff'),
         url('fonts/cicle_semi-webfont.ttf') format('truetype'),
         url('fonts/cicle_semi-webfont.svg#ciclesemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cicle_semi_italicsemi_italic';
    src: url('fonts/cicle_semi_italic-webfont.eot');
    src: url('fonts/cicle_semi_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cicle_semi_italic-webfont.woff2') format('woff2'),
         url('fonts/cicle_semi_italic-webfont.woff') format('woff'),
         url('fonts/cicle_semi_italic-webfont.ttf') format('truetype'),
         url('fonts/cicle_semi_italic-webfont.svg#cicle_semi_italicsemi_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}


/* Page bakcgrounds */
#home-background1 {
	background-image:fixed;
	background-image:url(../images/SunsetBackground1-2-1280px.jpg);
	height:100%;
	width:100%;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-repeat:no-repeat;
	-webkit-overflow-scrolling:touch;
/*	overflow:hidden;		*/
	z-index:0;
}

#web-page1-bg {
	background-attachment:fixed;
	background-image:url(../images/WebDesignBackground1-7-1280px.jpg);
	background-position: center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-repeat:no-repeat;
	z-index:0;
}

#graphic-design-bg1 {
	background-attachment:fixed;
	background-image:url(../images/GraphicDesignSlide4-0-Background1-2-1280px.jpg);
	background-position: center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-repeat:no-repeat;
	z-index:0;
}
#aboutus-bg1 {
	background-attachment:fixed;
	background-image:url(../images/steampunk_wallpaper_v2_by_colgreyis-1280px.jpg);
	background-position: center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-repeat:no-repeat;
	z-index:0;
}


#contactus-bg1 {
	background-attachment:fixed;
	background-image:url(../images/icy-blue-pattern-4-1024px.jpg);
	background-repeat:repeat;
	z-index:0;
}

#resume-page1-bg {
	background-attachment:fixed;
	top:0;
	left:0;
	width:100%;
	background-image:url(../images/webtreats_whitewashed_grunge_4-blue.jpg);	
	background-repeat:repeat;
	z-index:0;
}
/* end Page backgrounds */

#company_name_home {
	position:relative;
	top:5px;
	width:600px;
	margin:70px auto 0px auto;
	background-image:url(../images/MindWorksDesignStudio1-4-600px.gif);
	padding:7px 25px 5px 25px;
	background-color: rgba(0,0,0,0.8);
	border-radius:70px 70px 70px 70px;
	border:2px solid #bbb;
	background-repeat:no-repeat;
	background-position:center center;
	height:60px;
	z-index:10;
}

#company_name1 {
	position:relative;
	top:5px;
	width:600px;
	margin:20px auto 0px auto;
	background-image:url(../images/MindWorksDesignStudio1-4-600px.gif);
	padding:7px 25px 5px 25px;
	background-color: rgba(0,0,0,0.75);
	border-radius:70px 70px 70px 70px;
	border:2px solid #bbb;
	background-repeat:no-repeat;
	background-position:center center;
	height:60px;
	z-index:10;
}

.hr-small {
	width:50%;
}

/* Home Page */

#home-page-container1 {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */	
}

#company_name2, #main3, #web-button1, #graphic-design-button1 {
	display:none;
}

#main4  {
    font-family: 'ciclesemi';
	color:#ddd;
	position:relative;
	top:80px;
	width:730px;
	margin:50px auto 100px auto;
	border:3px solid black;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.8);
	border-radius: 80px 80px 80px 80px;
	-moz-border-radius: 80px 80px 80px 80px;
	-webkit-border-radius: 80px 80px 80px 80px;	
	z-index:3;
	display:block;
}

#main4 h1 {
	font-size:26px;
	line-height:6px;
	text-shadow:2px 2px 2px #000;
	text-align:center;
	padding-top:30px;

}

#main4 p {
	font-size:20px;
	padding:0 30px 30px	30px;
	line-height:25px;
	
}

#main4 hr {
	width:93%;
}

#circle-container {
	position:relative;
	top:0px;
	width:1000px;
	height:400px;	
	margin:0px auto 0px auto;

}

#circle1 {
	background-image:url(../images/WebDesignSlide4-0-300px.jpg);
	background-position:center center;	
	position:relative;	
	float:left;
	width:300px;
	height:300px;
	border:2px solid #141414;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin:175px -81px 0px 88px;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;
	-webkit-transition:all ease-in-out .33;
	z-index:4;	
}

#circle1:hover, #circle3:hover {
	z-index:7;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;
	-webkit-transition:all ease-in-out .33s;		
	border:2px solid #aaa;
}

#circle2 {
	background-image:url(../images/MindWorksGearLogo1-9-4-400px.png);
	background-position:center center;	
	position:relative;	
	float:left;
	width:400px;
	height:400px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin:10px 0px 0px -14px;
	z-index:5;	
}

#circle3 {
	background-image:url(../images/GraphicDesignSlide4-0-300px.jpg);
	background-position:center center;
	position:relative;	
	float:left;
	width:300px;
	height:300px;
	border:2px solid #141414;
/*	background-color:rgba(0,0,0,.06);*/
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin:175px -20px 0px -90px;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;
	-webkit-transition:all ease-in-out .33s;
	z-index:4;	
}

#bluetriangle1 {
	background-image:url(../images/TriangleBackground1-4-900px.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	width:1000px;
	height:500px;
	margin:15px auto 0px auto;
	z-index:1;
}
/* End Home Page */

/* Web Design page */

#webdesign-page1-container {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */		
}

#web-container2 {
	width:820px;
	margin:0px auto 0 auto;

}
.web-description1 {
	font-family: 'ciclesemi';
	font-size:20px;	
	color:#fff;
	text-align:center;
	padding:0px 0 10px 0;
	line-height:20px;
}

#web-design-text1 {
	display:none;
}

.web-image1 {
	position:relative;
	border:2px solid #555;
	width:800px;
	margin:40px auto 20px auto;
	background-color:#111;
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
}

.web-image1:hover {
	border:2px solid #eee;	
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;

}

.web-image2 {
	width:800px;
	margin:0 auto 10px auto;
}

.web-sidebar0, .web-sidebar1, .web-sidebar2, .web-sidebar3, .web-sidebar4, .web-sidebar5, .web-sidebar6, .web-sidebar7 {
	position:relative;
	top:0;
	font-family: 'ciclesemi';
	width:700px;
	margin:40px auto 40px auto;
	color:#ddd;
	background-color:rgba(0,0,0,.8);
	padding:10px 20px 20px 20px;
	border:2px solid #555;
	box-shadow:4px 4px 4px #141414;
	border-radius:0px 20px 0 20px;
	-moz-border-radius:0 20px 0 20px;
	-webkit-border-radius:0 20px 0 20px;
}

#web-container2 h1, #web-container2 h2,  #web-sidebar0 h2 {
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:10px;
}

#web-container2 p, #web-sidebar0 p {
	font-size:18px;
	line-height:22px;
}

#web-container2 h3 {
	text-align:center;
}

.web-sidebar1, .web-sidebar2, .web-sidebar3, .web-sidebar4, .web-sidebar5, .web-sidebar6, .web-sidebar7 {
	height:140px;
	overflow:hidden;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar1:hover, .web-sidebar1:active {
	height:260px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar2:hover, .web-sidebar2:active {
	height:620px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar3:hover, .web-sidebar3:active {
	height:440px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar4:hover, .web-sidebar4:active {
	height:510px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar5:hover, .web-sidebar5:active {
	height:670px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar6:hover, .web-sidebar6:active {
	height:560px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.web-sidebar7:hover, .web-sidebar7:active {
	height:560px;
	border:2px solid #eee;
	transition:all ease-out 1s;
	-moz-transition:all ease-out 1s;
	-webkit-transition:all ease-out 1s;
}

.expandDescriptionButton {
	width:60%;	
	font-size:14px;
	font-family: 'ciclesemi';
	font-weight:bold;
	text-decoration:none;	
	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	color:#ddd;
	line-height:16px;
	border:2px solid #333;
	text-align:center;
	margin: 15px auto 15px auto;	
	border-radius:6px 6px 6px 6px;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;	
	-webkit-transition:all ease-in-out .33s;	
}

.expandDescriptionButton:hover, .expandDescriptionButton:active {
	border:2px solid #ddd;
	color:#fff;	
}

/* end Web Design page */

/* Graphic Design page */

#graphic-design-page1-container {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */	
}

#graphic-design-text1 {
	position:relative;
	background-image:url(../images/GraphicDesignText1-1-500px.png);
	height:100px;
	width:500px;
	margin:15px auto 0 auto;
	z-index:0;
}

#graphic-designs {
	max-width:1300px; /* Must equal maximum window width for responsive design */
	min-width:1000px; /* must equal minimum window width for responsive design */
	text-align:center; /* centers all containers when used with display:inline-block */
}


#posters-container1{
	display:inline-block;
	margin:30px auto 0 auto;
	border:5px solid #002704;
	padding:7px;
	background-color:rgba(0,0,0,.8);
	background-image:url(../images/whitewashed_grunge_4.jpg);
}

#posters-container2 {
	display:inline-block;
	margin:30px auto 0 auto;
	border:5px solid #002704;
	padding:7px;
	background-color:rgba(0,0,0,.8);
	background-image:url(../images/whitewashed_grunge_4.jpg);
}

#animations-container1 {
	display:inline-block;
	margin:30px auto 0 auto;
	border:5px solid #002704;
	padding:7px;
	background-color:rgba(0,0,0,.8);
	background-image:url(../images/whitewashed_grunge_4.jpg);
}

#logos-container1 {
	display:inline-block;
	margin:30px auto 0 auto;
	border:5px solid #002704;
	padding:7px;
	background-color:rgba(0,0,0,.8);
	background-image:url(../images/whitewashed_grunge_4.jpg);
}

.posters1 {
	float:left;
	margin:7px;
	border:2px solid #555;
	height:410px;
	width:300px;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

.posters1:hover {
	border:2px solid #090;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}


#posters2 {
	margin:7px;
	border:2px solid #555;	
	height:480px;
	width:720px;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

#posters2:hover {
	border:2px solid #090;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

.animations1 {
	float:left;
	margin:7px;
	height:300px;
	width:300px;
	border:2px solid #555;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

.animations1:hover {
	border:2px solid #090;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

.logos1 {
	float:left;
	margin:7px;
	height:300px;
	width:300px;
	border:2px solid #555;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

.logos1:hover {
	border:2px solid #090;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

#process-piece-slideshow1 {
	position:relative;
	margin:40px auto 30px auto;
	border:5px solid #002704;
	width:450px;
	height:450px;
	padding:7px;
	background-color:rgba(0,0,0,.8);
	background-image:url(../images/whitewashed_grunge_4.jpg);
}

#graphicdesign-sidebar1 {
	position:relative;
	top:0;
	font-family: 'ciclesemi';
	width:750px;
	margin:30px auto 30px auto;
	color:#ddd;
	background-color:rgba(0,0,0,.8);
	padding:10px 20px 20px 20px;
	border:2px solid #202020;
	box-shadow:4px 4px 4px #141414;
	border-radius:0px 20px 0 20px;
	-moz-border-radius:0 20px 0 20px;
	-webkit-border-radius:0 20px 0 20px;
}

#process-piece-title1,  #posters-title1 {
	position:relative;
	top:0;
	font-family: 'ciclesemi';
	width:550px;
	margin:50px auto 20px auto;
	color:#ddd;
	background-color:rgba(0,0,0,.8);
	padding:5px 20px 5px 20px;
	border:2px solid #202020;
	box-shadow:4px 4px 4px #141414;
	border-radius:55px 55px 55px 55px;
	-moz-border-radius:55px 55px 55px 55px;
	-webkit-border-radius:55px 55px 55px 55px;
}

#process-piece-sidebar2 {
	position:relative;
	top:0;
	font-family: 'ciclesemi';
	width:750px;
	margin:60px auto 80px auto;
	color:#ddd;
	background-color:rgba(0,0,0,.8);
	padding:10px 20px 20px 20px;
	border:2px solid #202020;
	box-shadow:4px 4px 4px #141414;
	border-radius:0px 20px 0 20px;
	-moz-border-radius:0 20px 0 20px;
	-webkit-border-radius:0 20px 0 20px;
}

#graphicdesign-sidebar1 h1 {
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:10px;
}

#graphicdesign-sidebar1 p {
	font-size:20px;
	line-height:24px;
}

#process-piece-sidebar1 h2, #process-piece-sidebar2 h2  {
	font-family: 'ciclesemi';
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:10px;
}

#process-piece-title1 h2, #posters-title1 h2 {
	font-weight:bold;
	text-align:center;
	font-size:24px;

}

#process-piece-sidebar1 p, #process-piece-sidebar2 p {
	font-size:20px;
	line-height:24px;
}

#htmlcaption* {
	font-family: 'ciclesemi';
}
/* end Graphic Design page */

/* Contact Us Page */

#contactus-page1 {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */
}

#contactus-container1 {
	font-family: 'ciclesemi';
	width:650px;
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	padding:25px;
	margin:20px auto 50px auto;	
	color:#eee;
	background-color:rgba(0,0,0,.8);
	border-radius:50px 0 50px 0;
	-moz-border-radius:50px 0 50px 0;
	-webkit-border-radius:50px 0 50px 0;	
}

#contactus-container1 h1 {
	text-align:center;
	font-size:26px;	
	color:#eee;
	font-weight:bold;
	line-height:26px;
}

#contactus-container1 h2 {
	text-align:center;
	font-size:20px;	
	line-height:20px;
	color:#eee;
	font-weight:normal;	
}
#contactus-container1 p {
	text-align:center;
	font-size:18px;
	line-height:24px;
}
#contactus-container1 a {
	text-decoration:none;
	color:#fff;
	transition:all ease-in-out .28s;	
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}

#contactus-container1 a:hover {
	text-decoration:none;
	color:#E56B00;
	transition:all ease-in-out .28s;
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}

#contactus-container1 form {
	padding-top:20px;
	font-size:18px;	
}

/* For Form field formatting */

#form-container1 {
	width:500px;
	padding-left:55px ;
	margin: 0 auto;	

}

input {
	font-family:'ciclesemi';
	font-size:16px;
	border-radius:40px 40px 40px 40px;	
	-moz-border-radius:40px 40px 40px 40px;	
	-webkit-border-radius:40px 40px 40px 40px;	
	padding:5px 15px;
}

textarea {
	font-family:'ciclesemi';	
	font-size:16px;
	max-width:80%;	
	border-radius:40px 40px 40px 40px;	
	-moz-border-radius:40px 40px 40px 40px;	
	-webkit-border-radius:40px 40px 40px 40px;
	padding:15px 35px;	
	overflow:hidden;
}

/* End of Form Field Formatting */
/* end Contact Us Page */

/* About Us Page */
#about-us-page1 {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */
}

#about-us-container1 {
	width:770px;
	background-color:rgba(0,0,0,.8);
	color:#eee;
	font-family:'ciclesemi';
	margin:40px auto 170px auto;
	padding:25px 25px 50px 25px;
	box-shadow:4px 4px 4px #111;	
	border: 2px solid #8B7765;				
	border-radius:40px 0 40px 0;
	-moz-border-radius:40px 0 40px 0;
	-webkit-border-radius:40px 0 40px 0;
}

#about-us-container1 h1 {
	text-align:center;
	font-size:28px;	
	color:#eee;
	font-weight:bold;
	line-height:7px;
}

#about-us-container1 h2 {
	text-align:center;
	font-size:20px;	
	color:#eee;
	font-weight:normal;	
}

#about-us-container1 p {
	font-size:20px;
	line-height:24px;
}

#about-us-container1 hr{
	width:93%;
}

#about-us-container1 a {
	text-decoration:none;
	color:#fff;
	transition:all ease-in-out .28s;	
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}

#about-us-container1 a:hover {
	text-decoration:none;
	color:#E56B00;
	transition:all ease-in-out .28s;
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}


/* end About Us page */

/*Resume Page */

#awards-shortcut {
	font-family: 'ciclesemi';
	color:#ccc;
	font-size:18px;
	text-align:center;
	width:500px;
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	background-color:rgba(0,0,0,.8);
	border-radius:20px 20px 20px 20px;
	margin: 0 auto 20px auto;	
	padding:15px;	
	transition:all ease-in-out .28s;
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}

#awards-shortcut:hover {
	text-decoration:none;
	color:#E56B00;
	transition:all ease-in-out .28s;
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}

#resume-container-page1 {
	position:relative;
	min-height:100%; /* min-height must be set to 100% to format correctly */
	padding-bottom:50px; /*Bottom padding must equal footer height */
}

#resume-container1 {
	font-family: 'ciclesemi';
	position:relative;
	top:0px;
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	background-color:rgba(0,0,0,0.8);
	color:#ccc;
	width:85%;
	max-width:1100px;
	clear:left;
	margin:0 auto 60px auto;
	padding:15px;
	border-radius:20px 20px 20px 20px;
	-mozborder-radius:20px 20px 20px 20px;
	-webit-border-radius:20px 20px 20px 20px;
}

#resume-container1 h1 {
	text-align:center;
	line-height:22px;
	font-size:36px;	
	font-weight:bold;
}

#resume-container1 h2 {
	line-height:22px;
	font-size:22px;	
	font-weight:normal;
}

#resume-container1 h3 {
	line-height:22px;
	font-size:20px;	
	font-weight:normal;
}

#resume-container1 p {
	line-height:18px;
	font-size:18px;	
	font-weight:normal;
}

#resume-container1 ul li{
	font-size:18px;
}

#resume-container1 a {
	text-decoration:none;
	color:#ccc;
}

#resume-container1 a:hover {
	text-decoration:none;
	color:#DE4316;
}

#resume-download {
	font-family: 'ciclesemi';
	font-size:18px;
	position:relative;
	margin:30px auto 15px auto;
	width:560px;
	padding:15px;
	color:#ddd;
	text-align:center;
	background-color:rgba(0,0,0,0.8);	
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
}

#resume-download a, #linkedin-container a {
	text-decoration:none;
	color:#ddd;
}

#linkedin-container {
	font-family: 'ciclesemi';
	font-size:18px;
	position:relative;
	margin:15px auto 20px auto;
	width:560px;
	padding:15px;
	color:#ddd;
	text-align:center;	
	background-color:rgba(0,0,0,0.8);	
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;	
}

#linkedin-icon {
	background-image:url(../images/LinkedIn_icon_50px.png);
	width:50px;
	height:50px;
	margin:15px auto 0px auto;
}

#linkedin-icon:active {
	position:relative;
	top:2px;
	left:2px;	
}


#linkedin-container a:hover {
	text-decoration:none;
	color:#E56B00;
	transition:all ease-in-out .28s;
	-moz-transition:all ease-in-out .28s;		
	-webkit-transition:all ease-in-out .28s;	
	-o-transition:all ease-in-out .28s;	
}


#download-button1 {
	font-family: 'ciclesemi';
	font-size:16px;
	height:25px;
	width:150px;
	color:#000;
	line-height:25px;
	border:2px solid #555;
	text-align:center;
	padding:10px;
	margin: 20px auto 0 auto;	
	border-radius:6px 6px 6px 6px;
	background: rgb(210,223,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,223,237,1)), color-stop(26%,rgba(200,215,235,1)), color-stop(51%,rgba(190,208,234,1)), color-stop(51%,rgba(166,192,227,1)), color-stop(62%,rgba(175,199,232,1)), color-stop(75%,rgba(186,208,239,1)), color-stop(88%,rgba(153,181,219,1)), color-stop(100%,rgba(121,155,200,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=0 ); /* IE6-9 */
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

#download-button1:hover {
	border:2px solid #7AA6FF;
	color:#14317F;
	transition:ease-in-out all .22s;
	-moz-transition:ease-in-out all .22s;
	-webkit-transition:ease-in-out all .22s;
}

#download-button1:active {
	position:relative;
	top:2px;
	left:2px;	
}

#awards-container {
	width:650px;
	background-color:rgba(0,0,0,.8);
	margin:0 auto 50px auto;	
	padding: 25px 0;
	border:2px solid #14317F;
	box-shadow:4px 4px 4px #222;
	border-radius:20px;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;		
}

#awards-container h2 {
	font-family: 'ciclesemi';
	line-height:20px;
	font-size:26px;	
	font-weight:bold;	
	color:#ccc;
	text-align:center;
}

#awards-container p, recommendation-letters p {
	font-family: 'ciclesemi';
	line-height:20px;
	font-size:18px;	
	color:#ccc;
	text-align:center;
}

#awards-container hr {
	width:92%;	
}

.deans-list-awards {
	margin:20px auto 20px auto;	
	clear:left;
	height:387px;
	width:500px;
	border:2px solid black;
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
}

.deans-list-awards:hover {
	border:2px solid #ccc;
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;

}

.recommendation-letters {
	margin:20px auto 20px auto;	
	clear:left;
	width:500px;
	border:2px solid black;
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
}

.recommendation-letters:hover {
	border:2px solid #ccc;
	transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
	
}

/* end Resume Page */

/* Back to top Button1 */
#back-to-top-button1 {
	height:30px;
	width:120px;	
	font-size:14px;
	font-family: 'ciclesemi';
	font-weight:bold;
	text-decoration:none;	
	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	color:#000;
	line-height:28px;
	border:2px solid #333;
	text-align:center;
	padding:5px;
	margin: 5px auto 20px auto;	
	border-radius:6px 6px 6px 6px;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;	
	-webkit-transition:all ease-in-out .33s;

}

#back-to-top-button1:hover {
	font-weight:bold;
	font-size:14px;
	color:#ddd;
	border: 2px solid #666;
	transition:all ease-in-out .33s;
	-moz-transition:all ease-in-out .33s;	
	-webkit-transition:all ease-in-out .33s;
}

#back-to-top-button1:active {
	position:relative;
	top:2px;
	left:2px;	
}


/* End of Back to Top Button 1 */

#footer2 {
	position:absolute;
	font-family: 'ciclesemi';
	font-size:16px;
	background-color:rgba(0,0,0,.8);
	border-top:1px solid #888;
	text-align:center;
	color:#ddd;		
/*	bottom:0px;*/
	height:50px;
	width:100%;
	z-index:5;
}

/* CSS for Page Loader */

#pageLoad {
  	font-family: 'ciclesemi';
	font-size:34px;
	text-align:center;
	position:fixed;
	margin-bottom:25px;
	padding:20px; 
	top:-20px;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:500;
	color:#444;	
}


.loader {
  font-size: 90px;
  text-indent: -9999em;
  color:#eeeeee;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0.8em auto;
  position: relative;
  top:33%;
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
  z-index:502;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.51em -0.66em 0 -0.42em #127FBA, -0.75em -0.36em 0 -0.44em #127CB6, -0.83em -0.03em 0 -0.46em #0F6493, -0.81em 0.21em 0 -0.477em #0B496B;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.29em -0.78em 0 -0.42em #127FBA, -0.43em -0.72em 0 -0.44em #127CB6, -0.52em -0.65em 0 -0.46em #0F6493, -0.57em -0.61em 0 -0.477em #0B496B;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.51em -0.66em 0 -0.42em #127FBA, -0.75em -0.36em 0 -0.44em #127CB6, -0.83em -0.03em 0 -0.46em #0F6493, -0.81em 0.21em 0 -0.477em #0B496B;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.29em -0.78em 0 -0.42em #127FBA, -0.43em -0.72em 0 -0.44em #127CB6, -0.52em -0.65em 0 -0.46em #0F6493, -0.57em -0.61em 0 -0.477em #0B496B;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #148DCF, -0.11em -0.83em 0 -0.42em #127FBA, -0.11em -0.83em 0 -0.44em #127CB6, -0.11em -0.83em 0 -0.46em #0F6493, -0.11em -0.83em 0 -0.477em #0B496B;
  }
}

/* end of Page Load */

/* CSS for Drop Down Menu */


#cssmenu {
/*	position:relative; This section is in the page specific CSS */
	top:0;
	left:0;
	width:600px;
  	margin:5px 0 10px 0;
  	height: 44px;
	border-radius: 0px 25px 25px 0px;
	-moz-border-radius: 0px 25px 25px 0px;
	-webkit-border-radius: 0px 25px 25px 0px;
	z-index:50;
}

#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
position: relative;
  display: block;
/*  background: #112236; */
  background-image:url(../images/metalbar1.jpg);  
	border-radius: 0px 25px 25px 0px;
	-moz-border-radius: 0px 25px 25px 0px;
	-webkit-border-radius: 0px 25px 25px 0px;
/*border:2px solid #bf411b;*/
/* Add border colors to page specific stylesheet */
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
    font-family: 'ciclesemi';
	letter-spacing:.4px;
/*  font-family: Helvetica, sans-serif;*/
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  color: #333;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
/*  color: #bf411b; */
  color: #E56B00;
}

#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}

#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 14px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
/*  width: 100%; */
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;/*changes top spacing for sub menu*/
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border: 1px solid #aaa;
  padding: 10px 20px;
  font-size: 14px;
  color: #112236;
  background: #fff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #fafafa;
  color: #666;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
/*
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
*/
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
  
}
/* End of CSS for Drop Down Menu */