/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	Xwidth: 700px;
	Xheight: 390px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}
/* Opera width restriction */
.anythingBase { max-width: 32766px; }

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
Xdiv.anythingSlider .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	background: #777;
	color: #000;
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #7C9127;
}
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 45px 0px 45px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
	width: 900px; Xheight: 957px;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../../images/default.png) no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/default.png);
	background-position: center -288px ;
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .anythingControls ul a:hover {
	background-image: none;
}
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/default.png);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	background:url(fancybox/overlay.png);
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(fancybox/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url(fancybox/fancy_loading.gif) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #036;
 	background:url(fancybox/body_bg.jpg);
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/
/* Self Clearing Floats */
/* ---------------------------------------- */

/* effective yet slightly paranoid clearfix hack */
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    	content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }

*:focus{outline:none;}

.hidden{Xdisplay:none;position:relative;left:-10000px;}
.gone{display:none;}

.plist li{margin-bottom:.7em}

html, body {
	height: 100%;
}

body {
 	margin:0px;
	color: #036;
 	line-height:1.2;
 	text-align:center;
 	font-size:12px;
 	background:url('../../skin/body-bg.jpg') repeat-x;
}
body#home {background-image:url('../../skin/body-bg-home.jpg');}
body#proposal {background:#666 url('../../skin/body-bg-home.jpg') repeat-x;}
body#contact_us {background:#FFF;line-height:1.2;}
body, p, li, td {
 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


#wrapper{
	/* NEW: pinning footer to bottom of page: */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; 
	/* END NEW: pinning footer to bottom of page: */
	/*background:url('../../skin/frame-bg.png') repeat-y center;*/
}
#frame{
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
	/*background:url('../../skin/frame-bg.png') repeat-y center;*/
	text-align:left;
	border-bottom:solid 1px transparent;
}


#topnav_container{
	width:970px;
	height:120px;
	Xbackground:url('../../skin/alt_header.jpg') repeat-y center;
	margin:0 auto;
	text-align:left;
	position:relative;
	left:-60px;
}
#header{height:92px;}
#DEPRECATED-flash-ph{background: url('../../skin/flash-ph.jpg') no-repeat 26px top;height:92px;display:block;}
#DEPRECATED-flash-ph a{display:block;height:92px;float:left;}
#DEPRECATED-flash-ph-home{width:766px;}
#DEPRECATED-flash-ph-contact{width:192px;background: url('../../skin/flash-ph.jpg') no-repeat right top;}
#DEPRECATED-flash-ph-contact:hover{background-position: right -100px;}
#header_home{display:block;position:relative;top:12px;height:80px;background: url('../../skin/logo-mcs.svg') no-repeat center bottom;background-size: contain;}

#topnav ul{
	margin:0;
	padding:0;
	padding-top:8px;
	font-size:1px;
	text-align:center;
}
#topnav .spacer{
	height:110px;
}
#topnav li{
	display:inline;
	padding:0 1px;
}
#topnav a{
	color:#FFF;
	display:inline-block;
	margin:0 .1em;
	background:url('../../skin/nav_tab-bg.gif') no-repeat left top;
	background:#999;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-decoration:none;
	font-size:13px;
	height:17px;
	padding:3px 15px 0;
/*
	-webkit-box-shadow:1px -1px 5px #333;
	-moz-box-shadow:3px -3px 10px #000;
	box-shadow:3px -3px 10px #000;
*/
}
#topnav li div{
	display:none;
}
#DEPRECATED-topnav a span{
	Xposition:absolute;
	Xleft:-10000px;
	display:inline-block;
	font-size:13px;
	height:17px;
	padding:3px 15px 0;
	background:url('../../skin/nav_tab-bg.gif') no-repeat right top;
}

#topnav a:hover{background-color:#F60;}
/* 
#topnav a:hover span{background-position:right -40px;}
 */

#home #topnav .home a,
#websites #topnav .websites a,
#services #topnav .services a,
#portfolio #topnav .portfolio a,
#reviews #topnav .reviews a,
#faqs #topnav .faqs a,
#fivesteps #topnav .fivesteps a
{Xcolor:#003366; background-color:#036;	box-shadow:1px 1px 10px rgba(0, 0, 0, .5); }

/* 
#home #topnav .home a span,
#websites #topnav .websites a span,
#services #topnav .services a span,
#portfolio #topnav .portfolio a span,
#reviews #topnav .reviews a span,
#faqs #topnav .faqs a span,
#fivesteps #topnav .fivesteps a span
{background-position:right -80px;}
 */

#nav_rollover{
	position:absolute;
	width:770px;
	height:115px;
	background:url('../../skin/rollover-bg.png') no-repeat center top;
	z-index:200;
	margin-top:2px;
	padding:10px 100px;
	display:none;
}
#nav_rollover p{margin:0;}

