@charset "utf-8";
/* CSS Document */

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Vollkorn', serif; color: #333; font-size: 16px; background-color: #0B0B0B; }
#homeTXT, #LOGO { position:absolute; text-shadow: 1px 1px 1px #000; }
#homeTXT {  width:600px; z-index:1; color: #FFF; text-align: right; font-size: 18px; text-shadow: 1px 1px 6px #000; font-family: Vollkorn, serif; top: 250px; right: 0px; line-height: 18px; }
#LOGO {
	width: 300px;
	top: 90px;
	font-size: 45px;
	letter-spacing: -2px;
	word-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-align: left;
}
.roundj { -webkit-border-radius: 100%; -moz-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 0px 5px 0px #000; -webkit-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000; margin-bottom: 10px; }
.logosub { font-size: 20px; line-height: 10px; }
.nospace { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }

#containerHEADER { z-index: 999; }
.CONTAINERATT { width: 960px; z-index: 1; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; }
.SLIDE1att, #BACKGROUNDslider, #BGgalleryD { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; height: 700px; }
.SLIDE1att, #BACKGROUNDslider { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #FFF; }
#BACKGROUNDslider, #slide1 { background-image: url(../backgrounds/1.jpg); }
#slide2, #BGgalleryD  { background-image: url(../backgrounds/2.jpg); }
#slide3, #BACKGROUNDfooter { background-image: url(../backgrounds/3.jpg);  }
#slide4 { background-image: url(../backgrounds/4.jpg); }

.BACKGROUNDATT { background-color: #000; position: relative; z-index: 1; width:100%; }
.background-cover, .background-cover-contact  {  width: 100%; position: relative; z-index: 2;  }
.background-cover {  background-color:rgba(0,0,0,0.8); }
.background-cover-contact { background-color:rgba(0,0,0,0.5); }
#BACKGROUNDportfolio { background-color: #F5F5F5; }
#BACKGROUNDfooter { text-shadow: 1px 1px 1px #000; color: #CECECE; }
#BACKGROUNDabout { background: #0B0B0B url(/backgrounds/about.jpg) no-repeat 0px 0px; }
#aboutrightbackground {
	position: absolute;
	width: 300px;
	height: 680px;
	top: 0px;
	right: 0px;
	background: url(/backgrounds/aboutright.jpg) no-repeat;
}
#BGgalleryD { background-color: #0B0B0B; background-repeat: no-repeat; }

.HOLDERATT { position: relative; width: 960px; z-index: 1; text-align: center; padding-top: 60px; padding-bottom: 60px; }
#HOLDERabout { }
#HOLDERportTXT { padding-bottom: 0px; }
#HOLDERgallery { width: 960px; height: 580px; padding-top: 40px; padding-bottom: 40px;}
#HOLDERthankyou{
	width: 960px;
	height: 400px;
	padding-top: 150px;
	padding-bottom: 40px;
	color: #999;
}
#HOLDERfooter { }
#TEXTabout { position:relative; width:590px; text-align: right; color: #999; line-height: 22px; padding-top: 50px; z-index: 100; font-size: 16px; padding-bottom: 70px; }
#TEXTcontact { position: relative; width: 460px; text-align: right; line-height: 22px; padding-top: 50px; z-index: 100; font-size: 16px; padding-bottom: 90px; float: left; }
#TXTcontact2 { position: absolute; width: 463px; z-index: 101; right: 0px; top: 140px; text-align: right; }

