/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Typography
	#Buttons
	#Generic Styles
	#Separators
	#Nav
	#Intro
	#Work
	#Services
	#About
	#Contact
	#Media Queries
	#Font-Face */


/* #Typography
================================================== */

h1, h2, h3 {
	font-family: 'Ubuntu', sans-serif;
}

h1 {
	color: #1EBECC;
	font-size: 70px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 150;
	margin-bottom: 20px;
	text-shadow: 2px -1px 5px rgba(62, 18, 17, .75);
}

h1.small {
	font-size: 50px;
	margin-bottom: 40px;
}

h2 {
	font-size: 60px;
	font-weight: 700;
	color: #003134;
	text-transform: uppercase;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 50px;
}

h2.white {
	color: #fff;
}

h3 {
	font-size: 23px;
	text-transform: uppercase;
	font-weight: 600;
	color: #68C3B0;
}

h3.white {
	color: #fff;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
}

h5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}

p, ul, ol {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	color: #3D1211;
}

p.white {
	color: #CFE4E6;
}
strong {
	color: #1CBDCB;
}


/* #Buttons
================================================== */

.button1,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #3a3a3a;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 6px 10px;
	font-family: 'Montserrat', sans-serif;
}

.button1:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0; 
}

.button1:active,
button1:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0;
}

.signup .button2 {
	color: #3a3a3a;
}

.button2 {
	background: #e8e8e8;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 6px 10px;
	font-family: 'Montserrat', sans-serif; 
}

.button2:hover {
	color: #e8e8e8;
	background: #3a3a3a;
	border: 0; 
}

.button2 a {
	color: inherit;
	text-decoration: none;
}

/* Fix for odd Mozilla border & padding issues */
.button1::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}



/* #Generic Styles
================================================== */

.action {
	margin-top: 50px;
	padding: 40px 0 20px 0;
	text-align: center;
	border-top: 1px solid #d3d3d3;
}

.action p {
	font-size: 22px;
	font-weight: 600;
	color: #515151;
}

.action p.white {
	color: #ececec;
}

.hidden {
	display: none;
}

.imageLeft {
	float: left; 
	margin: 0 15px 8px 0; 
	padding: 3px; 
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;
	border: 1px solid #DCD1DE;
}
.imageRight {
	float:right; 
	margin: 0 0 8px 15px; 
	padding: 3px; 
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px; 
	border: 1px solid #DCD1DE; 
}
/* #Links
================================================== */
a, a:visited { 
	color: #CFE4E6; 
	text-decoration: none; 
	outline: 0; 
	-webkit-transition: color 0.1s ease-in-out;	   
	   -moz-transition: color 0.1s ease-in-out; 
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
a:hover, a:focus { color: #68C3B0; }
p a, p a:visited { line-height: inherit; }



/* Links List
==========================*/
.linksList {
	margin-bottom: 20px;
}
.linksList li a {
	color: #003134;
	display: block;
	padding: 5px 0 5px 12px;
	background: url(../images/lists/list-arrow-right-footer.png) no-repeat left 47%;
}

.linksList li a:hover {color: #222; color: rgba(0,0,0,.8);}
.linksList li:first-child a {margin: -6px 0 0 0;} 


/* #Lists
================================================== */
ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.list { padding: 0 0 20px 26px;  }
ul ul, ul ol, ol ol, ol ul {
}
ul ul li, ul ol li, ol ol li, ol ul li {
}
li { line-height: 20px; }
ul.list li { 
	line-height: 140%;
    list-style-type: disc;
    margin: 0 0 8px;
}
li p { line-height: 21px; }

.listWrap ul.list {padding-bottom: 0;}


/* Basic Alignment
================================================== */
.columns img, .column img{max-width: 100%; height: auto;}

.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 12px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}

img, object, video {max-width: 100%; height: auto;display:inline;}
img {width: auto;max-width: 100%; border: 0;-ms-interpolation-mode: bicubic;
		webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;}



/* #Separators
================================================== */

p.separator {
	font-size: 35px;
	font-weight: 600;
	font-style: italic;
	color: #3E1211;
	line-height: 38px;
	text-transform: uppercase;
	position: relative;
	z-index: 200;
	text-align: center;
	padding-top: 200px;
}

#separator1 {
	width: 100%;
	height: 500px;
	position: relative;
}

#separator1 .bg2 {
	background: url(../images/bg2.png) repeat 0 0 fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
}

