/*   
   Reset CSS
*/

			html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td,
			article, aside, canvas, details, embed, 
			figure, figcaption, footer, header, hgroup, 
			menu, nav, output, ruby, section, summary,
			time, mark, audio, video {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline;
			}
			/* HTML5 display-role reset for older browsers */
			article, aside, details, figcaption, figure, 
			footer, header, hgroup, menu, nav, section {
				display: block;
			}
			body {
				line-height: 1;
			}
			ol, ul {
				list-style: none;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: '';
				content: none;
			}
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}


body {
  font-size: 18px;
  font-family: Arial, sans-serif;
  color: #000;
  line-height: 26px;
  letter-spacing: 0.06em; }

p + h1,
p + h2,
p + h3 {
  margin-top: 48px; }
  
  
h1{
	font-size:26px;
	letter-spacing: 0.01em;
	font-weight:normal;
}

h1.small {
	color: red;
	letter-spacing: 0.05em;
	font-size: 22px;
}

h2{
	text-decoration:underline;
	font-size:14px;
	font-weight:normal;
}

a {
	color: red;
	text-decoration: none; }

a.href-underlined {
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid; }

a:hover {
	color: black;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid; }
  
a.red {
	color:red;
} 

p {
  margin: 0; }

p + p {
  margin-top: 24px; }

.hidden {
  visibility: hidden; }

.display-none {
  display: none; }

.pointer {
  cursor: pointer; }

#page-header {
	position: fixed;
	left: 40px;
	top: 38px;
	z-index: 999;
}
	
#page-footer {
	position: fixed;
	left: 40px;
	bottom: 37px;
	z-index: 999;
	width: 10%;
}
  
#page-footer2 {
	position: fixed;
	text-align: right;
	float:right;
	right: 40px;
	bottom: 37px;
	z-index: 999;
	width: 10%;
	}
  
#page-header2 {
	position: fixed;
	float:right;
	right: 40px;
	top: 38px;
	z-index: 999;
	}
  
#rightcolumn {
	float:right;
	padding-top:38px;
	padding-right:45px;
	z-index:999;
	}

.site-name {
	display: inline;
	}

.main-nav {
	display: inline;
	}

#navigation {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; 
  }

body.home .site-name a {
  padding-bottom: 1px;
  border-bottom: 1px solid; 
  }

.nav-item {
	display: inline;
	margin-left: 1em; 
	}
  
.nav-item.projects {
	display: none; 
	}
	
.nav-item.active a, body.home .nav-item.projects a {
    padding-bottom: 1px;
    border-bottom: 1px solid;
    }

.main {
	width: 100%;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 0px; 
	}

#grid-content {
  margin: 0 auto; }

#about-box {
  text-align: center; }

.project {
  width: 800x;

  margin-left: auto;
  margin-right: 0px;
  margin-bottom: 50px; }
  @media only screen and (min-width: 800px) {
    .project.large {
      width: 800px; } }

.slide {
  max-width: 100% !important; }

.project-name {
  text-align: center;
  margin: -120px auto auto auto;
  clear: both; }

.project-title {
  text-indent: 0;
  margin: 0; }

.project-counter {
  visibility:hidden;
  margin-top: 6px;
  margin-left:auto;
  text-align: center;
  font-size: 10px;
  color: #b2b2b2;
  letter-spacing: 0.2em;
   }

.project:hover .project-counter {
  visibility: visible; }

.project-description {
  text-align: center;
  clear: both;
  margin: 0; }

.project p + p {
  margin: 0; }

.templatea .media {
  overflow: hidden;
  padding-bottom: 30px;
  margin: 0 auto;
  max-width: 960px; }
  @media only screen and (min-width: 800px) {
    .templatea .media {
      max-width: none; } }

.page-section {
  max-width: 36em;
  margin: 0 auto; }
  @media only screen and (min-width: 800px) {
    .page-section {
      max-width: 54em; } }


/* Site Footer Codes*/

.site-footer {
  margin-left: 40px;
  margin-bottom: 80px; }
.shortline {
  margin-bottom: 0px; }
.top-btn {
  margin-top: 0px; }


/* Button Codes */

.next-btn, .cycle-next {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
  z-index: 900;
  border: none;
  background: rgba(255, 255, 255, 0); }
  .lt-ie9 .next-btn, .lt-ie9 .cycle-next {
    background: white;
    filter: alpha(opacity=0); }

.next-btn, .cycle-next {
  left: 0;
  text-align: left; }
  
  
  
/*About Page*/


 #main2 {
position:relative;
float:left;
padding-left:40px;
padding-right:40px;
margin-top:80px;
margin-bottom:60px;
width:100%;
max-width: 800px;
 }
 
  #main3 {
position: relative;
clear:both;
padding-left:40px;
padding-right: 40px;
margin-top:10px;
margin-bottom:120px;
max-width: 460px;
word-wrap:break-all;
 }

.blue
{
	color:#07a6dc;
}

.pic
{

  width: 90%;
  max-width: 600px;
  height: auto;
}