#nav_rollover div.rollover_contents{
	height:95px;
	width:750px;
	position:relative;
	left:-80px;
	padding-left:100px;
	font-size:11px;
}
#nav_rollover div.home_r		{background: url('../../skin/rollover-icon-mcs.png') 		no-repeat 30px top;}
#nav_rollover div.fivesteps_r	{background: url('../../skin/rollover-icon-steps.png') 		no-repeat 30px top;}
#nav_rollover div.websites_r	{background: url('../../skin/rollover-icon-web.png') 		no-repeat 35px 12px;}
#nav_rollover div.services_r 	{background: url('../../skin/rollover-icon-services.png') 	no-repeat 10px top;}
#nav_rollover div.portfolio_r	{background: url('../../skin/rollover-icon-portfolio.png') 	no-repeat 30px top;}
#nav_rollover div.reviews_r		{background: url('../../skin/rollover-icon-reviews.png') 	no-repeat 30px top;}
#nav_rollover div.faqs_r			{background: url('../../skin/rollover-icon-faq.png') 		no-repeat 35px top;}

#nav_rollover h3{margin-top:0;}


#footer, .pusher {
	height: 100px;
	overflow:hidden;
}
#footer{
	height: 90px;
	padding-top:10px;
 	background:url('../../skin/footer-bg.jpg') ;
 	position:relative;
 	z-index:300;
}

X#CONTENT{position:absolute;margin-left:60px; background:#F00; width:5px; height:5px; font-size:1px;}
#CONTENT_BOX{clear:both;position:absolute; width:930px; height:1px; font-size:1px; text-align:center;z-index:10;}

#bottom{display:none;
	background:url('../../skin/bottom-bg.png') no-repeat center top;
	height:50px;
	text-align:center;
}
#bottom span{
	Xposition:relative;
	left:-5000px;
}
#footer,#footer a{color:#AAA;}
#footer a{padding:0 10px 0 12px;border-left:solid 1px #777;}
#footer a.first,
#chamber a{border-left:none;}
#footer a:hover,
#footer a.tag:hover{color:#FFF;}
#footer a.tag,
a.tag{
	color:#F40;
	text-transform:uppercase;
	display:block;
	font-size:18px;
	padding:15px;
	padding-top:0px;
}
#chamber{text-align:center;margin:1.5em;padding-left:35px;}

img	{border:none;}

h2 span{position:relative;left:-5000px;}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	color:#036;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h1,.h1 {
	color:#FFF;
/* 
	font-family: Arial,"Arial Black", Helvetica, sans-serif;
 */
	font-size:40px;
	opacity:.6;
	padding:0;
	margin-top:.5em;
	Xposition:relative;
	left:-30px;
	text-align:left;
	z-index:1;
	height:55px;
	font-weight:normal;
	}