#separator2 {
	width: 100%;
	height: 500px;
	position: relative;
}

#separator2 .bg3 {
	background: url(../images/bg3.png) repeat 0 0 fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
}

#separator3 {
	width: 100%;
	height: 500px;
	position: relative;
}

#separator3 .bg4 {
	background: url(../images/bg4.png) repeat 0 0 fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
}



/* #Nav
================================================== */

nav {
	background: #3E1211 ;
	width: 100%;
	position: relative;
	z-index: 1000;
	text-align: center;
	height: 38px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}
#border{
	background:url(../images/navBorder.png) repeat-x;
	width: 100%;
	height: 25px;
	position: relative;
}

nav ul {
	padding-top: 10px;
}

nav ul li {
	display: inline;
	padding: 11px 26px 8px 26px;
	margin: 0;
}

nav a {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
}

nav a:visited {
	color: #fff;
}

nav a:hover {
	color: #1FBECC;
}



/* #Intro
================================================== */

#intro {
	width: 100%;
	height: 600px;
	text-align: center;
	z-index: 100;
}

#intro .bg1 {
	background: url(../images/top_DNM.png) 0 0 no-repeat;	
	background-position: center center !important;
	background-size: cover;
	-webkit-background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 623px
}

.title {
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: 150;
	padding-top: 150px;
	padding-left:5%;
}

.intro-line {
	position: relative;
	z-index: 150;
	border-top: 1px solid #ededed;
	width: 670px;
	margin: 0 auto 50px auto;
}

.title p {
	font-size: 24px;
	font-weight:600;
	line-height: 30px;
	color: #3D1211;
	position: relative;
	z-index: 150;
}

.social-intro {
	margin-top: 45px;
	position: relative;
	z-index: 150;
}

.social-intro ul li {
	display: inline;
	margin: 0 5px;
}

.social-intro a {
	opacity: 0.7;
}

.social-intro a:hover {
	opacity: 1;
}



/* #Work
================================================== */

.bg {
	position: relative;
	background-color: #FFF;
	z-index: 300;
	padding-top: 30px;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
}
#wrkBorder{
	background:url(../images/workBorder.png) repeat-x;
	width: 100%;
	height: 226px;
	position: relative;
}

.dark-bg {
	background: url(../images/bg-dark.png) repeat !important;
}

.flexslider {
	margin-top: 40px;
	webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	    border-radius: 20px;
}

p.mid-text {
	margin-top: 40px;
}

/* expanded portfolio item */

.flexslider2 {
	margin-top: 0;
}

p.s-proj-title {
	font-size: 24px;
	font-weight: 600;
	color: #1EBECC;
	text-transform: uppercase;
	padding-bottom: 4px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 10px;
}

p.s-proj-type {
	font-size: 20px;
	color: #505050;
	padding-bottom: 4px;
	border-bottom: 1px solid #d3d3d3;
}

.flexslider2 {
	max-height: 400px !important;
}

/* end expanded portfolio item */



/* filterable portfolio */

.filter {
	float: left;
	margin-top: 25px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
	line-height: 24px
}

.filter ul {
	padding-bottom: 3px;
}

.filter ul li {
	float: left;
	padding: 0 3px 11px 0;
}

.filter ul li {
	margin-right: 5px;
}

.filter a {
	color: #777;
	font-size: 12px;
	background: #ededed;
	padding: 5px 9px;
	-webkit-transition: all 0.1s ease-in-out;
       -moz-transition: all 0.1s ease-in-out;
         -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;
}

.filter a:hover {
	color: #fff;
	background: #3D1211;
}

