/* !!!!!!!!!!!!!!!!!!!!!!!!!!!  SELECTION STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
::selection {
	background-color: rgba(149, 201, 222, 0.35);
}
::-moz-selection {
 background-color: rgba(149, 201, 222, 0.35);
}
blockquote font::selection, .infoTitle::selection, .quoter::selection, .subtle::selection, .topQuote::selection, .bottomQuote::selection {
	background: rgba(0, 0, 0, 0.125);
}
blockquote font::-moz-selection, .infoTitle::-moz-selection, .quoter::-moz-selection, .subtle::-moz-selection, .topQuote::-moz-selection, .bottomQuote::-moz-selection {
 background: rgba(0, 0, 0, 0.125);
}
#footer p::selection, #footer a::selection, .darkBox::selection, .darkBox p::selection, .darkBox h2::selection, .darkBox h3::selection, .darkBox a::selection, .darkBox span.amp::selection, .darkBox .test li::selection, .darkBox li span.amp::selection {
	background: rgba(0, 0, 0, 0.125); /* Safari */
	color: white;
}
#footer p::-moz-selection, #footer a::-moz-selection, .darkBox::-moz-selection, .darkBox p::-moz-selection, .darkBox h2::-moz-selection, .darkBox h3::-moz-selection, .darkBox span.amp::-moz-selection, .darkBox .test li::-moz-selection, .darkBox li span.amp::-moz-selection {
 background: rgba(0, 0, 0, 0.125); /* Firefox */
 color: white;
}
div::selection {
	background: transparent;
}
div::-moz-selection {
 background: transparent;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
.darkBox a::selection {
	background: rgba(0, 0, 0, 0.125);
	color: #99CDE2;
}
.darkBox a::-moz-selection {
	background: rgba(0, 0, 0, 0.125);
	color: #99CDE2;
}
#nav li a.active::selection {
	background: transparent;
} 
#nav li a.active::-moz-selection {
	background: transparent;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!  NAVIGATION STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#nav {
	position: relative;
	float: right;
	display: inline;
	height: 58px;
/* 	margin-left: 33%; */
}
#nav li {
	display: inline;
	float: left;
	height: 48px;
	position: relative;
}
#nav li:nth-last-child(1) a {
	border-right: none;
}
#nav li:nth-last-child(4) a {
	border-left: none;
}
#nav li a {
	color: #4f4f4f;
	margin: 0 auto;
	position: relative;
	display: block;
	text-align: center;
	padding: 15px 19px 10px;
	font-family: Lobster, arial, serif;
	text-shadow: 2px 2px 0 white, 3px 3px 2px rgba(0, 0, 0, 0.1);
	font-size: 18px;
	height: 32px;
	opacity: .65;
	border-left: 1px solid #D6D7D5;
	border-right: 1px solid white;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	background: url(images/bottomBG.png) repeat-x -20% -50px rgba(255,255,255,0);
}
#nav li a:hover {
	text-shadow: 2px 2px 0 white, 3px 3px 2px rgba(0, 0, 0, 0.1);
	color: #cd7939;
/* 	padding-top: 15px; */
/* 	background-color: rgba(153, 205, 226, 0.075); */
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	opacity: 1;
	font-size: 18px;
	background: url(images/bottomBG.png) repeat-x -20% -20px rgba(255,255,255,.25);
	border-top: 2px solid rgba(0,0,0,.15);
}
#nav li a:active {
/* 	background-color: rgba(153, 205, 226, 0.15); */
/* 	padding-top: 17px; */
}
#nav li a.active {
	background: url(images/darkBGtest.jpg) repeat scroll 0 0 transparent;
	border-top: 2px solid rgba(0, 0, 0, 0.05);	
	border-left: 2px solid rgba(0, 0, 0, 0.05);	
	border-right: 2px solid rgba(0, 0, 0, 0.05);	
	border-bottom: none;
	color: #F5F5F5;
	height: 37px;
	position: relative;
	text-shadow: none;
	z-index: 500;
	text-shadow: 1px 2px 0.75px rgba(0, 0, 0, 0.1);
	padding: 15px 18px 10px;
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 18px;
	opacity: 1;
}
#nav li a.active:hover {
	cursor: default;
	font-size: 18px;
}
/* !!!!!!!!!!!!!!!  WORK NAVIGATION STYLES  !!!!!!!!!!!!!! */
#workTop {
	clear: both;
}
#workNav {
	position: relative;
	margin:0;
	min-width: 960px;
	width: 100%;
	float: left;
	z-index: 1000;
	background: url(images/darkBackground.jpg) repeat;
	opacity: .95;
	border-top: 1px dashed rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
}
#bottom.fixed {
	margin-top:4%;	
}

