@charset "utf-8";

/* CSS Document by csstemplateheaven.com */

* {
	margin: 0;
	padding-top: 1;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
}
::-webkit-scrollbar {
  width: 30px;
  background-color: rgba(78,78,78,1.00);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 26px rgba(0, 0, 0, 0.30);
  border-radius: 0px;
  background-image: url("images/scrollbarBK.png");
  background-repeat: repeat-y;
  border-left: 0px dotted #fff;
}
::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-image: url("images/scrollbob.png");
  background-repeat: no-repeat;
  background-position: center;
  max-height: 50px!important;
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	background-color: #666867;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images/siteB18K.png);
/**/    
     animation: fadeInAnimation ease 1.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
/**/
}

iframe {/**/    
     animation: fadeInAnimation ease 7s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
/**/}






#container {
	max-width: 900px;
	margin: auto;
	background-image: url(images/body.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
    background: url(images/header.png) no-repeat center;
    height: 200px;
    background-size: 100% auto;
    
}

#heading {
    color: #93938C;
    font-weight: 100;
    background-size: 100% auto;
    
    /**/    
     animation: fadeInAnimation ease 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
/**/
}

hr {border-color: rgba(0,0,0,0.25)!important; margin-top: 30px;}

.content {margin: 30px 0; height: 286px}



fieldset {
    margin-bottom: 3px;
    border: #000 1px solid;
    background-color: rgba(64,67,61,1.00);
    background-image: url(images/layout-900.png);
    background-blend-mode: exclusion;
    background-repeat: repeat;
    background-position: 50% 0%;
    background-size: 0 auto;
}
legend {
    font-size: 1.2rem;
    font-weight: 200;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    text-transform: uppercase;
    color: #C2C2C2;
    padding-left: 10px;
    padding-right: 12px;
    background: rgba(102,104,103,0.69);
    border-right: 1px #777 solid;
    border-left: 1px #777 solid;

}

img {
	border: none;
	right: -8px;
}

.seperator {background: url(images/seperator.png) repeat-x; height:2px; width: 100%;}

a {color:#fff;}

h2 {
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 18px;
	padding-top: 8px;
}

h3 {
	font-size: 110%;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 16px;
}
h4 {
	font-size: 14px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.h4b {
	font-size: 16px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 4px;
}
.big_thumb {
	padding:0px;
	float: left;
	margin-right: 10px;
	background-repeat: no-repeat;
}
.sample_row {
	border: 10px solid #121416;
	padding:0px;
	float: none;
	margin-right: 10px;
}

.info {
    border-top: dashed 0px #7C7569;
	margin-left: 10px;
	margin-top: 10px;
	list-style-type: none;
	font-size: .9rem;
	margin-right: 20px;
    padding-right: 20px;
    margin-top: 20px;

}

.discPages {
	margin-left: 20px;
	margin-top: 50px;
	list-style-type: none;
	font-size: 90%;
	color: #CCCCCC;
	margin-right: 20px;
}

.info li {border-bottom: 1px dotted #6f7275; padding: 6px;}

.NEXT {margin-top: 30px; float: right;}

/*----------------------------------------- Glowing Menu styles ---------------------------------------*/

/* Firefox Dotted Outline Fix */
a:active { 
		outline: none; 
}

a:focus { 
		-moz-outline-style: none; 
}
	
/* Menu Body */
ul#menu {
	width: 100%;
	position: relative;
	top: 0px;
	height:40px;
	list-style:none;
	padding-top: 0px;
}
	
/* Float LI Elements - horizontal display */
ul#menu li {
		float:left;
}
	
/* Link - common attributes */
ul#menu li a {
		background:url(sprite.png) no-repeat scroll top left;
		display:block;
		height:37px;
		position:relative;
}
	
/* Specify width and background position attributes specifically for the class: "photography" */
ul#menu li a.photography {
	width:225px;
	}
	
/* Specify width and background position attributes specifically for the class: "webdesign" */
ul#menu li a.webdesign {
	width:225px;
	background-position:-225px 0px;
}

/* Specify width and background position attributes specifically for the class: "about" */
ul#menu li a.about {
	width:225px;
	background-position:-450px 0px;
	}
	
/* Specify width and background position attributes specifically for the class: "contact" */
ul#menu li a.contact{
	width:225px;
	background-position:-675px 0px;
}
	
/* Span (on hover) - common attributes */
ul#menu li a span {
		background:url(sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
}
	
/* Span (on hover) - display pointer */
ul#menu li a span:hover {
		cursor:pointer;
}
	
/* S<strong>hi</strong>ft background position on hover for the class: "photography" */
	ul#menu li a.photography span {
		background-position: 0px -37px;
}
	
