HTML {
    background-image: url("../img/bgnoor1.jpg")
}
body {font: 1.55em Arial, Helvetica, sans-serif;color: #8F3937;letter-spacing: 1px;
}
#Top {
	background: #c5a9a5; /* Old browsers */
background: -moz-linear-gradient(45deg,  #9185A4 0%, #E0CECE 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#9185A4), color-stop(100%,#E0CECE)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #9185A4 0%,#E0CECE 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #9185A4 0%,#E0CECE 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #9185A4 0%,#E0CECE 100%); /* IE10+ */
background: linear-gradient(45deg,  #9185A4 0%,#E0CECE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9185A4', endColorstr='#E0CECE',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:176px;overflow-y:hidden;
}
#spacer {
	min-height:40px;
	background-color:#333;
	background-image: url("../img/pattern.jpg");
	background-repeat:repeat-x;
}
#main {background:url("../img/Top.png");background-repeat:repeat-x;position:relative;padding-top:45px
}
#head {text-align:center;}
#starsky {width:100%;height:200px;overflow:hidden;position:fixed;}
#starsky > div {position:relative;background: url(../img/starsky.png) repeat-x;width:2240px;height:200px;margin-left:-320px;
    -webkit-animation: backdrop_roll linear 32s infinite;
    -moz-animation: backdrop_roll linear 28s infinite;
    -ms-animation: backdrop_roll linear 28s infinite;
    -o-animation: backdrop_roll linear 28s infinite;
    animation: backdrop_roll linear 28s infinite;
}
@-webkit-keyframes backdrop_roll { from { left: 0px; } to { left: 320px; } }
@-moz-keyframes backdrop_roll { from { left: 0px; } to { left: 320px; } }
@-ms-keyframes backdrop_roll { from { left: 0px; } to { left: 320px; } }
@-o-keyframes backdrop_roll { from { left: 0px; } to { left: 320px; } }
@keyframes backdrop_roll { from { left: 0px; } to { left: 320px; } }
#dunes {background: url("../img/dunes.png");background-position:center;height:149px;position:relative;z-index:100;top:-230px;}
.container-fluid {max-width:1280px}
#spinner {position:relative;width:100%;height:300px}
.abtn {text-align:center;}
.abtn h4 {margin-left:12%}
.abtn div {height:220px;width:100%;cursor:pointer;}
article {padding:0 7%}
.aboutcontent {padding:7%;}
.aboutcaret {position:relative;top:20px;margin:6px 0px;border-width:1em!important;opacity:.2;transition: opacity .5s;}
.aboutcaret:hover {opacity:1;}
.abtn a {color:#8F3937}
#aboutme {background: #8f3937; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #8f3937 0%, #4f0600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8f3937), color-stop(100%,#4f0600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #8f3937 0%,#4f0600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #8f3937 0%,#4f0600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #8f3937 0%,#4f0600 100%); /* IE10+ */
background: linear-gradient(135deg,  #8f3937 0%,#4f0600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f3937', endColorstr='#4f0600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#E0DAC7;text-shadow:0 0 8px rgba(50,50,50,.5);padding-top:1em;box-shadow:0 0 8px rgba(50,50,50,.8) inset}
#aboutme h2 {color:#E0DAC7}
#aboutme .aboutcaret {border-top-color:#EEEEEE;}
#portfolio .col-md-9 {text-align:right; font-style:italic; font-size:12px;}
#portfolio img {width:200px;box-shadow:0 0 8px rgba(232,217,171,1) inset;padding:5%;margin-bottom:2px;border-radius:5%;background:rgba(255,255,255,0);transition:padding .3s;
}
#portfolio img:hover {padding:0px;}
a {text-decoration:none;outline:none;
}
a:hover {color:#7d5ea0;text-decoration:underline;transition: color .5s}
a:visited {
    outline: medium none;
    text-decoration: none;
}
a img {border:none;max-width:100%
}
.abtn a:hover, .abtn a:hover h4 {text-decoration:none;color:#7d5ea0}
.pointer {
    background-image: url("../img/pointer.png");
    background-repeat: no-repeat;
    float: left;
    height: 44px;
    width: 31px;
}
h1, h2, h3, h4 {
    color: #8F3937;
	font-family: 'Didact Gothic', sans-serif;
    letter-spacing: 2px;
	padding-bottom:12px;
}
h1 {
    font-size: 3.5em;
    padding: 0.5em 0 0;
}
h3 {
    font-size: 1.6em;
    font-weight: normal;
	padding-top:16px;
}
h2 {
    font-size: 2.2em;
    font-weight: normal;
}
h5 {font-size:1em}
p {
    line-height: 1.35em;
    padding-bottom: 1em;
}

nav {
    margin: 0 auto;
    padding: 64px 5px;
    position: absolute;
	z-index:500;
	width:100%;background:#8F3937;box-shadow:0 1px 10px rgba(0,0,0,.32);padding:0px;overflow:hidden
}
nav ul li {

}

nav ul li a, nav ul li a:visited {
	font-size:1.7em;
	color:#555;
}
nav ul li a:hover {
    text-decoration: none;
	color:#fff;
}
nav .nav-tabs {padding-left:6.5%}
.nav-tabs > li > a, .dropdown-menu li a {border:none;margin:0px;transition:box-shadow .5}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover {
	background:#62110B;background:#7D5EA0;text-shadow:none;border:none;color:#F0E5C6;box-shadow: 0 0 68px #E0DAC7;transition:box-shadow .5s}
.nav-tabs > li > a:hover, .dropdown-menu > li > a:hover {background:rgba(98,17,11,.6);text-shadow:none;color:#FFF;}
nav.affix {top:0px;z-index:1000}
	nav ul li {border-right:1px solid #CCC;}
	nav ul li:first-child {border-left:1px solid #CCC;}
	.nav-tabs > ul > li > a, .dropdown-menu > ul > li > a {border-radius:0px;text-shadow:0 1px 10px rgba(0,0,0,.32);margin:0px}
	nav ul li a, nav ul li a:visited, .dropdown-men ul li a:visited  {
	font-size:1.2em;border-left:1px solid;margin:0px;color:#e0dac7}
	#moblnav {display:none}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus {background-color:rgba(98,17,11,.6);}
	.shrunk {height:10px}
@media (max-width:768px) {
	nav .nav-tabs {padding-left:0}
}
@media (max-width:480px) {
	#Top {height:42px}
	#moblnav {display:block}
	#mdmenu {display:none}
	nav ul li {
    width: 100%;float:none;border-left:1px solid #AA8281;border-bottom:1px solid #AA8281}
.dropdown-menu {position:relative;background:none;border-radius:0px;border:none;;padding:0px;width:100%}
.abtn div {height:72px}
h1 {font-size:2.1em}
h4 {font-size:0.9em}
}

.dis {position:relative;
	width:200px;height:200px;float:left;
	box-shadow: 0 0px 10px #c5bfa8;
	margin-right:2px;
	opacity:.78;
	filter: alpha(opacity = 78);
	z-index:2;}
.dis:hover {
	box-shadow: 0 0 12px #EEE;
	opacity:1;	
	filter: alpha(opacity = 100);
	position:relative;
	box-shadow: 0 0 8px #777;
	z-index:8;
}

#fadel {   background-image: url("../img/fade.png");
    background-repeat: repeat-y;
    float: left;
    height: 250px;
	margin-left:-200px;
    left: 132px;
    position: relative;
    width: 200px;
	z-index:7;}
#fader { background-image: url("../img/fade.png");
    background-repeat: repeat-y;
    float: right;
    height: 250px;
    position: relative;
    top: -259px;
	left:68px;
    width: 200px;
	z-index:7;
	}
figure {
	border: solid 1px #aaa;
    box-shadow: 0 0 2px #4D7788;
    float: right;
    height: 325px;
    margin-left: 15px;
    overflow: hidden;
    width: 495px;
}
#contact a {opacity:.82;filter: alpha(opacity = 82)}
#contact a:hover {opacity:1;filter: alpha(opacity = 100)}
#contact .col-xs-4 {text-align:center}
#mail {
    height: 800px;
    width: 800px;
}
footer {
    font-size: 0.825em;
    text-align: center;
	padding:24px;
}
footer a, footer a:visited {
    position: relative;
    z-index: 100;
	color:#999
}
.modal-lg .modal-content {
	background-color: rgba(0, 0, 0, 1);
	color:#FFF;
	padding:8px
}
.modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4 {color:#FFF
}
.carousel-caption {position:relative;right:0px;left:0px;bottom:0px;padding:0px;padding-top:5px;text-align:left;
}
.carousel-inner .item img {margin:0 auto}
.carousel-inner {padding-bottom:33px}
.carousel-indicators {bottom:0px}