#workNav.fixed {
	position: fixed;
	top: 0;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1;
	transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    outline: 5px solid rgba(0, 0, 0, 0.2);
}
	
#workNav.fixed:hover {
	opacity: .98;
	transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
}
#workNav.fixed:hover #workSort li {
	border: 1px solid rgba(255, 255, 255, 0.075);
}
#workNav.fixed h3 {
	color: #cecfce;
}
#workSort {
	margin:0 auto;
	width:950px;
}
#workSort ul {
	margin-top:20px;
	border: none;
	padding: 0;
	position: relative;
	float: left;
	text-align: right;
}
#workSort li {
	display: inline;
	position: relative;
	width: 950px;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.025);
	padding:16px 0 14px 0;
}
#workSort li:hover {
	background-color: rgba(0, 0, 0, 0.1);
	color: #99CDE2;
	border: 1px solid rgba(255, 255, 255, 0.08);
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
#workSort li.active {
	background-color: rgba(0, 0, 0, 0.1);
	color: #cd7939;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
#workSort li.active a {
	color: #cd7939;
	font-family: Lobster, arial, serif;
    text-shadow: 1.5px 1.5px 1px rgba(0,0,0,.075);
}
#workSort li a {
	border: 0;
	padding: 0;
	margin: 0;
    font-size: 16px;
	background: transparent;
	color: #F5F5F5;
	outline: none;
	font-family: Lobster;
	letter-spacing: .75px;
	padding: 14px;
	
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#workSort li:hover a {
	padding: 0;
	margin: 0;
	top:0;
	color: #99CDE2;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	padding: 14px;

}
#workSort li a.active {
	color: #cd7939;
}
#workSort li.active:hover a {
	cursor: default;
	color: #cd7939;
	border: none;
}
#workSort h3 {
	display: inline;
	border: none;
	letter-spacing: 1px;
	padding:21px 13px 7px 0;
	float: left;
	position: relative;
	color: #9F9F9F;
	text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 1px;
	margin: 0;
	background: none;
	width: 635px;
	text-align: left;
	font-size: 20px;
	
}
/*Any Firefox*/
@-moz-document url-prefix() {

#workSort li a {
	font-size: 17px;
}

}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!  CONTAINER STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
body {
	background: url(images/background.jpg) repeat #f7f7f7;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
}

#brow {
    background: url("images/brow2.jpg") repeat-x scroll 0 -5px transparent;
    height: 5px;
    min-width: 960px;
    width: 100%;
}
#top {
	display: block;
	position: relative;
	min-width: 960px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: url(images/bottomBG.png) repeat-x 105% -20px #f7f7f7;
	border-top: 1px solid rgba(0,0,0,.75);
	height: 57px;
}

#topContent h1 {
	display: inline-block;
	height: 53px;
	line-height: 58px;
	padding-top: 5px;
	position: relative;
	float: left;
}
#topContent h1 a {
	font-family: Lobster, arial, serif;
	font-size: 25px;
	color: #4f4f4f;
/* 	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.16); */
	text-shadow: 2px 2px 0 white, 3px 3px 2px rgba(0, 0, 0, 0.1);

	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
#logo h1 a {
	opacity: .75;
}
#logo h1:hover a {
	opacity: 1;
	color: #cd7939;
		
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
#logo {
	height: 58px;
	position: relative;
	float: left;
	display: inline-block;
}
#logoBadge {
	background: url("images/footBadge.jpg") repeat scroll 0 -30px transparent;
    display: inline-block;
    float: left;
    height: 30px;
    margin: 14px 14px 14px 0;
    position: relative;
    width: 30px;
    opacity: .85;
    outline: 1px solid rgba(255,255,255,.1);
    
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;}    
}
#logo:hover #logoBadge {
	opacity: 1;
    outline: 1px solid rgba(255,255,255,.75);

	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;}
	
#logoNote {
	margin: 28px 10px 0;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	display: inline-block;
	float: left;
	font-family: sans-serif;
	color: #9f9f9f;
	opacity: 0;
	overflow: hidden;
	text-indent: -150px;
		
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#logo:hover #logoNote {
	text-indent: 0;
	opacity: 1;
	
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#bottom {
	position: relative;
	display: block;
	clear: both;
	min-width: 960px;
	min-height: 190px;
