/*
Theme Name: Momento
Version: 1.0
Author: ProgressionStudios
Author URI: http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios
*/
/*@import url("reset.css");*/
/*@import url("standard.css");  */ /*   Main Styles */
/*@import url("navigation.css");*/  /*   Navigation Styles */
/*@import url("fancybox.css");*/  /*   LightBox Styles */
/*@import url("https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css"); */

/*@import url("orbit-1.2.3.css");*/  /*   Simple Slider */
/*@import url("table.css"); */ /*   Table formats */

/*@import url("combined.css"); */ /*   Table formats */



/*====================================================
Logo Size and File Location
====================================================*/
#header-nav #logo h1 a {width:280px; height:64px; background: url("../images/logo.png") top left no-repeat;}


/*====================================================
Menu Background Color - Default: #252525
====================================================*/
#header-nav-container {background-color:#252525; } 


/*====================================================
Link and Button Color - Default: #b62c2c
====================================================*/
a.show-case-button {background-color:#b62c2c;} 
a {color:#b62c2c; text-decoration:none;}  


/*====================================================
Footer Background Color - Default: #5a5959
====================================================*/
#footer-container, body#footer-contact {background-color:#5a5959;}





/*
*/

/* = start =============GENERAL============== */

table {  margin: 10px auto; padding: 8px; border-collapse: separate; }
.bord {  margin: 10px auto; padding: 8px; border-collapse: separate; border: 1px solid black;}
.nobord {  margin: 10px auto; padding: 8px; border-collapse: separate; }

table.contentalignleft td, table.contentalignleft th { text-align: left; }
table.contentalignright td, table.contentalignright th { text-align: right; }

table th { font-weight: normal; color: #000; font-size: 1em; padding: 5px; }
table td {
	font-size: .95em;
	color: #666;
	padding: 8px;
}

table.style-1 { background-position: 0 0; background-image: url('table-1.png'); 
background-position: 0 bottom; background-repeat: repeat-x; border-collapse: separate;border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;border-bottom: #707070; -webkit-box-shadow: #555 0 1px 1px; -moz-box-shadow: #555 0 1px 1px; box-shadow: #555 0 1px 1px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px;
	border-top-style: none;
	border-top-color: inherit;
	border-top-width: medium;
}
table.style-1 td, table.style-1 th { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #e1e1e1;  border-bottom: 1px solid #e1e1e1; background: none; margin: 0;text-align: center; padding: 13px 10px; vertical-align: top;}
table.style-1 tr:first-child { background: #f3f3f3; }
table.style-1 th:last-child, table td:last-child { border-right: none; }
table.style-1 th:first-child, table td:first-child { border-left: none; }
table.style-1 tr:hover > * { background: rgba(0,0,0,.03); }

table.style-2 { font-size: 1.2em; border: 1px solid #333; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;border-bottom: #707070; -webkit-box-shadow: #555 0 1px 1px; -moz-box-shadow: #555 0 1px 1px; box-shadow: #555 0 1px 1px; border-top: none; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; background-color: #f6f6f6;background: #fff;}
table.style-2 td, table.style-2 th { margin: 0;text-align: center; padding: 13px 10px; vertical-align: top;color: #454545; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
table.style-2 th { background-color: #f6f6f6; border-top: 1px solid #fff;}

.pricing-table-holder {
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 40px;
	background: url('pricing-table-shadow.png') no-repeat 50% 100%;
	vertical-align: top;
}
table.pricing-1 { background-position: 0 0; background-position: 0 bottom; background-repeat: repeat-x; border-collapse: collapse; -webkit-box-shadow: #600 0 1px 1px; -moz-box-shadow: #600 0 1px 1px; box-shadow: #600 0 1px 1px; border-top: none; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; margin: 30px 0;  padding: 0; width: 100%; font-size: 1.2em;color: #191919; }
table.pricing-1 > tbody > tr > * { margin: 0;padding: 0;}
table.pricing-1 table.column { margin: 0; border: none; padding: 0; position: relative; }
.idd { position: relative; z-index: 9999; }
table.pricing-1 table.column tr > * { padding: 10px 15px; text-align: left; color: #fff; border-left: 1px solid #720e25; text-shadow: #000 1px 1px 0;text-shadow: rgba(0,0,0,.4) 1px 1px 0;
}
table.pricing-1 .price { text-align: center !important}
table.pricing-1 .price strong { font-size: 1.5em; line-height: 1em;}
 { border: 2px solid #aa173b; }
table.pricing-1 table.column tr > th {
	background-color: #F27979;
	border-left: none;
	font-size: 1.5em;
	color: #191919;
	text-align: center;
	padding: 15px;
	font-family: diavlo-light, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #f3e6e9;
	border-top: none !important;
	text-shadow: #fff 1px 1px 1px;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(229,198,205)), color-stop(1, rgb(255,255,255)) );
	background: -moz-linear-gradient( center bottom, rgb(229,198,205) 0%, rgb(255,255,255) 100% );
	border-left: 1px solid rgba(0,0,0,.05);
}
table.pricing-1 td:first-child table.column tr > th { border-left: none; }

table.pricing-1 .color1 {
	background-color: #c71414;
	background-image: -moz-linear-gradient(
    center top,
    rgb(166,22,58) 0%,
    rgb(126,15,39) 100%
);
}
table.pricing-1 .color1 tr > * { border-top: 1px solid #8e122c; border-bottom: 1px solid #6e0e22; border-top: 1px solid rgba(255,255,255,0.07); border-bottom: 1px solid rgba(0,0,0,.15);}
table.pricing-1 .color2 {
	background-color: #c71414;
	background-image: -moz-linear-gradient(
    center top,
    rgb(237,9,34) 0%,
    rgb(110,13,32) 100%
) ;
}
table.pricing-1 .color2 tr > * { border-top: 1px solid #7b0e24; border-bottom: 1px solid #5a0b1b; border-top: 1px solid rgba(255,255,255,0.07); border-bottom: 1px solid rgba(0,0,0,.15);}
table.pricing-1 .color3 {
	background-color: #1539F1;
	background-image: -moz-linear-gradient(
    center top,
    rgb(95,116,245) 0%,
    rgb(21,57,241) 100%
) ;
}
table.pricing-1 .color3 tr > * { border-top: 1px solid #6b0b20; border-bottom: 1px solid #4f0818; border-top: 1px solid rgba(255,255,255,0.07); border-bottom: 1px solid rgba(0,0,0,.15);}

table.pricing-1 table.column.current {
	border: 2px solid #c71414 ;
	margin-top: -2px;
	margin-bottom: -2px;
	margin-left: -2px;
	margin-right: -2px;
	z-index: 999;
	position: relative;
}
table.pricing-1 table.column.current th { font-family: diavlo-bold, Arial, Helvetica, sans-serif}

.js .pricing-table-button-holder { display: none; }
.js .current .pricing-table-button-holder { display: block; }
.pricing-table-button-holder { position: relative; margin: 0 -15px;}
.pricing-table-button { background-color: #50a9ca; color: #fff; font-family: diavlo-black, Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; bottom: -59px; left: -2px; width: 100%; margin: 0; padding: 15px 0; text-align: center; font-size: 1.9em; height: 15px; max-height: 15px; : 2px solid #82122d;border-top: none;}
.js .pricing-table-button {
	border-top: none;
	border-style: solid;
	border-width: 2px;
	border-top-color: inherit;
	border-right-color: #c71414;
	border-bottom-color: #c71414;
	border-left-color: #c71414;
}

.pricing-table-holder .addthis { margin-top: -10px; margin-bottom: 10px;}

.pricing-1 .icon { margin-right: 5px; margin-bottom: -3px; }
table.js .tooltip { display: block; font-size: .8em; line-height: 1em;}
table .tooltip span { background-image: none; padding-left: 20px;}


form { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: none; }
fieldset {margin: 0; padding: 0;border: none; }
form ul, form li { list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
form li { margin: 3px 0; display: block;}
form ul li.text { padding-top: 25px; }
form ul li.half {width: 45% !important;margin-right: 10%;}
form ul li.half + li.half {margin-right: 0;}
input[type=text], textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/* width: 98%;*/display: block; /*padding: 5px 2% can't use this because of FIREFOX bug with handling percentage paddings for inputs. STACK OVERFLOW solution is used below instead to avoid any dodgy workarounds*/ ;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

/*STACK OVERFLOW solution for 100% px width fluid inputs*/
input[type=text], textarea {
	display: block;
	padding: 5px 5px;
	width: 100%;
	box-sizing: border-box; /* css3 rec */;
	-moz-box-sizing: border-box; /* ff2 */;
	-ms-box-sizing: border-box; /* ie8 */;
	-webkit-box-sizing: border-box; /* safari3 */;
	-khtml-box-sizing: border-box; /* konqueror */
}
input[type=text]:hover, input[type=text]:focus, textarea:hover, textarea:focus {
	color: #555555;
}

.sidebar form { clear: left; }

/* = end =============GENERAL============== */


/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 940px;
	height: 450px;
	background: #000 url('../images/orbit/loading.gif') no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }

/* #featured div {width:940px; height:375px;  display:block;} if you want video displaying first or only slide */
/*  #featured-home div {width:940px; height:375px;  display:block;} if you want video displaying first or only slide */

#featured-home-container {height:430px; padding-top:130px;  width:940px; margin:0 auto; overflow:hidden; background:url(../images/orbit/background.png) 0px 442px no-repeat;}
#featured-home { 
	width: 940px;
	height: 375px;
	background: #000 url('../images/orbit/loading.gif') no-repeat center center;
	overflow: hidden; }
#featured-home>img,  
#featured-home>div,
#featured-home>a { display: none; }



#featured-slider-outside {	width:100%; overflow:hidden;  position:relative; text-align:center;  margin-bottom:-250px;}
#featured-slider-container { position:relative;  left:50%; width:1500px; }
#featured-slider-subcontainer {position:relative;  left:-50%; width:1500px; }

#featured-page-title {width: 100%;
height:250px;
background: #000 url('../images/orbit/loading.gif') no-repeat center center;
overflow: hidden;
}
#featured-page-title>img,  
#featured-page-title>div,
#featured-page-title>a { display: none; }


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 22px;
    right: 25px;
    opacity: .8;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: -10px;
    background: url(../images/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 20px;
    left: 0;
    background: url(../images/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/orbit/pause-black2.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(../images/orbit/pause-black2.png) no-repeat 0 -20px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
	width:30px;
	height:30px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -10px;
    cursor: pointer; }

div.slider-nav span.right {
    background:url(../images/orbit/arrows.png) -30px 0 no-repeat;
    right: 15px; }

div.slider-nav span.left {
    background: url(../images/orbit/arrows.png) 0px 0px no-repeat;
    left: 15px; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    left: 50%;
	border:1px solid #3d3d3d; 
	background:#000; 
	background: rgba(0, 0, 0, 0.65);
	-moz-border-radius:4px; 
	border-radius:4px; 
	padding:0px 5px 0px 10px;
	margin-left:-56px;
	bottom:-66px;
}

#main-container .orbit-bullets {bottom:-15px;}
#main-container .orbit-bullets li {margin-left:0px; list-style:none;}

.orbit-bullets li {
    display:block;
	cursor: pointer;
	width:16px;
	height:21px;
	background: url(../images/orbit/nav.png) no-repeat center center;
	text-indent:-9999px;
	border:0;
	margin-right:2px;
	float:left; 
}

.orbit-bullets li.active {
    background: url(../images/orbit/nav_active.png) no-repeat center center; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
    
    
    
    /*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }







/*** SOCIAL MEDIA STYLES IN NAVIGATION ***/
.sf-menu li#facebook-media, .sf-menu li#twitter-media, .sf-menu li#e-mail-media, .sf-menu li#facebook-media a, .sf-menu li#twitter-media a, .sf-menu li#e-mail-media a { background: none ; margin:0px; padding:0px; border:0px; }
.sf-menu li#facebook-media a, .sf-menu li#twitter-media a, .sf-menu li#e-mail-media a {width:21px; height:21px; text-indent:-9999px; display:block; margin-top:5px;  margin-left:9px;}
.sf-menu li#facebook-media a {background:url(../images/icons/social-media/facebook-media-icon.png) 0px 0px no-repeat; }
.sf-menu li#facebook-media a:hover {background:url(../images/icons/social-media/facebook-media-icon.png) 0px -21px no-repeat; }
.sf-menu li#twitter-media a {background:url(../images/icons/social-media/twitter-media-icon.png) 0px 0px no-repeat;  }
.sf-menu li#twitter-media a:hover {background:url(../images/icons/social-media/twitter-media-icon.png) 0px -21px no-repeat;}
.sf-menu li#e-mail-media a {background:url(../images/icons/social-media/e-mail-media-icon.png) 0px 0px no-repeat; }
.sf-menu li#e-mail-media a:hover {background:url(../images/icons/social-media/e-mail-media-icon.png) 0px -21px no-repeat;}


/*** DEFAULT SKIN ***/
#navigation {float:right; position:absolute; right:0px; bottom:24px;  }
#navigation ul ul a { font-weight:normal; font-size:12px; text-shadow: none;}
#navigation ul ul {-moz-border-radius:4px; border-radius: 4px;  padding:10px 6px 6px 6px; margin:0px;}
#navigation ul ul ul {padding:6px;}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu li.current a {
	-moz-border-radius:4px;
	border-radius: 4px;
	color:#fff;
}
.sf-menu a {
	padding:10px 16px;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 1px #333333;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#bfbfbf;
}
.sf-menu li {
	margin-right:5px;
	text-transform:uppercase;
}
.sf-menu li li {
	text-transform:none;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	color:#fff;
	-moz-border-radius:4px;
	border-radius: 4px;
	text-decoration:none;
}

.sf-menu li.sfHover li a {-moz-border-radius:0px; border-radius: 0px;}
.sf-menu li.sfHover a {color:#fff;}
.sf-menu li.sfHover li a {color:#bfbfbf;}
.sf-menu li.sfHover li a:hover {color:#fff; -moz-border-radius:4px; border-radius: 4px;}
.sf-menu li.sfHover li.sfHover a {color:#fff;  -moz-border-radius:4px; border-radius: 4px;}
.sf-menu li.sfHover li.sfHover li a {color:#bfbfbf; background: transparent;}
.sf-menu li.sfHover li.sfHover li a:hover {color:#fff;  -moz-border-radius:4px; border-radius: 4px;}
.sf-menu li.sfHover li.sfHover li.sfHover a {color:#fff; -moz-border-radius:4px; border-radius: 4px;}
.sf-menu li.sfHover li.sfHover li.sfHover li a {color:#bfbfbf; background: transparent;}
.sf-menu li.sfHover li.sfHover li.sfHover li a:hover {color:#fff;  -moz-border-radius:4px; border-radius: 4px;}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			31px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}







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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}





/*   DEFAULT STYLES   */
body {
	background:#ececec url(../images/background.jpg); 
	font-size:13px;
	line-height:22px;
	min-width:980px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color:#747474;
}
* { margin: 0; outline: none; }
p {padding-bottom:18px;}
ul {margin-bottom:24px;}
.bread-crumb-portfolio, .pagination, .exposureData {font-family: 'PT Sans', arial, serif; font-weight:500; }
.sidebar h1, .sidebar h2, .sidebar h3, .sidbar h3, .sidebar h4, .sidebar h5, sidebar h6 {font-family: 'PT Sans Caption', arial, serif; font-weight:700;}
#navigation a, #footer-container h1, #footer-container h2, #footer-container h3, #footer-container h4, #footer-container h5, #footer-container h6 {font-family: 'PT Sans Caption', arial, serif; font-weight:700;}
#navigation ul ul a {font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', arial, serif; font-weight:700; color:#666;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;  color:#666;}
h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover {text-decoration:none; color:#888;}
h1 {  font-size:30px; line-height:32px;  margin-bottom:6px;}
h2 { font-size:22px;  line-height:28px; margin-bottom:6px;}
h3 { font-size:19px; line-height:24px; margin-bottom:6px; }
h4 { font-size:16px; line-height:22px;  margin-bottom:5px;}
h5 {font-size:15px; line-height:20px; margin-bottom:5px;}
h6 {font-size:13px; line-height:20px; margin-bottom:4px;}
iframe {border:0px; margin:0px; padding:0px;}
img.noborder, .noborder img, .regular-slider img {border:none !important; padding:0px !important; background:none !important;}
.center-align {text-align:center;}
.left-align {text-align:left;}
.right-align {text-align:right;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 10px 10px 0;}
.aligncenter { margin:4px 0 10px 0; text-align:center;}
#featured-main-slider, .exposureTarget {height:560px;}  /*  Adjust this if you want taller images in home-page slider */
a:hover {text-decoration:underline;}  


/*=======================
MORE COMMON COLOR CHANGES
=======================*/
/* Background color of navigation menu items - Default: #202020 */
#navigation ul ul, .sf-menu li.current a, .sf-menu li li, .sf-menu li:hover, .sf-menu li.sfHover a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#202020; }  

/* Background color of Sub-Menu Navigation Items on Hover - Default: #292929  */
.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li.sfHover li.sfHover li a:hover {background:#292929;} 

/* Header Background Color when no image is present or simple slider is being used - Default: #535353  */
#header-container {background-color:#535353;}

/* Color of text on index under featured slider  */
#show-case-text-container, #show-case-text-container h1, #show-case-text-container h3, #show-case-text-container h2, #show-case-text-container h4, #show-case-text-container h5, #show-case-text-container h6 {color:#808080;}
#show-case-text-container {background:url(../images/show-case-text-bg.png) bottom left repeat-x; padding:0 0 5px 0;}


/* Opera Fix for Menu */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{#header-nav-position { height:600px; }}

/* HEADER STYLES */
#header-container { background-image: url(../images/header-container-bg.png); border-bottom:2px solid #646464; } /* MAIN HEADER BG */
#header-nav-container {z-index:6; position:relative;}
#header-nav-position {position:absolute; width:100%; min-width:980px; top:0px;  z-index:7;}
#header-nav-bg {background:url(../images/header-nav-container-gradient.png) bottom left repeat-x; position:relative; top:5px;}
#header-nav {background:url(../images/header-nav-bg.png) bottom center no-repeat;  padding:19px 0 23px 0; width:940px; margin:0 auto; position:relative; bottom:5px; }
#header-nav #logo {float:left;}
#header-nav #logo h1 {margin:0px; padding:0px; }
#header-nav #logo h1 a {display:block; text-indent:-9999px;}
#header-nav-base {width:940px; overflow:hidden; height:0px;}


/*   MAIN STYLES   */
#page-title {width:940px; margin:0 auto; height:250px;  }
#page-title h2 {font-size:42px; color:#fff; text-shadow:1px 1px 2px #000000; line-height:44px; position:relative;  z-index:4; top:165px;}
#main-container img {border:1px solid #ccc; padding:3px; background:#fff; }
#main-container-bg {background: url(../images/main-container-bg.png) bottom left repeat-x;}
#main-container {width:940px; margin:0px auto 0px auto; padding:30px 0px 50px 0px; }
#main-container-base {width:940px; overflow:hidden;}
.container {width:940px; overflow:hidden;}
.bread-crumbs {border-bottom:1px solid #e1e1e1; color:#9f9f9f; position:relative; top:-10px; font-size:10px; padding:0 0 8px 0; margin:0px 0 12px 0;}
.bread-crumbs a {color:#9f9f9f; text-decoration:underline;}
.bread-crumbs a:hover {color:#898989;}
a.show-case-button {font-family:Arial, Verdana, sans-serif; font-weight:bold; font-size:15px; color:#fff;
	display: inline-block;
	padding: 14px 35px 15px 35px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 3px #7b7b7b;
	-webkit-box-shadow: 1px 1px 3px #7b7b7b;
	box-shadow:  1px 1px 3px #7b7b7b;
	position: relative;
	cursor: pointer;	
	text-shadow: 1px 1px 2px #666;
	background-image:url(../images/show-case-button-gradient.png);
	background-position:0px -67px; background-repeat:repeat-x;
}
a.show-case-button:hover {background-image:url(../images/show-case-button-gradient.png); background-position:0px -60px; }
.divider {border-bottom:1px solid #e1e1e1; color:#9f9f9f; margin-bottom:35px; padding-bottom:25px;}
.divider-large {background:url(../images/divider-large.png) top center no-repeat; width:940px; height:27px; margin:25px 0 35px 0;}
#main-container .divider-large {background:url(../images/divider-large-sidebar.png) top center no-repeat; width:646px; height:27px; margin:25px 0 25px 0;}
blockquote {font-style:italic; line-height:24px; font-size:14px; color:#626262; background:url(../images/blockquote.png) 15px 9px no-repeat; padding:5px 0 0 50px; margin-bottom:20px;}
#main-container ul.checkmark li { margin-left:0px; background:url(../images/checkmark.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#main-container ul.arrow li { margin-left:0px; background:url(../images/sidebar-arrow.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#main-container ul li {list-style:disc; margin-left:20px;}
#main-container ol li {list-style:decimal; margin-left:23px;}
.button {font-size:12px; font-weight:bold; color:#858585; font-family: Arial, sans-serif;
	background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x;
	display: inline-block;
	padding: 10px 19px 11px 19px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	box-shadow:  0 1px 3px #ccc;
	border-bottom: 1px solid #b8b8b8;
	position: relative;
	cursor: pointer;
}
a.button:hover {background-color:#fff; color:#787878; text-decoration:none;}
.dark-button {font-size:14px; font-weight:bold; color:#fff; font-family: Arial, sans-serif;
	background: #434343 url(../images/big-button-overlay.png) top left repeat-x;
	display: inline-block;
	padding: 10px 19px 11px 19px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 4px #999;
	-webkit-box-shadow: 0 1px 4px #999;
	box-shadow: 0 1px 4px #999;
	border-bottom: 1px solid #343434;
	position: relative;
	cursor: pointer;
}
a.dark-button:hover {background-color:#373737; color:#fff; text-decoration:none;}
.team-member {padding:10px 0 10px 0;}
.team-member h4 {margin-bottom:3px; padding-top:5px;}
.team-member img {margin-right:15px;}
#map iframe {background:#fff;border:1px solid #ccc; padding:3px; }
.bread-crumb-portfolio { margin:0 0 15px 0; color:#6f6f6f; font-size:13px;}
.bread-crumb-portfolio a {font-size:11px; color:#6f6f6f; padding:8px 15px; background-color:#e4e4e4; margin:0px 0px 0px 2px; border:1px solid #cecece; text-decoration:none;}
.bread-crumb-portfolio a:hover {background-color:#dadada;}
.bread-crumb-portfolio a.selected_bread, .bread-crumb-portfolio a.selected_bread:hover {background-color:#686868; color:#fff; border:1px solid #686868;}
.pagination {text-align:right; margin-bottom:15px;  color:#6f6f6f; font-size:11px;}
.pagination a {color:#6f6f6f; padding:8px 10px; background-color:#e4e4e4; margin-right:1px; text-decoration:none; border:1px solid #cecece;}
.pagination a:hover {background-color:#dadada;}
.pagination a.selected, .pagination a.selected:hover {background-color:#686868; color:#fff; border:1px solid #686868;}
#portfolio {padding-top:14px;}
#portfolio .divider {margin-top:8px;}
#portfolio img {margin-bottom:10px;}
#show-case-text {width:940px; margin:0 auto;  padding:25px 0 20px 0; }
#show-case-text a.show-case-button {float:right; margin:0px 3px 0px 30px;}


/*   SIDEBAR STYLES   */
.sidebar {float:right; width:238px;  margin:0px 0px 30px 0px; position:relative; top:-30px; padding:60px 0 0 32px; background:url(../images/sidebar-divider.png) top left no-repeat;}
.sidebar a {color:#555;}
#main-content-sidebar {width:646px; float:left; }
#sidebar-base {background: url(../images/sidebar-base.png) top left no-repeat; height:120px; margin-top:-120px;  width:20px; top:120px;  position:relative; right:32px;}
#main-container .sidebarleft #sidebar-base {background:url(../images/sidebar-base-left.png) top right no-repeat; left:250px; }
#main-container .sidebarleft {float:left; background:url(../images/sidebar-divider-left.png) top right no-repeat; padding:32px 32px 0 0; margin-right:24px;}
#main-container .sidebar ul.submenu li {list-style:none; margin-left:0px; padding-left:0px;}
ul.submenu li a {display:block; border-bottom:1px solid #d8d7d8;  padding:6px 0 6px 33px; margin:0px; text-decoration:none; background:url(../images/sidebar-arrow.png) 11px 10px no-repeat;}
ul.submenu li a:hover, ul.submenu li.selected a {  background-color:#e6e6e6;}
.sidebardivider {padding-bottom:25px;}


/*   COLUMNS   */
.grid2column, .grid3column, .grid3columnbigcolumn, .grid4column, .grid4columnbig, .grid5column {float:left;}
.grid2column {width:455px; margin-right:30px; }
.grid3columnbigcolumn {width:616px; margin-right:30px;}
.grid3column {width:293px; margin-right:30px; }
.grid4column {width:212px; margin-right:30px;}
.grid4columnbig {width:696px; margin-right:30px;}
.lastcolumn, #main-content-sidebar .lastcolumn {margin-right:0px !important;}
#main-content-sidebar .container {width:646px;}
#main-content-sidebar .grid2column {width:308px; margin-right:30px; }
#main-content-sidebar .grid3column {width:195px; margin-right:30px; }
#main-content-sidebar .grid4column {width:139px; margin-right:30px; }
#main-content-sidebar .grid3columnbigcolumn {width:420px; margin-right:30px; }
#main-content-sidebar .grid4columnbig {width:477px; margin-right:30px;}

/*   FOOTER STYLES   */
#footer-container {  background-image:url(../images/footer-bg.png); background-position:top left; background-repeat:repeat-x; text-shadow: 1px 1px 2px #646464; color:#dfdddd; font-size:12px;}
#footer-base-container { background:url(../images/footer-base-bg.png) top left repeat-x;}
#footer-base {width:940px; margin:0 auto; padding:25px 0 25px 0; color:#b7b7b7; }
#footer {width:940px; margin:0 auto; padding:40px 0px 30px 0px; overflow:hidden; background:url(../images/footer-gradient.png) top center no-repeat;}
#footer-container a {color:#fff; text-decoration:none;}
#footer-container a:hover {color:#ddd;}
#footer-container h1, #footer-container h2, #footer-container h3, #footer-container h4, #footer-container h5, #footer-container h6 {color:#fff; text-transform:uppercase; text-shadow: 1px 1px 3px #3b3b3b; background:url(../images/footer-heading.png) bottom left repeat-x; padding-bottom:8px; margin-bottom:12px;}
#footer ul li {border-bottom:1px solid #777777;padding-bottom:5px; margin-bottom:5px; }
#footer ul li a {  display:block; padding-left:5px;}
#footer ul.contact-info li {border:none; padding-left:25px; margin-bottom:2px;}
#footer ul.contact-info li a {padding-left:0px; display:inline;}
#footer ul.contact-info li.phone {background:url(../images/icons/phone.png) 4px 1px no-repeat;}
#footer ul.contact-info li.e-mail {background:url(../images/icons/e-mail.png) 0px 3px no-repeat;}
#footer ul.contact-info li.address {background:url(../images/icons/address.png) 1px 2px no-repeat;}


/*   BLOG STYLES   */
.post-heading {width:646px; overflow:hidden; margin:0px 0 15px 0;}
.post-data {width:600px; float:left; color:#7d7d7d; font-size:11px;}
.comments {font-family: Arial, sans-serif; line-height:1; float:right; text-align:center;  width:31px; height:34px; font-size:14px; }
.comments a {color:#949494; margin-top:13px; background:url(../images/blog-comments.png) 0px 0px no-repeat; display:block;  width:32px; height:25px; text-decoration:none; padding-top:6px;}
.comments a:hover {color:#6a6a6a; background:url(../images/blog-comments.png) 0px -34px no-repeat;}
h2.blogpost {font-size:28px; line-height:31px; margin-bottom:4px; margin-top:2px;}
#author_description { width:636px; overflow:hidden; margin:15px 10px 0 0;}
#author_description img {float:left;  margin:0 25px 0 10px;}
#main-container #main-content-sidebar ol.commentlist {list-style:none; margin:25px 0 20px 0; width:646px; overflow:hidden; }
#main-container #main-content-sidebar ol.commentlist li { list-style:none; margin:0 0 15px 0;  width:646px; overflow:hidden; }
.avatarimage {float:left; width:75px;}
.comment-body {float:right; width:525px; background:url(../images/comment-bg.png) top left no-repeat; padding:20px 10px 20px 30px;}
.comment-body p {margin-bottom:8px;}
.comment-author {font-size:16px; padding-bottom:5px;}
.comment-date {font-size:12px; padding-left:10px;}
#respond input, #respond textarea {border:1px solid #dadada; padding:6px; font-size:14px; background:#fff;}
#respond input:focus {  border: 1px solid #b7d6df; -webkit-box-shadow: 0 0 4px #6a9ec9; -moz-box-shadow: 0 0 4px #6a9ec9; box-shadow: 0 0 4px #6a9ec9;}
#respond textarea:focus {  border: 1px solid #b7d6df; -webkit-box-shadow: 0 0 4px #6a9ec9; -moz-box-shadow: 0 0 4px #6a9ec9; box-shadow: 0 0 4px #6a9ec9;}
#respond h3 {padding:15px 0 15px 0;}
#respond label {font-size:12px;}
#respond span.required {color:#f10000}

/*   TWITTER AND FLICKR STYLING   */
#footer #jtwt { margin-bottom:28px; overflow:hidden;  }
#footer #jtwt_picture {float:left;  padding:5px 10px 65px 0; }
#footer #jtwt_tweet a {text-decoration:underline;}
#footer #jtwt_date {font-size:10px; font-style:italic; padding-top:5px;}
#footer a#jtwt_date {color:#989898; text-decoration:none;}
#footer a#jtwt_date:hover {color:#a7a7a7; text-decoration:none;}
.sidebar #jtwt_picture {float:left;  padding:5px 10px 65px 0; }
.sidebar #jtwt img { border:none; padding:0px; background:transparent; }
.sidebar #jtwt { margin-bottom:20px; overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:15px; }
.sidebar #jtwt_tweet a {text-decoration:underline;}
.sidebar a#jtwt_date {color:#838383; text-decoration:none; font-size:10px; font-style:italic; padding-top:5px;}
.sidebar a#jtwt_date:hover {color:#979797; text-decoration:none;}
.sidebar #flickrsidebar ul {list-style:none; margin:7px 0 0 0; padding:0px;}
.sidebar #flickrsidebar ul li {display:inline; margin:0px; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img {margin:0px 9px 8px 0px; width:70px; height:70px; border:none;  opacity: 0.8; -moz-opacity: 0.8; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img:hover {opacity: 1; -moz-opacity: 1;}
#footer #flickrfooter ul {list-style:none; margin:7px 0 0 0; padding:0px;}
#footer #flickrfooter ul li {display:inline; float:left; margin:0px; padding:0px; background:transparent; border:none;}
#footer #flickrfooter ul li a {background:transparent;}
#footer #flickrfooter ul li img {margin:0px 12px 8px 0px; width:52px; height:52px;  border:3px solid #c9c9c9;  opacity: 0.8; -moz-opacity: 0.8;}
#footer #flickrfooter ul li img:hover {opacity: 1; -moz-opacity: 1; }
#footer #flickrfooter ul li a {display:inline; padding:0px; margin:0px;}

/*   CONTACT FORM STYLING   */
#contact-wrapper { width:450px; margin-left:3px;}
#contact-wrapper div { clear:both; margin:1em 0; }
#contact-wrapper label { display:block; float:none; width:auto; }
form#contactform input {background:#fff; border:1px solid #dadada; padding:8px; font-size:14px; width:250px;  }
form#contactform textarea {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; background:#fff; font-size:14px; padding:8px;  border:1px solid #dadada;   }
#contact-wrapper input.error, #contact-wrapper textarea.error {font-size:14px; font-style:normal !important; color:#747474 ;} 
#contact-wrapper .error {color:#666; font-style:italic; margin-bottom:0px; font-size:11px;}
p.success {color:#039300;}
form#contactform input.submit-form {width:115px; cursor:pointer; display:inline-block;  text-decoration:none !important; font-size:12px; font-weight:bold; color:#858585; font-family: Arial, sans-serif;	background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x; border-top:none !important; border-right:none !important; border-left:none !important; border-bottom: 1px solid #b8b8b8;	padding: 10px 19px 11px 19px;line-height: 1;	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc;  border-bottom: 1px solid #b8b8b8; position: relative; cursor: pointer;}
form#contactform input.submit-form:hover {background-color:#fff; color:#787878;}
#contact-wrapper span.required {color:#f10000}
form#contactform input:focus {  border: 1px solid #b7d6df; -webkit-box-shadow: 0 0 4px #6a9ec9; -moz-box-shadow: 0 0 4px #6a9ec9; box-shadow: 0 0 4px #6a9ec9;}
form#contactform textarea:focus {  border: 1px solid #b7d6df; -webkit-box-shadow: 0 0 4px #6a9ec9; -moz-box-shadow: 0 0 4px #6a9ec9; box-shadow: 0 0 4px #6a9ec9;}

body#footer-contact {  background-image: url(../images/footer-bg.png); background-position: 0px -82px; background-repeat:repeat-x;  }
#contact-wrapper-footer { margin:0px; padding:0px; width:212px; font-size:12px; line-height:14px; color:#bbb;}
#contact-wrapper-footer p.success {margin-bottom:8px; color:#fff;}
#contact-wrapper-footer p.error {color:#bbb; font-style:italic; margin-bottom:0px; font-size:10px; margin-bottom:12px;}
#contact-wrapper-footer div { clear:both; margin:0 0 15px 0;width:218px;  overflow:hidden; }
#contact-wrapper-footer label { display:block; width:auto; float:right;  font-size:11px; padding:12px 25px 0 0; color:#bbb;}
#contact-wrapper-footer label.error {float:left; position:relative; top:-10px; margin-bottom:-10px; font-style:italic;}
#contact-wrapper-footer form#contactformfooter input {background:url(../images/footer-form-bg.png) top left repeat-x; border-color:#535353; border-style:solid; border-width:1px;	padding:6px; font-size:11px; float:left; color:#fff;  width:140px;}
#contact-wrapper-footer form#contactformfooter textarea {background:url(../images/footer-form-bg2.png) top left repeat-x ; font-size:11px; padding:6px;border-color:#535353;  border-style:solid; border-width:1px; color:#fff; }
#contact-wrapper-footer form#contactformfooter input.submit-form {width:115px; cursor:pointer; display:inline-block;  text-decoration:none !important; font-size:12px; font-weight:bold; color:#fff; font-family: Arial, sans-serif;	background: #434343 url(../images/big-button-overlay.png) top left repeat-x; 	padding: 10px 19px 11px 19px;line-height: 1;	-moz-border-radius: 4px; border-radius: 4px;	-webkit-border-radius: 4px; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-top:none; border-left:none; border-right:none; border-bottom: 1px solid #343434;  cursor: pointer;}
#contact-wrapper-footer form#contactformfooter input.submit-form:hover {background-color:#373737; color:#fff;}
#contact-wrapper-footer form#contactformfooter input:focus, #contact-wrapper-footer form#contactformfooter textarea:focus {  border: 1px solid #696969;}

/*   TOOL TIPS STYLES   */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/*   SOCIAL NETWORKING ICONS   */
.social-email, .social-linkedin, .social-twitter, .social-facebook, .social-flickr, .social-rss, .social-youtube, .social-vimeo, .social-yelp, .social-tumblr {width:20px; height:21px; padding-right:7px; display:block;  float:left; text-indent:-999px;}
a.social-email {background:url(../images/icons/social-email.png) 0px -21px no-repeat;}
a.social-email:hover {background:url(../images/icons/social-email.png) 0px 0px no-repeat;}
a.social-linkedin {background:url(../images/icons/social-linkedin.png) 0px -21px no-repeat;}
a.social-linkedin:hover {background:url(../images/icons/social-linkedin.png) 0px 0px no-repeat;}
a.social-twitter {background:url(../images/icons/social-twitter.png) 0px -21px no-repeat;}
a.social-twitter:hover {background:url(../images/icons/social-twitter.png) 0px 0px no-repeat;}
a.social-facebook {background:url(../images/icons/social-facebook.png) 0px -21px no-repeat;}
a.social-facebook:hover {background:url(../images/icons/social-facebook.png) 0px 0px no-repeat;}
a.social-flickr {background:url(../images/icons/social-flickr.png) 0px -20px no-repeat;}
a.social-flickr:hover {background:url(../images/icons/social-flickr.png) 0px 0px no-repeat;}
a.social-rss {background:url(../images/icons/social-rss.png) 0px -20px no-repeat;}
a.social-rss:hover {background:url(../images/icons/social-rss.png) 0px 0px no-repeat;}
a.social-youtube {background:url(../images/icons/social-youtube.png) 0px -20px no-repeat;}
a.social-youtube:hover {background:url(../images/icons/social-youtube.png) 0px 0px no-repeat;}
a.social-vimeo {background:url(../images/icons/social-vimeo.png) 0px -20px no-repeat;}
a.social-vimeo:hover {background:url(../images/icons/social-vimeo.png) 0px 0px no-repeat;}
a.social-yelp {background:url(../images/icons/social-yelp.png) 0px -20px no-repeat;}
a.social-yelp:hover {background:url(../images/icons/social-yelp.png) 0px 0px no-repeat;}
a.social-tumblr {background:url(../images/icons/social-tumblr.png) 0px -20px no-repeat;}
a.social-tumblr:hover {background:url(../images/icons/social-tumblr.png) 0px 0px no-repeat;}


/*   JCAROUSEL STYLES   */
#carousel {position:relative; left:4px; padding:30px 0px 0px 0px;}
body #carousel ul#mycarousel li {margin-left:0px; padding:0px; list-style:none;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:940px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal { 
    width:  924px;
    height: 112px;  /* HEIGHT OF CAROUSEL IMAGES */
}
.jcarousel-skin-tango .jcarousel-item {  /* WIDTH AND HEIGHT OF CAROUSEL IMAGES */
    width: 142px; 
    height: 112px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 13px;  
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50%;
	margin-top:-12px;
    right: -13px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat top right;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(../images/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:top right;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: top right; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
	margin-top:-12px;
    left: -35px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat top right;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:  top right; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0px;}


/*  MAIN SLIDER STYLING AND PORTFOLIO GALLERY SLIDER */
#featured-slider-outside2 {	width:100%; overflow:hidden;  position:relative;  }
#featured-main-slider { overflow:hidden; width:100%;}
ul.exposureThumbs li img {cursor:pointer;}
ul.exposureThumbs li.last {margin:0;}
.exposureWrapper { position:absolute;  top:0;  left:0;}
.exposureWrapper img {cursor:pointer; position:absolute; top:0; left:0; }
.exposureLoaded {	background-image:none;	}
#images {
	display:none;
	margin:0px;
	padding:0px;
	width:940px;
}
.exposureTarget {
	width:100%;
	background-color:#000;	
	padding:0;
	position:relative;
}
#featured-main-slider .exposureData {
	position:absolute;
 	right:280px;
 	bottom:90px;
	width:288px;
	color:#fff;
	line-height:18px;
	text-align:left;
}
#featured-main-slider .caption-area {padding:12px 20px;  display:block; background-image:url(../images/slideshow/veil.png);}
.exposureData h1, .exposureData h2, .exposureData h3, .exposureData h4, .exposureData h5, .exposureData h6  {color:#fff;}
.exposureData a {color:#fff; text-decoration:underline;}
.exposureData p {padding-bottom:6px;}
#featured-main-slider .panel {
	background:url(../images/slideshow/slider-nav-bg.png) top left repeat-x;
	position:absolute;
	bottom:0px;	
	left:50%;
	padding-top:14px;
	margin-left:-750px;  /* Half of 1500 Image Size */
	width:100%;
}
#featured-main-slider ul.exposureThumbs {
	margin-left:280px;
	margin-bottom:14px;
	width:915px;
	padding:0px 0px 0px 25px;
	height:40px;
	list-style-type:none;
}
#featured-main-slider ul.exposureThumbs li.last {margin:7px 9px 2px 9px;}
#featured-main-slider ul.exposureThumbs li {
	margin:7px 9px 2px 9px;
	padding:0px;
	text-align:center;
	display:none;
	float:left;
	width:160px;
	background:#000;
}
#featured-main-slider ul.exposureThumbs li.active {background:url(../images/slideshow/nav-selected.png) top left no-repeat; padding:7px 2px 2px 2px; margin:0px 7px 0px 7px;}
#featured-main-slider a.exposurePlaySlideshow, a.exposurePauseSlideshow {display:block; color:#fff; position:absolute; top:120px; font-size:11px; right:280px; text-shadow:1px 1px 2px #000000; width:20px; height:20px;  text-indent:-99999px; }
#featured-main-slider a.exposurePlaySlideshow {background:url(../images/slideshow/play-pause.png) 20px 20px;}
#featured-main-slider a.exposurePlaySlideshow:hover {background-position: 20px 0px;}
#featured-main-slider a.exposurePauseSlideshow {background:url(../images/slideshow/play-pause.png) 0px 20px;}
#featured-main-slider a.exposurePauseSlideshow:hover {background-position: 0px 0px;}
#featured-main-slider .exposureControls a.exposurePrevPage { position:absolute; top:24px; left:280px; display:block; text-indent:-99999px; background:url(../images/slideshow/left-navigation.png) top left no-repeat; width:25px; height:25px; }
#featured-main-slider .exposureControls a.exposureNextPage {  position:absolute; top:24px;right:280px;  display:block; text-indent:-99999px; background:url(../images/slideshow/right-navigation.png) top left no-repeat; width:25px; height:25px; } 
#featured-main-slider .exposureControls a:active,
#featured-main-slider .exposureControls a:hover {background-position:0px -25px;}
/*  CSS for Portfolio Slider */
#portfolio-main-slider .exposureData {
	position:absolute;
 	right:30px;
 	bottom:30px;
	width:288px;
	color:#fff;
	line-height:18px;
	text-align:left;
}
#portfolio-main-slider .exposureTarget {background:#ececec url(../images/background.jpg); }
#portfolio-main-slider .caption-area {padding:12px 20px; background-image:url(../images/slideshow/veil.png);}
#portfolio-main-slider .panel { margin-top:25px; padding-bottom:5px; width:940px; overflow:hidden; position:relative; }
#portfolio-main-slider ul.exposureThumbs {list-style:none; margin:0px; padding:0px 0px 0px 40px; }
#portfolio-main-slider ul.exposureThumbs li.last {margin-right:0px;}
#portfolio-main-slider ul.exposureThumbs li {
	list-style:none;
	margin:0px 16px 0px 0px;
	padding:0px 0px 5px 0px;
	text-align:center;
	display:none;
	float:left;
}
#portfolio-main-slider .exposureControls a.exposurePrevPage { position:absolute; top:30px; left:0px; display:block; text-indent:-99999px; background:url(../images/slideshow/left-navigation-dark.png) top left no-repeat; width:25px; height:25px; }
#portfolio-main-slider .exposureControls a.exposureNextPage {  position:absolute; top:30px; right:0px;  display:block; text-indent:-99999px; background:url(../images/slideshow/right-navigation-dark.png) top left no-repeat; width:25px; height:25px; } 
#portfolio-main-slider .exposureControls a:active,
#portfolio-main-slider .exposureControls a:hover {background-position:0px -25px;}



    
    


  /* - max-width: 960 */
@media (max-width: 960px) {	
    body {min-width: 300px;}
	.grid2column {width:355px; margin-right:30px; float: none }
    #page-title {width:100%; margin:0 auto; height:250px;  }
    #main-container {width:100%; margin:0px auto 0px auto; padding:30px 0px 50px 0px; }
    #main-container-base {width:100%; overflow:hidden;}
    .container {width:100%; overflow:hidden;}
    #header-nav {width:100%; overflow:hidden;}
    #header-nav-base {width:100%; overflow:hidden;}
#header-nav #logo h1 a {width:100%; height:64px; background: url("../images/logo.png") top left no-repeat;}
#header-nav-position {width:100%; overflow:hidden;min-width: 300px}
#navigation {width:70%; overflow:hidden;margin-top: 20px; position: static}
#show-case-text {width:100%; overflow:hidden;}
#featured-main-slider ul.exposureThumbs li {width:20%; overflow:hidden;}
#header-home {width:100%; overflow:hidden;}
#featured-slider-container { left:0%; overflow:hidden;}
#featured-slider-subcontainer {position:relative;  left:0%; width:100%; }
#exposure {width:100%; height:auto; overflow:hidden;}
#featured-main-slider ul.exposureThumbs {width:100%; overflow:hidden;}

.jcarousel-skin-tango .jcarousel-container-horizontal{width:100%; overflow:hidden;}
#footer {width:80%; overflow:hidden;}
#footer-base {width:60%; overflow:hidden;}
footer-base-container {width:100%; overflow:hidden;}
    
}