/* Shift background position on hover for the class: "webdesign" */
	ul#menu li a.webdesign span {
		background-position: -225px -37px;
}

/* Shift background position on hover for the class: "about" */
	ul#menu li a.about span {
	background-position: -450px -37px;
}
	
/* Shift background position on hover for the class: "contact" */
	ul#menu li a.contact span {
	background-position: -675px -37px;
}

/* adds */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a.mid:link {
	color: #fff;
	text-decoration: none;
}
a.mid:visited {
	text-decoration: none;
	color: #fff;
}
a.mid:hover {
	text-decoration: underline;
	color: #999;

}

a.mid:active {
	text-decoration: none;
	color: #fff;
}
a.midi:link {
	color: #fff;
	text-decoration: underline;
}
a.midi:visited {
	text-decoration: underline;
	color: #fff;
}
a.midi:hover {
	text-decoration: underline;
	color: #999;

}
a.midi:active {
	text-decoration: underline;
	color: #fff;
}

#main-Navigation {
    position: static;
    bottom: 30px;
	text-align: center;
	padding-top: 100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	font-size: .9rem;
	font-family: Arial, Helvetica, sans-serif;
}	
#main-Navigation-index {
	text-align: center;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}	
.btnRow {
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 9px;
	height: 324px;
	width: 900px;
}
imageLeft {
	margin-right: 30px;
}
.imageLeft {
    border-top-right-radius: 0px; 
    margin-right: 0px;
	margin-left: 0px;
	float: left;


}
.flashStyle {
	margin-left: 10px;
}
.style2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #CCCCCC;
}
.style3 {
    font-size: 1.12rem;
	color: rgba(13,7,5,0.80);
    background: rgba(124,117,105,0.38);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    border-top: 1px rgba(149,148,143,1.00) solid;
    border-left: 1px solid rgba(149,148,143,0.60);
    border-right: 1px solid rgba(149,148,143,0.30);
    border-bottom: 0px rgba(149,148,143,1.00) solid;

}
.style4 {
    font-size: 1.12rem;
	color: rgba(13,7,5,0.80);
    background: rgba(124,117,105,0.38);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    border-top: 1px rgba(149,148,143,0.80) solid;
    border-left: 1px solid rgba(149,148,143,0.60);
    border-right: 1px solid rgba(149,148,143,0.30);
    border-bottom: 0px rgba(149,148,143,1.00) solid;
    border-bottom-left-radius: 20px;
}
.style3reverse {
    font-size: 1.12rem;
	color: rgba(13,7,5,0.50);
    background: rgba(154,134,105,0.44);
    margin-top: 36px;
    height: 20px;
    border-top-right-radius: 20px;
}

imageLeft {
	float: left;
}
.imageRight {
	float: right;
	margin-top: 157px;
	margin-right: 0px;
}
.imagemail {
	float: right;
	margin-top: 157px;
	margin-right: 10px;
}
.smallPrint {
	font-size: 10px;
	color: #999999;
}
.peeps {
	line-height: 20px;
	text-transform: uppercase;
	margin-left: 300px;
	margin-top: 25px;
	list-style-type: none;
	font-size: 14px;
	color: #b0b1b2;
	margin-right: 0px;
}

.iframie {
	border-top-width: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #333333;
	border-bottom-color: #121212;
	border-left-color: #333333;
}
.justText {
	text-transform: none;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
}
.justText2 {
	font-size: 120%;
	text-transform: none;
}
#container .content div {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 96%;
	color: #CCCCCC;
}