/* 	background: url(images/bottomBG_alt.png) repeat-x -25% -25px; */
	border-top: 1px solid white;
	padding-top:10px;
}
#bottomContent, #topContent {
	position: relative;
	margin: 0 auto;
	width: 950px;
}
.box {
	background: url(images/bottomBG.png) repeat-x -20% -20px #f7f7f7;
	border: 2px solid white;
	float: left;
	outline: 1px solid #d6d7d5;
	padding: 20px 29px;
	position: relative;
	margin: 1px;
	display: block;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	margin-bottom: 20px!important;
}
.box:hover {
	outline: 1px solid #cacacc;
	background: url(images/bottomBG.png) repeat-x -20% -15px #f5f5f5;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}
.box:hover h3, .box:hover #charmedHeader {
	background: url(images/h2background.png) no-repeat;
	background-position: -1px -11px;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.darkBox {
	background: url(images/darkBackground.jpg) repeat!important;
	outline: 1px solid rgba(255, 255, 255, 0.25);
	border: 2px solid rgba(0, 0, 0, 0.05);
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.darkBox:hover {
	background: url(images/darkBackground.jpg) repeat!important;
	border: 2px solid rgba(0, 0, 0, 0.1);
	outline: 1px solid rgba(255, 255, 255, 0.75);
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.darkBox a {
	padding: 3px;
	border-bottom: 0 solid rgba(0,0,0,.075);
	text-shadow: rgba(0, 0, 0, 0.22) 1px 1px 1px;
	color: #99CDE2;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.darkBox a:hover {
	padding: 3px;
	top:-2px;
	border-bottom: 2px solid rgba(0,0,0,.075);
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
.box a:hover, .darkBox a:hover {
	position: relative;
}
#left .box {
	margin-right: 10px;
}
#center .box {
	margin-right: 10px;
}
.test {
	background: url(images/light.png) no-repeat bottom;
}
.subTest {
	width: 320px;
}
#portrait {
 	height: 310px;
    position: absolute;
    right: 30px;
    top: 10px;
}
/* !!!!!!!!!!!!!!!!!!  SHOWCASE STYLES  !!!!!!!!!!!!!!!!! */
#showcase {
	min-width: 960px;
	background: url(images/darkBackground.jpg) repeat;
	position: relative;
	float: left;
	width: 100%;
	display: block;
	margin: 0 auto;
	border-top: 5px solid rgba(0, 0, 0, 0.05);
	border-bottom: 5px solid rgba(0, 0, 0, 0.075);
	padding: 0 0 5px 0;
}
#showcaseContent {
	width: 950px;
	position: relative;
	display: block;
	position: relative;
  	margin: 20px auto;	
  	padding: 0;
}
#showcaseContent .test {
	background-position: center;
}
#showcase .darkBox {
	outline: none;
	border: none;
}
#showcase p {
	width: 625px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#homeLeft .test p {
	width: 275px;
	margin-left: 30px;
}
#homeLeft {
 	float: left;
    padding-right: 45px;
    position: relative;
    width: 275px;
    text-align: left;
}
#homeRight {
	float: right;
    margin: 0;
    position: relative;
}
#homeRight img {
	margin-bottom: 10px;
}
/*
.subTest {
	margin-left: 30px;
	width: 275px;
}
*/
#homeLeft .subTest {
	height: 165px;
	margin-left: 30px;
	width: 275px;
}
#homeLeft .subTest p {
	width: 275px;
	margin-left: 0!important;
	border-bottom: none;
}
#contactRight {
	position: relative;
	width: 320px;
	float: right;
}
#contactRight .test p {
	width: 320px;
}
#contactRight .subTest {
	height: 175px;
}
#contactRight .subTest p {
	width: 320px;
	margin: 0;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 20px;
}
#contactRight .subTest h3 {
	width: 320px;
}
#availabilityBox {
	height: 112px;
    width: 225px;
}
#availabilityBox:hover {
	top: 0;
}
#availability {
	background: url("images/availableSprite_small.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 112px;
    position: relative;
    width: 225px;
    display: inline-block;
    text-indent: -9999px;
    margin: 11px 50px 0 0;
}