h2,.h2 {font-size:18px; color:#f60;}
h3,.h3 {font-size:14px; color:#f60;}
h4,.h4 {font-size:1em; margin-bottom:0;}
h5,.h5 {font-size:11px;}
h6,.h6 {font-size:10px;}

.h1 {
	color:#999;
	background-position: 50% 0%;
	background-repeat:no-repeat;
	padding-top:20px;
	padding-right:40px;
	border-bottom:solid 1px #999;
	}

.head {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	}

.article {
	font-size:14px;
	}

img {
	border:0px;
	}

a {
	xtext-align:left;
	font-weight:bold;
	color:#036;
	font-family:inherit;
	}

a:hover	{
	color: #f60;
	}

.textcontent {
	margin:10px;
	padding-top:80px;
	background:url(../../pics/bg_textcontent.gif) no-repeat 50% 0%;
	}

#text {
	Xmargin: 0px auto 30px auto;
	Xwidth:810px;
	text-align:left;
	}
.slideaway{
	position:relative;
	left:-10000px;
}
.noslide{
	left:0px;
}

.client_profile{ font-size:14px; height:357px;}
.client_profile ul{ margin:0; }
.client_profile li{display:none;}
.client_profile li.anythingBase{display:block;}
.client_profile li{padding:0 40px 0 5px;margin:0;}
.client_profile ul.anythingBase,
.client_profile ul.anythingBase li{padding:0;margin:0;width:900px;}
.client_profile{
	height:375px;
	overflow:hidden;
	width:990px;
	position:relative;
	left:-45px;
}
.client_profile img{
	float:right;
	padding:0px 0px 0 30px;
	border:none;
	position:relative;
	Xtop:-10px;
}
.client_profile h3{
	font-size:16px;
	margin-top:0;
	color:#D2DCEB;
/*
	border-bottom:solid 1px #DDD;
*/
}
.panel ul,.panel li{display:block;color:#D2DCEB;}
.panel ul{margin-left:1.8em;}
.panel li{list-style: disc outside;}
.client_profile p{Xfont-size:15px;color:#B2BCCB;line-height:1.5;}
.client_profile a{color:#B2BCCB;}
.client_profile a:hover{color:#FFF;}

.more_design a{
	display:block;
	float:right;
	width:181px;
	height:40px;
	background:url(../../skin/pointer-button.png) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
.more_design a:hover{background-position:left -50px;}

#cp1, #cp2, #cp3{/*display:none;*/}

.normal{
	font-weight:normal;
}
.callout1 {
	padding:15px 0px 0px 0px;
	}
.callout1 h3{
	padding-top:0px;
	margin-top:0px;
	font-size:13px;
	}
.callout2 {
	display:none;/* NOT USED */
	background:url(../../skin/callout3.png) no-repeat;
	margin:7px 0px 2px 0px;
	padding:5px 10px 10px 10px;
	width:810px;
	height:20px;
	text-align:center;
	}

#btm-callouts{
	padding-bottom:40px;
	margin-bottom:-100px;
	margin-top:20px;
	width:900px;
	font-size:12px;
	position:relative;
	top:-10px;
}
#btm-callouts img{float:right;padding:0 0 2px 10px;}
#btm-callouts a{
	display:block;
	height:20px;
	padding:5px 25px 33px 0;
	text-align:right;
	text-transform:uppercase;
	background:url(../../skin/callout3.png) no-repeat left bottom;
	color:#FFF;
}
#callout3-1, #callout3-2, #callout3-3  {
	float:left;
	width:281px;
	display:inline;
}
#callout3-2{
	margin-left: 25px;
	margin-right:25px;
	margin-top:-5px;
	}

#callout3-1 a:hover{color:#920;}
#callout3-2 a:hover{color:#720;}
#callout3-3 a:hover{color:#016;}

#callout3-1 a {background-position:   -0px bottom;}
#callout3-2 a {background-position: -295px bottom;}
#callout3-3 a {background-position: -590px bottom;}

#btm-callouts h2 {
	height:22px;
	width:259px;
	margin:0;
	padding:9px 0px 0px 22px;
	text-align:left;
	color:#FFF;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	background:url(../../skin/callout3.png) no-repeat;
	}
#callout3-1 h2 {background-position:   -0px top;}
#callout3-2 h2 {background-position: -295px top;}
#callout3-3 h2 {background-position: -590px top;}

#callout3-1 div,
#callout3-2 div,
#callout3-3 div {
	background:url(../../skin/callout3.png) no-repeat left -30px;
	padding:15px;
	width:261px;
	text-align:left;
	color:#666;
	line-height:normal;
	}
.more {
	text-align:right;
	}
.required	{color:#C00;}
ul#about_bullets{margin-left:0;padding:0px;width:920px;}
#about_bullets li{
	float:left;
	width:210px;
	color:#f60;
	margin-left:1.4em;padding:0px;
}
#portfolio_box{
	display:none;
	position:relative;
	z-index:100;
}
#portfolio_box2 img{
	border-radius:3px;
	border:solid 1px #FFF;
	box-shadow:1px 1px 8px #000;
	margin-bottom:.5em;
}
#portfolio_container{
	margin:-90px 0 -100px -30px;
}
#portfolio_subcontainer{
	text-align:center;
}
.portfolio_site{text-align:center;display:inline-block;padding:100px 2em 0 2em;height:250px;}
#portfolio{
	Xheight:400px;
	position:relative;
	z-index:1;
}
.portfolio_content{display:none;}
.fb{Xpadding:10px;position:relative;top:20px;}
.fb h3,
.fb a{
	display:block;
	padding:0;
	margin:0;
	color:#FFF;
	text-align:center;
	Xmargin:.5em;
}
.fb h3{
	font-size:20px;
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	font-weight:normal;
}
.fb,
.fb img{padding:0px;}
.fb img{border:solid 1px #FFF;margin:12px;}


#callout-social_networking{
	float:left;
	overflow:auto;
	width:390px; 
	height:270px;
}
#callout-social_networking a{
	display:block;
	padding:200px 30px 0 0;
	width:360px; 
	height:70px;
	background:url(../../skin/callout-social_networking.jpg) no-repeat;
	text-align:right;
}
#callout-social_networking a span{
	display:block;
	position:absolute;
	left:-9999px;
}

