/* 
	Using a customized version of Eric Meyer's CSS Reset to give us an even, cross-browser playing field. More info:
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
@font-face {
	font-family: "Proxima";
	src: url(../fonts/ProximaNova-Light.otf) format("opentype");
    }


html, body, div, span, applet, object, iframe,
h1, h2, h3, 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 {
	border: 0;
	font-size: 14px;
	font-family: Proxima, Arial;
	line-height: 20px;
	color:#999;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	text-decoration: none;
	outline: none;
}

h4 {font-size:10px; margin: 0 0 5px 35px; padding: 4px 4px 4px 0px; background-color:#FFF; color:#999; font-weight: normal; line-height: 10px; }

:focus {
	outline: none;
}

#splash {
  position: absolute;
  z-index: 9991;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  text-align:center;
  display:none; /*hide it incase the user has javascript disabled*/
  color:#000;
}

#splash_content {
  width: 1000px;
  height: 200px;
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
  background:#000;
}

#splash_tag {
  width: 1000px;
  height: 50px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  background:#000;
  vertical-align: bottom;
}

#btCloseSplash a {
	font-size: 12px;
	cursor:pointer;
	color:#666;
	line-height: 16px;
}

#btCloseSplash a:hover {
	cursor:pointer;
	color:#999;
}

a { color:#666; border: 0;  }
a:hover { color:#999; }
a:active { outline:none;}
a:focus { -moz-outline-style: none; }


body {
	background:url(../images/site_images/gradient_tile2.gif);
	background-repeat:repeat-x;
}

#main-nav {
	width: 1050px;
	height: 75px;
	background-image:url(../images/site_images/chase_logo.gif);
	background-repeat:no-repeat;
}

#main-nav-home {
	width: 1000px;
	height: 75px;
	background-image:url(../images/site_images/chase_logo_home.jpg);
	background-repeat:no-repeat;
	vertical-align: middle;
}

#main-content {
	width: 1050px;
	min-height: 800px;
	margin-top: 0px;
}



/* Background Stretcher */

#page {
	z-index: 2;
	position: relative;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	width: 1050px;
	min-height: 800px;
	padding: 0px;
	font-size: 12px;
	color: #666;
}

#page_home {
	z-index: 2;
	position: relative;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	width: 1050px;
	min-height: 100px;
	padding: 0px;
	font-size: 12px;
	color: #666;
}

#address_home {
	height: 50px;
	width: 100%;
	margin-top: 15px;
}

#address_home p {
	
	margin:auto;
	width: 1000px;
	text-align:center;
}

#address {
	height: 85px;
	background-color:#FFF;
	width: 1050px;
}

#address p {
	float: right;
	margin-top: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
}

.client_list { width: 246px; float:left;}


.email_title { font-size: 16px; font-weight:bold; color:#cc6633; }

.books_magazines {float:left; font-size: 12px; width: 160px; overflow: hidden; 40px; margin-right: 25px; line-height: 14px; height: 300px;}
		

/* Main Navigation Animation */

        .lavaLampWithImage {
            position: relative;
			float:right;
            height: 29px;
            width: auto;
            overflow: hidden;
			padding-left: 50px;
			padding-right: 50px;
			margin-right: -15px;
			top: 46px;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
				
				 .lavaLampWithImage li.current a{
                    color: #666;
                }
                    .lavaLampWithImage li.back {
                        background: url("../images_/site_images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images_/site_images/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: 13px Proxima, arial;
                        text-decoration: none;
						top: 8px;
                        color: #999;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }




/* Home Navigation */


.home_navigation {
            position: relative;
			float:right;
            height: 75px;
            width: auto;
            overflow: hidden;
			padding-left: 50px;
			padding-right: 50px;
			margin-right: -32px;
        }
                .home_navigation li {
                    float: left;
                    list-style: none;
                }
                    .home_navigation li.back {
                        background: url("../images_/site_images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
					
                    .home_navigation li a {
                        font: 13px Proxima, arial;
						font-weight:100;
                        text-decoration: none;
						top: 34px;
                        color: #FFF;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 75px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
				
                        .home_navigation li a:hover {
                            border: none;
							color: #81471f;
                        }



/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px; font-size: 25px; font-weight:100; color:#cc6633; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper {  }
	.coda-slider { background: transparent; padding-top: 75px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 740px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width:775px; overflow-x: hidden; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 1000px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; }
	
	/* Tab nav */
	.coda-nav ul li a { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;  }
	
	.coda-nav ul li a.current { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  }
	
	.coda-nav ul li a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	
	.coda-nav { margin-top: 75px; float:left; margin-right: 70px; width: 205px; }
	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; width:740px; }
	
	.panel p {padding-bottom: 30px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; margin: auto; overflow: hidden; display:block; }
	.coda-nav ul li a { color: #999; margin-left: 35px; text-decoration: none; margin-top: 0px; }
	.coda-nav ul li a img { margin: 0px; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; overflow-x: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
/* Nested Sliders */	
	.nestedxcoda-slider-no-js .nestedxcoda-slider { height: 740px; overflow: auto !important; padding-right: 0px }
	.nestedxcoda-slider, .nestedxcoda-slider .nestedxpanel { width: 775px; overflow-x: hidden; }
	.nestedxcoda-slider-wrapper.nestedxarrows .nestedxcoda-slider { margin: 0 10px }
	.nestedxcoda-slider .nestedxpanel-wrapper { padding: 0px; }
	.nestedxcoda-slider p.nestedxloading { padding: 20px; text-align: center }
	.nestedxcoda-nav ul { display:inline; text-decoration:none; }
	.nestedxcoda-slider-wrapper { clear: both; overflow: auto; overflow-x: hidden; }
	.nestedxcoda-slider { float: left; overflow: hidden; position: relative; }
	.nestedxcoda-slider .nestedxpanel { display: inline; float: left; }
	.nestedxcoda-slider .nestedxpanel-container { position: relative }
	.nestedxcoda-slider .nestedxpanel-wrapper { padding: 0px; width:740px; }
	
	
	.people_copy {padding-top: 75px; }
	.people_large { float: left; padding-right: 50px; }
	.people_small { display: inline; float: left; padding-left: 15px; border:0; }
	.people_nav { float:right; }
	.people_nav a.current { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
	.people_nav a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

	
	
	.case_nav { display: inline; float: left; padding-right: 15px; text-decoration:none; margin-bottom: 25px; margin-top: 10px; }
	.coda_nav a { text-decoration:none; }
	.nestedxcurrent { text-decoration: none; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
	.case_nav a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

	
	
	
/* logo cycle animation */

	.slideshow { height: 300px; width: 740px;}
	.slideshow_wrapper { height: 300px; width: 740px; background:#CCC; padding: 1px; }
	.slideshow_wrapper_home { overflow:hidden; height: 550px; float: left; margin-left: 1px; }
	.slideshow_holder_home { width: 972px; margin:auto; overflow: hidden; height: 550px; z-index: 1; }
	.slideshow_hider_home { width: 100%; margin:auto; overflow: hidden; height: 550px; z-index: 1; }
	.slideshow_home1 { float: left;}
	.slideshow_home2 { float:left; }
	.nav {text-align:right; vertical-align:middle; padding-right: 10px; padding-top: 10px;}
	.nav a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
	
	.banner_holder { height: 75px; width: 100%; z-index: 9990; margin-top: 240px; position:absolute;  }
	.banner { height: 75px; width: 1010px; background-color:#d26522; margin:auto; z-index: 9990;  }