#availability span {
    background: url("images/availableSprite_small.png") no-repeat scroll 0 -112px transparent;
	position: absolute;
	height: 112px;
	width: 225px;
	opacity: 0;
    top: 0; left: 0; bottom: 0; right: 0;
    
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#availability:hover span {
    opacity: 1;
}

#availability span a {
	padding:0!important;
}

/* !!!!!!!!!!!!!!!!  SHOWCASE NAV STYLES  !!!!!!!!!!!!!!!! */

/*
#showcaseNav {
    float: right;
    height: 17px;
    right: 15px;
    overflow: hidden;
    position: relative;
    top: -28px;
    width: 100px;
}
#showcaseNav ul {
	outline: 1px solid red;
	float: right;
	position: relative;
}
#showcaseNav li {
	display: inline;
    float: left;
    margin-right: 8px;
    position: relative;
    width: 17px;
}
#showcaseNav li a {
	background: url(images/showcaseNav.png) no-repeat 0 0;
	width: 17px;
	float: left;
	display: inline;
	
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}
#showcaseNav li a:active {
	background-position: 0 -34px;
}
#showcaseNav li a:active:hover {
	background-position: 0 -34px;
}
#showcaseNav li a:hover {
	background-position: 0 -17px;
	top: 0;
}
*/
#showcaseImages {
	border: 2px solid white;
    height: 340px;
    overflow: hidden;
    width: 610px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 15px;
}
#showcaseImages a {
	padding: 0!important;
	background-color: white;
	opacity: .9;
	top:-10px!important;
	
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
#showcaseImages a:hover {
	opacity: 1;
	
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
/*
	
#one {
	width: 610px;
	height: 389px;
	background: url(images/showcase/1.png) no-repeat;
}
#two {
	width: 610px;
	height: 389px;
	background: url(images/showcase/2.png) no-repeat;
}
*/
#showcaseImages ul {
	border: none!important;
	height: 350px;
	margin: 0;
	padding: 0;
}
#showcaseImages ul li {
	display: inline;
	float: left; 
	width: 610px;
	margin: 0;
	padding: 0;
}

/* !!!!!!!!!!!!!!!!!!  MACRO NAV STYLES  !!!!!!!!!!!!!!!!! */

#macroNavRight {
    display: block;
    height: 100%;
    position: absolute;
    right: -1px;
    width: 75px;
    z-index: 99999;
}
#macroNavRight a {
	background-color: rgba(0, 0, 0, 0.02);

	-webkit-border-radius: 100px 0 0 100px;
	 -moz-border-radius: 100px 0 0 100px;
    display: block;
    height: 100px;
    width: 50px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 33%;
    
    border: 1px solid rgba(255, 255, 255, 0);
    
    -moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
       

 	-moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,0);
  	-webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,0);
  	box-shadow: inset 5px 5px 5px rgba(0,0,0,0);
}
#showcase:hover #macroNavRight a {
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    -moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,.1);
  	-webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,.1);
  	box-shadow: inset 5px 5px 5px rgba(0,0,0,.07);
}
#macroNavRight a:hover {
	background-color: rgba(0, 0, 0, 0.055);
	-moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,.125);
  	-webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,.125);
  	box-shadow: inset 5px 5px 5px rgba(0,0,0,.125);
	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#macroNavLeft {
    display: block;
    height: 100%;
    position: absolute;
    left: -1px;
    width: 75px;
    z-index: 99999;
}
#macroNavLeft a {
	background-color: rgba(0, 0, 0, 0.02);

	-webkit-border-radius: 0 100px 100px 0;
	 -moz-border-radius: 0 100px 100px 0;
    display: block;
    height: 100px;
    width: 50px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 33%;
    
    border: 1px solid rgba(255, 255, 255, 0);
    
    -moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;

 	-moz-box-shadow: inset -2px 4px 5px rgba(0,0,0,0);
  	-webkit-box-shadow: inset -2px 4px 5px rgba(0,0,0,0);
  	box-shadow: inset -2px 4px 5px rgba(0,0,0,0);
}
#showcase:hover #macroNavLeft a {
    border: 1px solid rgba(255, 255, 255, 0.07);
    
    -moz-box-shadow: inset -2px 4px 5px rgba(0,0,0,.1);
  	-webkit-box-shadow: inset -2px 4px 5px rgba(0,0,0,.1);
  	box-shadow: inset -2px 4px 5px rgba(0,0,0,.1);
}
#macroNavLeft a:hover {
	background-color: rgba(0, 0, 0, 0.055);
	-moz-box-shadow: inset -2px 4px 5px rgba(0,0,0,.125);
  	-webkit-box-shadow: inset -2px 4px 5px rgba(0,0,0,.125);
  	box-shadow: inset -2px 4px 5px rgba(0,0,0,.125);
	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

