/****************************
RESETS
****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/* remember to define focus styles! */
:focus { outline: 0;
}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/* tables still need ‘cellspacing=”0”’ in the markup */
table { border-collapse: collapse; border-spacing: 0;
}
/****************************
GLOBAL LAYOUT
****************************/
body{
	background:url(/images/bg.gif);
}
#header{
	width:100%;
	background:url(/images/BGHeader.png) repeat-x;
	height:140px;
}
#headerContainer{
	width:980px;
	margin:0 auto;
}
#container{
	width:980px;
	margin:20px auto 0 auto;
}
#content{
	background:#fff;
	padding:10px 0;
	-webkit-border-radius: 12px;
	-moz-border-radius:12px;
	-webkit-box-shadow:0 0 8px rgba(0, 94, 115, .38);
	font:normal 15px "avenir", arial, sans-serif;
	color:#333;
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
}
#content.bodyContent{
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomLeft:0;
	-moz-border-radius-bottomRight:0;
}
#footer{
	font:11px "avenir", arial, sans-serif;
	text-align:center;
	padding:20px 0;
}
/****************************
HEADER
****************************/
h1{
	float:left;
}
h1 a{
	display:block;
	background:url(/images/logo.png);
	width:157px;
	height:140px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav{
	padding-top:35px;
	float:left;
	display:inline;
	margin-left:20px;
}
#nav li{
	float:left;
}
#nav li a{
	padding:5px 15px;
	background:url(/images/verticalDash.png) 100% 0 repeat-y;
	text-transform:uppercase;
	font:500 18px "avenir", arial, sans-serif;
	color:#fff;
	text-shadow:1px 1px 2px #916b00;
	text-decoration:none;
}
#btnClientLogin{
	display:block;
	background:url(/images/btnClientLogin.png);
	width:115px;
	height:31px;
	float:right;
	font:500 11px/33px "avenir", arial, sans-serif;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	color:#fff;
	text-decoration:none;
	text-indent:10px;
	text-transform:uppercase;
	position:relative;
	top:27px;
	right:15px;
}
#btnClientLogin:hover{
	background-position:0 -31px;
}
#btnClientLogin:active{
	background-position:0 -62px;
}
#clientLogin{
	background:url(/images/BGLoginForm.png) bottom left no-repeat;
	width:421px;
	height:0;
	position:absolute;
	left:50%;
	top:0;
	margin:0 0 0 -210px;
	padding:0 20px;
	overflow:hidden;
	z-index:2000;
}
#clientLogin input{
	background:url(/images/loginFormInput.png);
	width:366px;
	height:25px;
	padding:5px;
	margin-bottom:15px;
}
#clientLogin label{
	font:500 15px "Avenir", Helvetica, arial, sans-serif;
	display:block;
	padding:20px 0 10px 0;
}
#loginCancel{
	font:12px "Avenir", arial, sans-serif;
	color:#84beca;
}
/****************************
HOMEPAGE
****************************/
#introText{
	float:left;
	background:url(/images/BGIntroText.png);
	width:382px;
	height:169px;
	margin:40px 40px 10px 40px;
	display:inline;
	text-indent:-9999px;
	padding:0;
}
#introParagraph{
	width:372px;
	clear:left;
	padding:10px 0 0 30px;
	font-size:14px;
	color:#666;
}
#homepageSlideshow{
	position:relative;
	width:500px;
	height:350px;
	overflow:hidden;
	float:right;
}
#homepageRibbon{
	position:relative;
	background:url(/images/BGHomepageRibbon.png);
	width:999px;
	height:80px;
	left:-10px;
	clear:both;
	color:#222;
	text-shadow:1px 1px 0 rgba(255, 255, 255, .75);
	font:bold 33px "avenir", arial, sans-serif;
	text-transform:uppercase;
	text-indent:50px;
	padding-top:33px;
}
#homepageRibbon h3{
	float:left;
	
}
#homepageRibbon a{
	float:right;
	position:relative;
	right:40px;
}

#homepageSlideshow img,
#slideshow{
	position:absolute;
	top:0;
	left:0;
}
#slideshow{
	height:335px;
	overflow:hidden;
	width:500px;
}
img.active{
	z-index:10;
}
img.last-active{
	z-index:9;
}