a.selected {background: #3D1211 !important; color: #fff !important;}
a.selected:hover {background: #3D1211 !important;}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;		
	  -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* expanded portfolio item */

.portfolio {
	text-align: center;
}

.filterable_portfolio {
	text-align: center;
}

.proj-title {
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

p.proj-desc {
	margin-bottom: 35px;
	padding-bottom: 2px;
}


/* hover overlay */

.image { 
	width: 100%;
	position: relative;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;
}
	
.hoverimage { 
	position: absolute; 
	top: 0; 
	left: 0; 
	display: none;
	text-align: center;
	width: 100%;
	height: 98%;
		webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;

}

.hoverimage img.icn1 {
	top: 70px;
	left: 50%;
	position: absolute;
	z-index: 300;
	opacity: 0.7;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.hoverimage img.icn2 {
	top: 70px;
	left: 160px;
	position: absolute;
	z-index: 300;	
	opacity: 0.7;
}

.overlay-img {
	background-color: #71463A;
	opacity: 0.75;
	height: 100% !important;
	width: 100%;
		-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
		    border-radius: 20px;
}

.hoverimage img.icn1, .hoverimage img.icn2 {
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.hoverimage img.icn1:hover, .hoverimage img.icn2:hover {
	opacity: 1;
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.image:hover .hoverimage { 
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.sixteen .hoverimage {
	height: 99.5%;
}

.sixteen .hoverimage img.icn1 {
	left: 43%;
	top: 45%;
}

.sixteen .hoverimage img.icn2 {
	left: 50%;
	top: 45%;
}

.eight .hoverimage {
	height: 98.5%;
}

.eight .hoverimage img.icn1 {
	left: 160px;
	top: 38%;
}

.eight .hoverimage img.icn2 {
	left: 221px;
	top: 38%;
}

.four .hoverimage img.icn1 {
	left: 35%;
	top: 30%;
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.four .hoverimage img.icn2 {
	left: 45%;
	top: 30%;
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.four .hoverimage {
	height: 97%;
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sixteen .hoverimage img.icn1 {
		left: 41%;
	}
	.one-third .hoverimage img.icn1 {
		top: 50px;
		left: 50px;
	}
	.one-third .hoverimage img.icn2 {
		top: 50px;
		left: 115px;
	}
	.eight .hoverimage img.icn1 {
		left: 110px;
	}

	.eight .hoverimage img.icn2 {
		left: 173px;
	}
	.four .hoverimage img.icn1 {
		left: 18px;
		top: 25%;
	}

	.four .hoverimage img.icn2 {
		left: 80px;
		top: 25%;
	}
}

@media only screen and (max-width: 767px) {
	.column .hoverimage img.icn1, .columns .hoverimage img.icn1 {
		top: 38%;
		left: 80px;
	}
	.column .hoverimage img.icn2, .columns .hoverimage img.icn2 {
		top: 38%;
		left: 146px;
	}
	.intro-line {
	display: none;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.column .hoverimage img.icn1, .columns .hoverimage img.icn1 {
		top: 38%;
		left: 145px;
	}
	.column .hoverimage img.icn2, .columns .hoverimage img.icn2 {
		top: 38%;
		left: 205px;
	}
}

/* end hover overlay */


/* #Services
================================================== */

#services {
	background: url(../images/bg-dark.png) repeat;
	position: relative;
	z-index: 300;
	padding-top: 40px;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
}

.serv-list {
	text-align: center;
	margin-top: 60px;
}

.serv-list h4 {
	margin-bottom: 50px;
}

.serv-list p {
	margin-top: 35px;
}


.pricing {
	text-align: center;
	margin-bottom: 20px;
}

.pricing h3 {
	margin-top: 70px;
	margin-bottom: 60px;
}

p.p-name {
	background: url(../images/price-name-bg.jpg) repeat;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 0 8px 0;
	margin: 0;
	color: #fff;
}

p.p-price {
	background: url(../images/price-bg.jpg) repeat;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 0 16px 0;
	margin: 0;
}

span.p-small {
	font-size: 14px;
	color: #a0a0a0;
}

.pricing ul {
	background: url(../images/price-feat-bg.jpg) repeat;
	margin: 0;
}

.pricing ul li {
	font-size: 14px;
	text-transform: uppercase;
	color: #d7d7d7;
	border-bottom: 1px solid #333333;
	padding: 10px 0;
	margin: 0;
}

.signup {
	padding: 14px 0;
	margin-bottom: 30px;
}

.signup button2 {
	margin: 0;
}

.signup {
	background: url(../images/price-bg.jpg) repeat;
}


.skillsText {
	line-height:110%;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #DCD1CE;
}
.skillsText span{
	color: #68C3B0;
}


/* #About
================================================== */

#about {
	background: #fff;
	position: relative;
	z-index: 300;
	padding-top: 60px;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
}


.skills {
	margin-top: 50px;
}

.skills h3 {
	text-align: center;
	margin-bottom: 30px;
}

.skills p {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	line-height: 18px;
}

.skill-bg {
	background: #e5e5e5;
	position: relative;
	width: 100%;
	height: 31px;
	margin-bottom: 15px;
}

.skill1 {
	background: #d1d1d1;
	width: 63%;
	height: 31px;
}

.skill2 {
	background: #c8c7c7;
	width: 72%;
	height: 31px;
}

.skill3 {
	background: #bdbdbd;
	width: 77%;
	height: 31px;
}

.skill4 {
	background: #b3b2b2;
	width: 85%;
	height: 31px;
}

.skill5 {
	background: #a9a8a8;
	width: 90%;
	height: 31px;
}


.team {
	margin-top: 60px;
	text-align: center;
}

.team h3 {
	margin-bottom: 50px;
}

p.t-name {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #424242;
	margin-top: 15px;
	margin-bottom: 0;
}

p.t-type {
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	color: #707070;
	margin-bottom: 10px;
}

.team ul {
	margin-bottom: 10px;
}

.team ul li {
	display: inline;
	margin: 0 3px;
}

.team ul a:hover {
	opacity: 0.7;
}



/* #Contact
================================================== */

#contact {
	background: url(../images/bg-dark2.png) repeat;
	position: relative;
	z-index: 300;
	padding-top: 20px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	text-align:center;
}

.contact-form p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 2px;
}


.contact-info {
	margin-top: 40px;
}

.contact-info h5 {
	margin-bottom: 40px;
}

.contact-info img {
	vertical-align: middle;
	margin-right: 10px;
}


.social {
	padding-top: 15px;
}

.social ul li {
	display: inline;
	margin-right: 5px;
}

.social img:hover {
	opacity: 0.7;
}


.copyright {
	text-align: center;
	margin-top: 30px;
	padding-top: 30px;
}

.copyright p {
	color: #858585;
	font-size: 14px;
}

nav select {
	display: none;
}

@media (max-width: 850px) {
	
	nav ul     { 
		display: none; 
	}
	
	nav select { 
		display: inline-block;
		position: relative;
		margin-top: 8px;
		color: #000;
	}
	
	#border {
		display:none;
	}
}






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
		
		#intro .bg1 {
			background-size: cover;
		}
		
		.title {
			position: relative;
		}
		
		#intro {
			height: 500px;
		}
		
		.title {
			padding-top: 20px;
		}
		
		h1 {
			font-size: 70px;
			margin-bottom: 20px;
		}
		h1.small {
			font-size: 50px;
			margin-bottom: 40px;
		}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		h1 {
			font-size: 50px;
			margin-bottom: 20px;
		}
		
		h1.small {
			font-size: 30px;
			margin-bottom: 10px;
		}
		
		.title p {
			font-size: 20px;
			line-height: 28px;
		}
		
		nav ul li {
			padding-left: 10px;
			padding-right: 10px;
		}
		
		#border {
		display:none;
	}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#intro {
			height: 430px;
		}
		
		.title {
			position: relative;
			padding-top: 30px;
		}
		
		.intro-line {
			display: none;
		}
		
		h1 {
			font-size: 50px;
			margin-bottom: 20px;
		}
		
		h1.small {
			font-size: 30px;
			margin-bottom: 10px;
		}
		
		.title p {
			font-size: 18px;
			line-height: 28px;
		}
		
		
		nav ul li {
			padding-left: 5px;
			padding-right: 5px;
		}
		
		#border {
		display:none;
	}
	}