/* !!!!!!!!!!!!!!!!!!  WORK STYLES  !!!!!!!!!!!!!!!!! */
#slides {
	position: relative;
	width: 100%;
	width: 950px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	margin-top: -1px;
}
.slide {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #d6d7d5;
/* 	border-top: 1px solid white; */
	background: transparent;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.slide:nth-child(1) {
	
	border-top:none;

}
.slide:hover {
	background: url(images/slideBG_whiter.png) repeat-y;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
/*
.slide:nth-child(1) {
	border-top: none!important;
}
*/
.slide:nth-last-child(1) {
	border-bottom: none;
}
.slide img {
	border: 5px solid white;
	float: left;
	margin-right: 25px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.125);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.125);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.125);
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	opacity: .8;
}

.slide:hover img {
	opacity: 1;
}

.slideDetails {
	position: relative;
	float: left;
	height: 281px;
	width: 295px;
	margin-top: 10px;
}
.slideDetails .subtle {
	text-shadow:1px 1px 1px white;
	color: #838385;
}
.slideDetails h3 {
	display: block;
	height: 35px;
	background: url(images/h2background.png) no-repeat;
	background-position: -500px -11px;
}
.slide:hover .slideDetails h3 {
	background: url(images/h2background.png) no-repeat;
	background-position: -1px -11px;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.slideDetails p {
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 10px;
}
.slideDetails a {
	padding: 3px;
	line-height: 1px;
	text-shadow: 1px 1px 1px white;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.slideDetails a:hover {
	padding: 3px;
	top: -2px;
	border-bottom: 2px solid rgba(0,0,0,.075);
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
.toTop {
	background: transparent;
	position: absolute;
	right: -4px;
	bottom: 0;
	overflow: hidden;
	height: 18px;
	width:0;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.slide:hover .toTop {
	width: 100px;
	right: -7px;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.slide:hover .toTop a {
	color: #9F9F9F;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.toTop a {
	background: transparent;
	font-size: 12px;
	color: white;
	text-shadow:2px 1px 2px rgba(255, 255, 255, 0.75);
	font-family: sans-serif;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.slide:hover .toTop a:hover {
	background: transparent;
	color: #c46f3f;
	padding: 3px;
	border: none;
	top:0;
	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.rollInfo {
	width: 620px; height:273px;
	background-color: rgba(245,245,245,0);
	position: absolute;
	top:5px; left: 5px;
		
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
} 
.slide a.fancy, .slide a.notFancy {
	position: relative;
	display: block;
}
.slide a.fancy:hover .rollInfo, .slide a.notFancy:hover .rollInfo {
	top:5px; left: 5px;
	background-color: rgba(245,245,245,.75);
	
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
.rollInfo p {
	text-shadow: none;
	font-family: Lobster;
	font-size: 0;
	text-align: center;
	height: 50px;
	line-height: 1px;
	margin: 80px auto;
	color: rgba(245,245,245,0);
	
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);
	
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.slide a.fancy:hover .rollInfo p, .slide a.notFancy:hover .rollInfo p {
	color:#4f4f4f;
	font-size: 60px;
	line-height: 55px;
	text-shadow: 1px 1px 0 white, 2px 2px 0 white, 3px 3px 0 white, -1px -1px 0 white;
	
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);	
	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
/* !!!!!!!!!!!!!!!!!!  FORM STYLES  !!!!!!!!!!!!!!!!! */
form {
	min-height: 290px;
	display:block;
	float:left;
	margin: 15px 0 24px 0;
	outline:1px solid rgba(0, 0, 0, 0.05);
	position:relative;
	width: 512px;
	background: rgba(255, 255, 255, 0.05);
	padding: 15px 30px 0 30px;
}
form:hover {
	outline:1px solid rgba(0, 0, 0, 0.1);
}
form input {
	width: 490px;
	display: block;
	clear: left;
	margin: 10px 0 15px 0;
	background: #4f4f4f;
	outline: none;
	border: none;
	padding: 5px 10px;
	color: #cecfce;
	font-size: 13px;
	outline:1px solid rgba(0, 0, 0, 0.125);
	text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
form textarea {
	min-width: 490px;
	max-width: 490px;
	display: block;
	clear: left;
	height: 60px;
	margin: 10px 0 15px 0;
	background: #4f4f4f;
	outline: none;
	border: none;
	padding: 5px 10px;
	color: #cecfce;
	font-size: 13px;
	line-height: 22px;
	outline:1px solid rgba(0, 0, 0, 0.125);
	text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px;
	font-family: sans-serif;
}
form label {
	color: #9F9F9F;
	font-size: 13px;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
	font-family: sans-serif;
}
form input:hover, form textarea:hover {
	outline:1px solid rgba(0, 0, 0, 0.2);
}
form button {
	letter-spacing: .5px;
	display: block;
	float: right;
	position: relative;
	margin-bottom: 15px;
	font-family: sans-serif;
	font-size: 13px;
	width: 80px;
	height: 24px;
	color: #9F9F9F;
	background: #4f4f4f;
	outline:1px solid rgba(0, 0, 0, 0.125);
	border: none;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
	min-width: 510px;
	left:-2px;
	padding-top: 2px;
	max-width: 510px;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
form button:hover {
	outline:1px solid rgba(0, 0, 0, 0.25);
	color: #cd7939;
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
	
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
form h2 {
	color:red;
	margin-top: 17%;
	line-height: 30px;
	text-align: center;
	width: 510px;
	position: relative;
}
#showcase form p {
	width: 100%;
	line-height: 25px;
	font-size: 18px;
	text-align: center;
	position: relative;
	border: 0!important;
	outline: 0!important;
	left: 0;
	right: 0;
	display: block;
	outline: 1px solid red;
	
}
/* !!!!!!!!!!!!!!!!!!  FOOTER STYLES  !!!!!!!!!!!!!!!!! */
#footer {
	width: 950px;
	margin: 0 auto 10px auto;
	position: relative;
	clear: both;
	height: 30px;
}
#footerInfo {
	background: url(images/darkBackground.jpg) repeat-x scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	height: 29px;
	margin-right: 10px;
	margin-top: -1px;
	position: relative;
	width: 908px;
}
#footerInfo p {
	font-size: 13px;
	color: white;
	margin-left: 15px;
	text-shadow: rgba(0, 0, 0, 0.22) 1px 1px 1px;
}
#footerInfo .subtle {
	color: #cecfce;
	text-shadow: none;
}
#footerNav {
	float: right;
	margin: -31px 15px 0 0;
	display: inline;
	position: relative;
}
#footerNav li {
	display: inline;
	color: #cecfce;
	margin-left: 10px;
	vertical-align: bottom;
	font-family: sans-serif;
}
#footerNav li a {
	color: white;
	font-size: 12px;
	font-family: sans-serif;
	
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#footerNav li a:hover {
	color: #99CDE2;
	
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#footerNav li.active a {
	color: #c46f3f;
}
#badge a {
	height: 30px;
	width: 30px;
	background: url(images/footBadge2.jpg) 0 -30px;
	position: relative;
	float: left;
	display: inline-block;
    text-indent: -9999px;
}
#badge span {
	background: url(images/footBadge2.jpg) 0 0;
	position: absolute;
	opacity: 0;  
	top: 0; right: 0; bottom: 0; left: 0;
	
	-webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
	
}
#badge:hover span {
	opacity: 1;

}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!  PAGE-SPECIFIC STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#home #showcase p {
	width: 275px;
}
#home .subTest {
	margin:0!important;
}
#home #left .box, #home #right .box {
	position: relative;
	display: block;
	float: left;
	margin-top:10px;
	margin-bottom: 10px;
	height: 240px;
}
#home #left .box {
	width: 555px;
}
#home #left .box h2 {
	text-shadow: 2.5px 2.5px 0 white, 3px 3px 2px rgba(0, 0, 0, 0.2);
}
#home #right .box {
	width: 258px;
}
#home #right .box .dividedList li {
	width: 250px;
}
#home #right .box .dividedList li a {
	width: 250px;
}
#home #right .box .dividedList li:nth-child(6) {
	border-bottom: none;
}
#home #left .box p {
	padding-bottom: 20px;
	border-bottom: 1px solid #d7d7d9;
}
#home #left .box a {
	padding: 3px;
	line-height: 1px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	text-shadow: 1px 1px 0 white;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#home #left .box a:hover {
	padding: 3px;
	top:-2px;
	border-bottom: 2px solid rgba(0,0,0,.075);
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
#about #left .box, #about #right .box, #about #center .box {
	position: relative;
	display: block;
	float: left;
	margin-top:10px;
	margin-bottom: 10px;
	height: 340px;
}
#about #right .box {
	width: 169px;
}
#about #center .box {
	width: 361px;
}
#work #showcase {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	height: 160px;
}
/*
#work #showcaseContent {
	margin: 20px auto 0 auto;
}
*/
#work #showcase p {
    border-bottom: medium none;
    float: left;
    margin: 0;
    padding-bottom: 0;
}