#TEXTgallery {
	position: relative;
	width: 365px;
	text-align: right;
	color: #999;
	line-height: 22px;
	z-index: 100;
	font-size: 15px;
	padding-bottom: 20px;
	float: left;
}
#gallery-pic-holder { position: absolute; width: 500px; float: right; padding-left: 40px; padding-top: 30px; padding-bottom: 40px; height: 510px; right: 10px; background: url(/backgrounds/galleryRD.png) no-repeat 0px 0px; }
.SLIDE2att { height: 600px; }
#portTXT { padding-bottom: 10px; padding-top: 30px; z-index: 50; }
.GpicATT, .GpicATTgp { position:relative; z-index:2; margin-right: 10px; height: 150px; width: 214px; border: 3px solid #FFF; -moz-box-shadow:    0px 1px 9px 0px #000; -webkit-box-shadow: 0px 1px 9px 0px #000; box-shadow: 0px 1px 9px 0px #000; display: table; float: left; margin-left: 10px; background-color: #000; }
.GpicATTgp { margin-bottom: 20px; }

/* portfolio */
.thumbs { height: 150px; width: 214px; -webkit-transition: all .3s 0s; -moz-transition: all .3s 0s; -ms-transition: all .3s 0s; -o-transition: all .3s 0s; transition: all .3s 0s; -webkit-filter: sepia(0.6); zoom: 1; filter: alpha(o0pacity=80); opacity: 0.8;
}
.thumbs:hover { -webkit-filter: sepia(0.0); zoom: 1; filter: alpha(opacity=100); opacity: 1.0;}
.PORTtexthalf { position: relative; float: left; font-size: 11px; text-align: center; min-height: 90px !important; width: 460px; padding-top: 0px; z-index: 1; width: 440px; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(../backgrounds/ptback.png); margin: 0px 10px 20px; padding-right: 10px; padding-left: 10px;
}
.picarrow { position:absolute; width:20px; height:145px; z-index:1; background-color: #999999; top: -150px; left: 220px; }

/* CLASSES CLASSES */
h1, h2 {font-family: 'Abril Fatface', cursive; font-weight: 400; font-style: normal; text-decoration: underline; }
h1, h2 { font-size: 35px; }
h2 { color: #FFF; }
.highlight { color: #FFF; display: inline-block; font-size: 17px; }
.PORTtexttitle { text-decoration: underline; margin-top: 0px; padding-top: 7px; display: block; margin-bottom: 0px; padding-bottom: 3px; color: #050538; letter-spacing: -1px; word-spacing: 0px; font: bold 16px Georgia, "Times New Roman", Times, serif; }
.contacttitles { color: #FFF; font-size: 26px; display: block; padding-top: 10px; padding-bottom: 5px; }
.contacttitles2 { display: block; padding-top: 5px; color: #F2F2F2; font-size: 22px; }
.ngr { float: right; }
.gallery-subtitle {
	font-size: 17px;
	color: #FFF;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
}

/* NAVSFADE NAVFADE */
.navHOLDERatt { position: relative; z-index:1; width: 80px; height: 80px; top: 0px; }
#navHOLDER1 { float: right; }
#navHOLDER2 { float: right; padding-top: 20px; }
#navHOLDER3 { left: 440px; position: absolute; top: -140px; }
#navHOLDER4 { position: relative; float: right; padding-top: 50px; }
#navHOLDERgallery {  top: -100px; left: 70px; }
#navHOLDERthank { left: 440px; padding-top: 20px; }

#navarrow ul, #navarrow li { padding:0; margin:0; list-style-type: none; float: left; }
.arrowt { text-align: center; vertical-align: middle; display: table-cell; }
li a.navarrow { display: table; text-decoration: none; height: 80px; width: 80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 0px 5px 0px #000; -webkit-box-shadow: 0px 0px 5px 0px #000; box-shadow: 0px 0px 5px 0px #000; text-shadow: 0px 0px 3px #000; font-size: 14px; line-height: 12px; background: #72644A; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }
li a.navarrow:hover { background-color: #81622A; }
a { outline: 0; }
ul { margin: 0; padding: 0; list-style: none; }

.port a:link, .port a:visited, .port a:active { color: #333; font-weight: 700; display: block; padding-top: 2px; letter-spacing: 0px; word-spacing: 0px; font-size: 12px; text-decoration: underline; }
.port a:hover { color: #050538; }

.comment, .button { padding: 8px; color: #FFF; font-family: Arial, Helvetica, sans-serif; background-color: rgba(68,68,68,0.80); border-color: rgba(255,255,255,0.80); border-width: 1px; border-style: solid; -moz-box-shadow: inset 3px 3px 4px rgba(0,0,0,0.21); -webkit-box-shadow: inset 3px 3px 4px rgba(0,0,0,0.21); box-shadow: inset 3px 3px 4px rgba(0,0,0,0.21); }
.comment { width: 370px; }
.comment:hover, .button:hover { background-color:rgba(170,170,170,0.50); brder-width:1px; -moz-box-shadow:inset 3px 3px 4px rgba(0,0,0,0.50);
-webkit-box-shadow:inset 3px 3px 4px rgba(0,0,0,0.21); box-shadow:inset 3px 3px 4px rgba(0,0,0,0.21); }

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0;}
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; }
.fancybox-outer { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.fancybox-opened { z-index: 1003; }
.fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; }
.fancybox-error { color: #444; margin: 0; padding: 10px; font-size: 14px; line-height: 20px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background: url(/source/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1010; }
#fancybox-loading div { width: 44px; height: 44px; background: url('/source/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('/source/blank.gif'); /* helps IE */ z-index: 1003; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; visibility: hidden; }
.fancybox-prev span { left: 20px; background-position: 0 -36px; }
.fancybox-next span { right: 20px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; }
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; color: #fff; }
.fancybox-title-inside-wrap { }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; background: #000; background: rgba(0, 0, 0, .8); width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; }

.menu { }
.menu ul { padding-top: 25px; }
.menu ul li { }
.menu ul li a:hover { color: #72644A; }
.menu ul > li.selected a { color: #FFF; }
.menu .currentm { color: #FFF; }
.menu ul li a { -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; color: #484848; font-size: 15px; text-decoration: none;
}

a:link, a:visited, a:hover { color: #FFF; }
a:active { color: #FFF; }
.module-separate-holder { width: 365px; position: relative; }
.comment-titles { color: #FFF; }
.galleryblank { float: left; height: 156px; width: 460px; position: relative; margin: 0px 10px; }
.galleryblank-bot { float: left; height: 90px; width: 460px; position: relative; margin: 0px 10px; }

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style-type: none;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

/* slider styles */
.flexslider { 	margin: 0; padding: 0; }
.flexslider .slides { zoom: 1; height: 700px; text-align: left; }
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a, .flex-direction-nav li a:hover { display: block; position: absolute; cursor: pointer; text-indent: -999em; width: 51px; height: 300px; height: 300px; background-repeat: no-repeat; }
.flex-direction-nav li a { top: 250px; }
.flex-direction-nav li a:hover { background-position: 0px -300px; }
.flex-direction-nav li .next { right: 0%; background-image: url(../backgrounds/arrown.jpg); }
.flex-direction-nav li .prev { left: 0%; background-image: url(../backgrounds/arrowb.jpg); }
/* Misc? */
.flex-direction-nav li .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; visibility: hidden; }
/* Control Nav */
.flex-control-nav {}
.flex-control-nav li {}
.flex-control-nav li:first-child {}
.flex-control-nav li a {}
.flex-control-nav li a:hover {}
.flex-control-nav li a.active {}
#ngrlink {
	width: 222px;
	position: absolute;
	right: 0px;
	bottom: -70px;
	font-size: 11px;
	text-align: right;
}
a.ngrl:link, a.ngrl:visited, a.ngrl:active { color: #666; text-decoration: none; }
a.ngrl:hover { color: color: #333; text-decoration: underline; }