.btnServicesPricing{
	background:url(/images/btnServicesPricing.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:167px;
	height:41px;
	margin:10px 0 0 -5px;
}
.btnServicesPricing:hover{background-position:0 -41px;}
.btnServicesPricing:active{background-position:0 -82px;}
/****************************
PORTFOLIO
****************************/
#content #portfolioImages{
	margin:0 18px;
}
#content #portfolioImages li{
	border:none;
	list-style:none;
	float:left;
	width:236px;
	height:200px;
	line-height:200px;
	text-align:center;
	padding:0;
	margin-bottom:60px;
	position:relative;
	z-index:1
}

#portfolioImages img{
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	vertical-align:middle;
}
#overlay,
#loginOverlay{
	background:url(/images/BGOverlay.png);
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:999;
	display:none;
}

#zoom{
	position:absolute;
	z-index:1001;
	left:50%;
	width:32px;
	height:35px;
	padding:15px 57px 0 57px;
	margin-left:-57px;
}
#zoom img{
	position:absolute;
	z-index:1004;
	top:15px;
	left:57px;
}
#zoom .nextZoom{
	z-index:1003;
}
#btnNext{
	display:block;
	background:url(/images/btnNextPrev.png) 100% 0 no-repeat;
	height:47px;
	width:57px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-26px;
	z-index:1000;
	display:none;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#btnNext:active{
	background-position:100% -47px;
}
#btnPrev{
	display:block;
	background:url(/images/btnNextPrev.png) 0 0 no-repeat;
	height:47px;
	width:57px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-26px;
	z-index:1000;
	display:none;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#btnPrev:active{
	background-position:0 -47px;
}
.btnClose{
	display:block;
	background:url(/images/btnClose.png);
	position:absolute;
	top:0;
	left:44px;
	width:26px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:1009;
	display:none;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
/****************************
SERVICES
****************************/
#pricingInfo{
	border-bottom:1px dashed #c7c7c7;
	border-top:1px dashed #c7c7c7;
	padding:10px 0;
	float:left;
	width:100%;
	margin:20px 0;
}
#price{
	width:97px;
	height:56px;
	background:url(/images/BGPrice.png);
	margin-left:-43px;
	font:bold 32px "Avenir", Arial, sans-serif;
	color:#222;
	text-shadow:-1px -1px 1px rgba(255,255,255,.55);
	padding:16px 10px 0 0;
	text-align:center;
	float:left;
}
.dollar{
	font:bold 20px/15px "Avenir", Arial, sans-serif;
	color:#6b5310;
	vertical-align:top;
}
#pricingInfo p{
	float:left;
	width:340px;
	display:inline;
	margin-left:20px;
	font:italic 14px/120% "Avenir", arial, sans-serif;
}
#content #features li{
	border:none;
}
#features{
	padding-bottom:20px;
}
#features em{
	color:#666;
	font-size:12px;
	line-height:14px;
	padding:0 10px 0 20px;
	display:block;
}
.serviceThumb{
	float:left;
	width:155px;
	text-align:center;
	font:italic 12px "Georgia", times, serif;
	display:inline;
	padding-top:20px;
}
.serviceThumb a{
	text-decoration:none;
	color:#222;
}
.serviceThumb a:hover{
	color:#666;
}
.serviceThumb img{
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
/****************************
CONTACT
****************************/
input{
	background:url(/images/contactSprite.png) no-repeat;
	width:314px;
	height:34px;
	padding:22px 15px 0 15px;
	font:italic 16px/16px "Georgia", Times, serif;
	border:none;
	color:#333;
}
textarea{
	background:url(/images/contactSprite.png) 0 -56px no-repeat;
	width:404px;
	height:156px;
	padding:15px;
	resize:none;
	border:none;
	font:italic 16px/23px "Georgia", Times, serif;
	color:#999;
}
.invalid{
	display:block;
	color:#970808;
	font:italic 12px "avenir", arial, sans-serif;
	padding:3px 0 0 5px;
}
#contactInfo{
	width:312px;
	height:126px;
	float:right;
	background:url(/images/BGContactInfo.png);
	padding:15px;
	display:inline;
	margin-right:30px;
}
dl{
	font: 15px/32px "Georgia", times, serif;
	color:#494949;
	float:right;
	width:215px;
}
dt{
	float:left;
	clear:left;
	text-align:right;
	font-style:italic;
	width:57px;
}
dd{
	float:right;
	width:140px;
}
/****************************
GALLERY
****************************/
#share{
	position:fixed;
	top:50px;
	right:0;
	background:url(/images/BGShare.png);
	width:50px;
	height:203px;
	z-index:2000;
}
#openShare{
	display:block;
	width:50px;
	height:122px;
	float:left;
}
.shareLinks{
	float:right;
	width:55px;
	width:0px;
	overflow:hidden;
	
}
.shareLink{
	display:block;
	width:55px;
	text-decoration:none;
	color:#222;
	text-align:center;
	font:12px "Avenir", Arial, sans-serif;
	padding:4px 0;
	border-bottom:1px solid #c79d28;
	border-top:1px solid #ffedb1;
}
/****************************
MISCELLANEOUS
****************************/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	padding: 0;
	border: 0px dotted transparent;
}
.btn{
	display:-moz-inline-box;
	display:inline-block;
	height:35px;
	font:500 12px/38px "avenir", arial, sans-serif;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	color:#fff;
	text-decoration:none;
	text-indent:0;
	padding:0 29px 0 0;
	background-position:100% -36px;
	vertical-align:middle;
	border:none;
	background-color:transparent;
	cursor:pointer;
}
.btn span{
	display:-moz-inline-box;
	display:block;
	background-position:0 0;
	padding:0 4px 0 14px;
	height:35px;
	line-height:38px;
}
.btn:hover{
	background-position:100% -108px;
}
.btn:hover span{
	background-position:0 -72px;
}
.btn:active{
	background-position:100% -180px;
}
.btn:active span{
	background-position:0 -144px;
}
.arrow,
.arrow span{
	background-image:url(/images/btnArrow.png);
}
h2{
	background:url(/images/headerRibbon.png) no-repeat;
	height:62px;
	position:relative;
	left:-13px;
	margin:20px 0;
	padding-left:20px;
	font:bold 22px/55px "avenir", arial, sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(255,185,165, .75);
}
h2 em{
	font:italic 15px "Georgia", "times", serif;
	text-transform:none;
	color:#fff;
	text-shadow:1px 1px 0 rgba(121,41,19,.44);
	-webkit-text-stroke:1px solid transparent;
}
h2 img{
	vertical-align:baseline;
	position:relative;
	top:2px;
}
.right{float:right}
.left{float:left}
.clear{clear:both}
#content ul{
	list-style:disc;
	margin:10px 0 20px 20px;
}
#content li{
	border-bottom:1px dashed #c7c7c7;
	padding:10px 0;
}
p{
	padding:10px 0;
	line-height:130%;
}
a{
	color:#e57959;
}
@font-face{
	font-family:"avenir";
	src: url('/fonts/AvenirLTStd-Book.eot');
	src: local('Avenir LT Std 45 Book'), local('AvenirLTStd-Book'), url('/fonts/AvenirLTStd-Book.woff') format('woff'), url('/fonts/AvenirLTStd-Book.ttf') format('truetype'), url('/fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
	font-weight:normal;
}
@font-face{
	font-family:"avenir";
	src: url('/fonts/AvenirLTStd-BookOblique.eot');
	src: local('Avenir LT Std 45 Book Oblique'), local('AvenirLTStd-BookOblique'), url('/fonts/AvenirLTStd-BookOblique.woff') format('woff'), url('/fonts/AvenirLTStd-BookOblique.ttf') format('truetype'), url('/fonts/AvenirLTStd-BookOblique.svg#AvenirLTStd-BookOblique') format('svg');
	font-style:italic;
	font-weight:normal;
}
@font-face{
	font-family:"avenir";
	src: url('/fonts/AvenirLTStd-Medium.eot');
	src: local('Avenir LT Std 65 Medium'), local('AvenirLTStd-Medium'), url('/fonts/AvenirLTStd-Medium.woff') format('woff'), url('/fonts/AvenirLTStd-Medium.ttf') format('truetype'), url('/fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
	font-weight:500;
}
@font-face{
	font-family:"avenir";
	src: url('/fonts/AvenirLTStd-Black.eot');
	src: local('Avenir LT Std 95 Black'), local('AvenirLTStd-Black'), url('/fonts/AvenirLTStd-Black.woff') format('woff'), url('/fonts/AvenirLTStd-Black.ttf') format('truetype'), url('/fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
	font-weight:bold;
}