#work #macroNavRight a, #work #macroNavLeft a {
	top: 31%;
}
#contact #left .box, #contact #right .box, #contact #center .box {
	position: relative;
	display: block;
	float: left;
	margin-top:10px;
	margin-bottom: 10px;
	height: 125px;
}
#contact #center .box {
	width: 390px;
}
#contact #left .box, #contact #right .box {
	width: 175px;
}
#contact .box h3 {
	width: 150px;
	text-align: center;
	margin: 20px auto 0 auto;
}
#contact .box a {
	padding: 3px;
	line-height: 1px;
	text-shadow: 1px 1px 1px white;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#contact .box a:hover {
	padding: 3px;
	top:-2px;
	border-bottom: 2px solid rgba(0,0,0,.075);
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
#contact .box p {
	text-align: center;
	line-height: 25px;
}
#contact .box h3 {
	width: 120px;
}
#contact .box:hover h3 {
	background: url(images/h2background_short.png) no-repeat -25px -10px;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  TEXT STYLES  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
@font-face {
	font-family: Lobster;
	src: url('Lobster.ttf');
}
a, p, ul, li {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	line-height: 30px;
	letter-spacing: 0.1px;
	font-size: 16px;
}
p, ul, li {
	color: #4f4f4f;
	text-shadow:1px 1px 0 white;
}
a {
	color: #cd7939;
	text-decoration: none;
	position: relative;
	text-shadow: none;
}
/* !!!!!!!!!!!!!!!!!  HEADER STYLES  !!!!!!!!!!!!!!!!! */
h1, h2, h3 {
	font-family: Lobster, arial, serif;
	color: #4f4f4f;
}