#container .content .portal {
	float: right;
	height: 100px;
	width: 140px;
	padding-bottom: 20px;
	font-size: 90%;
	text-transform: uppercase;
	color: #CCCCCC;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	right: 20px;
}
#container .content .portal-b {
	float: none;
	height: 100px;
	width: 140px;
	padding-bottom: 20px;
	font-size: 12px;
	text-transform: uppercase;
	color: #CCCCCC;
	line-height: 10px;
}
.indexFlash {
	height: 450px;
	width: 261px;
	margin-right: 16px;
	margin-left: 2px;
	float: left;
}
#container .content .portal .pad {
	padding-bottom: 20px;
}
.altBox {
	border: 1px solid #333;
	width: 44%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: right;
	padding: 10px;
	margin-top: 8px;
	color: #FFF;
	margin-left: 8px;
}
.indaltBox {
	width: 97%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem!important;
    font-weight: 100!important;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	margin-top: 8px;
	color: #cf9;
	margin-left: -10px;
}
.indaltBox p {
	margin-bottom: 26px;
}
.quote {
	border: 1px solid #333;
	width: 45%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	float: right;
	margin-left: 10px;
	background-image: url(images/symbol-reviews.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.quoter {
	border: 1px solid #333;
	width: 25%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	float: right;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.signature {
	float: right;
	margin-right: 40px;
}
.comment {
	border: 1px solid #666666;
}
.flashes {
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #4E4E4E;
	border-left-color: #4E4E4E;
}
.boxy {
	width: 100%;
	border: 1px solid #333333;
	background-image: url(images/boBK.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
	font-size: 1rem;
	line-height: 18px;
}
.portal .portal .pad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.social {
	position: absolute;
	top: 0%;
	padding-right: 0px;
	background-image: url(images/socialBK.png);
	background-repeat: no-repeat;
	width: 100%;
	background-position: right top;
	height: 30px;
	float: right;
	z-index: -5;
	left: 0px;
}
.hiFB {
	position: absolute;
	top: 4px;
	right: 40px;
	height: 24px;
	width: 24px;
	padding-top: 0px;
}
.hiFB a {color: #B99441; }
.hiGP {
	position: absolute;
	top: 4px;
	right: 90px;
	height: 24px;
	width: 154px!important;
	padding-top: 0px;
	color: #B99441;
	font-size: 18px;
}
.hiGP a {color: #B99441; }
.slogan-image {
	height: 600px;
	float: left;
	position: relative;
	margin-right: 10px;
    margin-bottom: 60px;
	left: -10px;
	margin-top: 50px;
    background-color: #333;
    border-right: 6px #7C7569 solid;
    border-top-right-radius: 0px;
  
}
.midNav {
	font-size: 86%;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.newWork {
	background-image: url(images/websites.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 570px;
	margin-top: 20px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 330px;
	color: #FFFFFF;
	padding-top: 100px;
	border: 1px solid #121212;
}
.newWork2 {
	background-image: url(images/websites-and-photography.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 570px;
	margin-top: 20px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 330px;
	color: #FFFFFF;
	padding-top: 100px;
	border: 1px solid #121212;
}
.newPhoto {
    background-image: url(images/boasts/ccPhoto.jpg);
    background-repeat: repeat;
    background-position: left top;
    background-blend-mode: overlay;
    width: 898px;
    margin-top: 20px;
    z-index: 100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 2px;
    color: #FFFFFF;
    padding-top: 2px;
    border: 1px solid #121212;

}

.newThings {
	height: 240px;
	width: 889px;
	margin-top: 20px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	border: 1px solid #121212;
	background-image: url(images/newThingsBK.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.newThings2 {
	background-image: url(images/bkConference.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 160px;
	width: 570px;
	margin-top: 150px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 330px;
	color: #FFFFFF;
	padding-top: 100px;
	border: 1px solid #121212;
}
.brag {
	background-image: url(images/brag.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	width: 540px;
	margin-top: 30px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 330px;
	color: #FFFFFF;
	padding-top: 30px;
	border: 1px solid #121212;
	padding-right: 30px;
	position: relative;
	left: -20px;
}
.vid {
	background-color: #000000;
}
.textSmall {
	font-size: 14px;
}
.info2{margin-bottom: 12px;}
.info3 {
	color: #999;
	padding-top: 20px;
	text-transform: uppercase;
}
.info8 {
	padding: 14px;
    color: #F0EDE8;

}
.info .quoter {
	text-align: left;
	padding-left: 20px;
}
.thisAdobeDot {
	margin-right: 8px;
	float: left;
	margin-top: 0px;
}
.thisAdobeDiv {
	margin-right: 5px;
	margin-top: 6px;
	width: 500px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}
#container #header .feedback {
	overflow: visible;
	position: relative;
	height: 0px;
	width: 360px;
	left: 480px;
	top: 60px;
	font-size: 18px;
	color: #cf9;
	font-family: "elina-web";
	line-height: 20px;
	float: none;
	padding-left: 60px;
	text-align: right;
}
#container #header .feedback img {
	position: relative;
	top: -3px;
	left: -8px;
}
.banda {
	width: 320px;
	margin-top: 16px;
	margin-bottom: 16px;
	color: #2BEFC7;
	text-transform: uppercase;
}
#container .content .linkbox {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-left: 40px;
	background-image: -webkit-linear-gradient(270deg,rgba(59,59,59,0.22) 1.04%,rgba(255,255,255,0.30) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(59,59,59,0.22) 1.04%,rgba(255,255,255,0.30) 100%);
	background-image: -o-linear-gradient(270deg,rgba(59,59,59,0.22) 1.04%,rgba(255,255,255,0.30) 100%);
	background-image: linear-gradient(180deg,rgba(59,59,59,0.22) 1.04%,rgba(255,255,255,0.30) 100%);
	width: 80%;
	border-radius: 40px;
}
#highlight {
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
}
.paydiv {

	margin-right: 0%;
width: 350px;
    border-radius: 3px;
}
.list {margin-bottom: 6px;}