.espan span{display:none;}
#getstarted{float:left;width:490px;min-height:270px;border:solid 1px #CCC;margin-left:15px;background:url(../../skin/networking-bg.jpg) no-repeat center bottom;font-size:13px;}
#getstarted p{padding:0 15px;font-size:13px;}
#getstarted form{position:relative;z-index:100;width:220px;left:50px;}
#getstarted form label{display:block;}
#getstarted form a{text-decoration:none;}
#mid-callouts{padding-top:1em;}
#mid-callouts h2{background:url(../../skin/h2-bg.png) repeat-x left bottom;padding:12px 0 8px 0;margin-top:0;text-align:center;}
.mini{float:right;padding-right:40px;position:relative;top:-6px;}
.sep div{height:50px;border-left:soid 1px #CCC;margin-left:10px;}

#lightbox-contact_us{
	background: #FFF;/* url(../../skin/body-bg.jpg);*/
	text-align:right;
	width:600px;
	height:520px;
/*
	border:solid 3px #FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:3px 3px 20px #333;
	-moz-box-shadow:3px 3px 20px #333;
	box-shadow:3px 3px 20px #333;
*/
}
.cb_close{
	position:absolute;
	display:block;
	border:solid 2px #900;
	color:#900;margin:3px;
	margin-left:478px;
	width:1.4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom-radius:3px;
}
.cb_close:hover{background:#B3B2AD;color:#C00;border-color:#C00;}

#contact_us form{margin:0;line-height:1.2;}
#contact_form{padding:1em 40px;background:#DDD;text-align:left;}
#contact_form td{margin:0; padding:0;}
#contact_form td.spacer{font-size:1px;height:15px;}
#contact_form label{display:block;}
#contact_form input[type=text], #contact_form textarea{border:solid 1px #FFF;background:#EEE url('../../skin/field-bg.png') no-repeat;width:220px;}
#contact_form textarea{width:100%;}
.label	{vertical-align:top;position:relative;top:.15em;}


a#fb_open			{background: url(../../skin/sprite-icons.png) no-repeat;text-indent:-9999px;text-align:left;padding-left:30px;Xfont-size:1px;height:30px;}
a#fb_open:hover			{background-position:left -40px;}

#fb_link{
	float:left;
	position:absolute;
	right:15px;
	top:96px;
	width:30px;
	text-align:left;
	z-index:500;
}

#fb_like{
	display:none;
	position:absolute;
	left:30px;
	z-index:999;
	background:#FFF;
	padding:5px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border:solid 1px #F5DABC;
-webkit-box-shadow:3px 3px 10px #543;
-moz-box-shadow:3px 3px 10px #543;
box-shadow:3px 3px 10px #543;
}
#fb_head{
	text-align:center;
	background:#3C5079;
	padding:3px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
}
#fb_head a{
	float:none;
	color:#FFF;
	text-indent:0;
	text-align:left;
	background:none;
	padding:0;
	margin:0;
	display:inline;
}
#fb_head a#fb_close{
	display:block;
	float:right;
	height:auto !important;
	padding:0 2px;
	background:#2C4069;
	background:#c00;
	color:#FFF;
	text-indent:0;
	text-align:right;
	
}

#testimonials q{display:block;margin-top:1em;padding-top:1em;border-top:solid 1px #CCC;}
#testimonials q.first{border-top:none;padding-top:0;}

#fivecontent ol li{padding-bottom:1em;}

#faqs dt{padding-top:1em;margin:1em 0;font-weight:bold;color:#036;border-top:solid 1px #CCC;}
#faqs dt:first-child{padding-top:0;border:none;}
#faqs dd{margin-left:2em;margin-bottom:1em;color:#666;}

#faqs dt span{font-weight:bold;color:#f60;}
#faqs dd span{font-weight:bold;}

/* FIXED (in place) HEADER */

#topnav_container_fixed{position:fixed;width:100%;height:131px;text-align:left;Xbackground:#F00;Xopacity:.5;background:url('../../skin/topnav-bg.png') repeat-x left -1px;z-index:1000;}
#topnav_container{Xposition:static;left:-25px;}
#text{padding-top:120px;}
body {background:url('../../skin/body-bg.jpg') repeat-x;}

#cp3 {display:block}