h2 {
	font-size: 35px;
	margin: 0 0 17px 0;
	letter-spacing: 0.5px;
}
h2 span.amp {
	font-size: 40px;
	color: #cecfce;
}
h2:hover span.amp {
	cursor: default;
}
h2 .subtle {
	color: #9F9F9F;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
h2 .subtle:hover {
	cursor: default;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
#center .darkBox h2 {
	margin-left: 0!important;
}

.darkBox:hover h3{
	background: none!important;
}
h3 {
	font-size: 25px;
	background: url(images/h2background.png) no-repeat;
	background-position: -175px -11px;
	display: block;
	height: 42px;
	text-shadow: 2px 2px 0 white, 3px 3px 2px rgba(0, 0, 0, 0.1);
	letter-spacing: 0.5px;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
	margin: 10px 0 0 0;
}
.darkBox h3 {
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	margin:0;
}

.darkBox h2, .darkBox h3 {
	color: #f5f5f5;
	text-shadow: rgba(0, 0, 0, 0.1) 2px 3.5px 0.75px, rgba(0, 0, 0, 0.15) -1px -1px 0;
	background: none;
/* 	margin-left: 30px; */
}
/*
.darkBox:hover h3 {
	background: none;
	text-shadow: 3.5px 3.5px 2px rgba(0, 0, 0, 0.15);
}
.darkBox:hover h2 {
	text-shadow: rgba(0, 0, 0, 0.075) 4px 6px 0.75px, rgba(0, 0, 0, 0.075) 2px 3px 0.75px, rgba(0, 0, 0, 0.15) -1px -1px 0;
}
*/
h4 {
	font-family: sans-serif;
	font-size: 17px;
	font-weight: bold;
	display: inline;
}
.darkBox h4, .darkBox p, .darkBox li {
	color: #f5f5f5;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
}
/* !!!!!!!!!!!!!!!!!!!  LIST STYLES  !!!!!!!!!!!!!!!!!!! */
.darkBox ul {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 15px;
}
.bigList {
	text-align: center;
}
.bigList .subtle {
	color:#838385;
}
.bigList li:nth-child(2), .bigList li:nth-child(3) {
	padding-top:15px;
	border-top: 1px solid white;
}
.bigList li:nth-child(3) {
	border-bottom: none;
}
.bigList li {
	padding:0 0 15px 0;
	border-bottom: 1px solid #d7d7d9;
}
.bigList li:hover {
	background: rgba(255, 255, 255, 0.3);
}
.dividedList li {
	border-bottom: 1px solid #d7d7d9;
	border-top: 1px solid white;
	height: 28px;
	width: 210px;
	overflow: hidden;
}
.dividedList li a {
	color: #4f4f4f;
	display: block;
	width: 210px;
	height: 30px;
	text-shadow:1px 1px 0 white;
		
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}
.box:hover .dividedList li:nth-child(even) {
	background-color: rgba(153, 205, 226, 0.075);
}
.box:hover .dividedList li:hover {
	background: rgba(243, 227, 219, 0.25);
}
.dividedList li a:hover {
	padding-left: 10px;
	top: 0;
	
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}
.dividedList li:nth-child(9) {
	border-bottom: none;
}
.dividedList li:nth-child(1) {
	border-top: none;
}
.dividedList li a:nth-child(9) {
	border-bottom: none;
}
.dividedList li a:nth-child(1) {
	border-top: none;
}
/* !!!!!!!!!!!!!!!!!!!  LINK STYLES  !!!!!!!!!!!!!!!!!!! */

/* !!!!!!!!!!!!!!!!!!  SPECIAL STYLES  !!!!!!!!!!!!!!!!! */
.darkBox h3.noTopBorder {
	border: none;
}
span.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-size: 20px;
}
#header span.amp {
	color: #9F9F9F;
}
#header p#slogan {
	color: rgba(0,0,0,0.65);
	clear: both;
	display: block;
	font-size: 18px;
	height: 30px;
	left: 60px;
	overflow: hidden;
	position: relative;
	top: -57px;
	text-shadow: 1px 1px 0 white;

	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
#header:hover p#slogan {
	cursor: default;
	color: rgba(0,0,0,0.75);
	
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;

}
#charmedHeader {
	margin-top:20px;
	background-position: -175px -11px;
	overflow: visible;
}
#charmedText {
	border-bottom: none!important;
	margin-top: -15px;
}
#showcase blockquote {
 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #7B7B7B;
    font-family: Lobster,arial,serif;
    font-size: 25px;
    height: 80px;
    line-height: 35px;
    margin-bottom: 35px;
    padding: 20px 0 15px;
    position: relative;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
    width: 625px;
}
blockquote .infoTitle {
	color: #7b7b7b;
}
blockquote .infoTitle:hover {
	cursor: default;
	color: #9F9F9F;
}
blockquote:hover .infoTitle {
	color: #888888;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}
.topQuote {
	font-size: 35px;
	text-align: left;
	letter-spacing: 0.2px
}
.bottomQuote {
	letter-spacing: 0.5px;
	font-size: 24px;
	text-align: right;
	position: relative;
	float: right;
	letter-spacing: 1px;
}
.quoter {
 	 -moz-transition: all 0.25s linear 0s;
    background: none repeat scroll 0 0 #4F4F4F;
    color: #9F9F9F;
    font-family: sans-serif;
    font-size: 12px;
    margin-left: 440px;
    padding: 5px;
    position: relative;
    top: 0;
    z-index: 500;
}
.quoter:hover {
	margin-left: 445px;
	cursor: default;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}
.subtle {
	color: #9F9F9F;
}
.fontAdjust {
	font-family: sans-serif;
}
h2:hover .fontAdjust {
	color: #9F9F9F;
}
.infoTitle {
	color: #9F9F9F;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.infoTitle:hover {
	cursor: default;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transition: all 1s linear;
}
.infoTitle a {
	color: #9F9F9F;
	background: none;
	padding: 0;
}
.infoTitle a:hover {
	color: #cecfce;
	cursor: text;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	top: 0;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.box:hover li:hover .infoTitle {
	color: #cecfce;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	p {
		font-size: 97%!important;
	}
}




/**** Form Submission ****/
.error { 
	outline: 1px solid rgba(153, 205, 226, 0.5);;
	
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
input.error:hover, textarea.error:hover {
	outline: 1px solid rgba(255,255,255,0.2);
	
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}