img { max-width: 100%; height: auto;}

#wrapper_outer {
	top: 0px;
	width:100%;
	background-image: url(../images/slideshow-bkgrnd.png);
	background-repeat: repeat-x;
	background-position: left 121px;
	min-width: 320px;
}
#wrapper {
	top: 0px;
	width:100%;
	max-width:1125px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper {	
	padding-bottom:15px !important;	
}
header {
	width:100%;
	max-width:975px;
	height:152px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
header #logo {
	position:relative;
	width:300px;
	margin-top:62px;
	margin-left:60px;
	margin-bottom:21px;
}

/* ========================  HOME PAGE NAVIGATION =========================== */

/* ========================  note: everything is the same except background image =========================== */


#topnav {
	/*width:975px;*/
	width:100%;
	max-width: 1125px;
	height: 31px;
	/*background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;*/
	clear:both;
	z-index:1000;
	background-color:rgba(0,0,0,0.1);
}
#topnav {
	position:absolute;
	top:121px;
	left:0px;
}
/* suckerfish dropdown menu styles */
#topnav ul {
	list-style: none;
	margin-left:124px;
}
#topnav li {
	float: left;
}
#topnav .display {
	display:block;
	line-height: 31px
}
#topnav a {
	display: block;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	height:31px;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	padding:0 15px;
}

#topnav a:hover,
#topnav a.active {
	background-color: #B2BB1C;
}

/* The Holly Hack */
/*
* html #topnav a {
	height: 1%;
}
#topnav .firm {
	width:102px;
	height:31px;
}
#topnav .firm :hover {
	width:102px;
	background-position: -124px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .firm .active {
	width:102px;
	background-position: -124px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .attorneys {
	width:189px;
	height:31px;
}
#topnav .attorneys :hover {
	width:189px;
	background-position: -226px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .attorneys .active {
	width:189px;
	background-color:#fff;
	background-position: -226px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .practices {
	width:197px;
	height:31px;
}
#topnav .practices :hover {
	width:197px;
	background-position: -415px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .practices .active {
	width:197px;
	background-position: -415px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .contact {
	width:144px;
	height:31px;
}
#topnav .contact :hover {
	width:144px;
	background-position: -612px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
#topnav .contact .active {
	width:144px;
	background-position: -612px -31px;
	background-image: url(../images/topnav-home.png);
	background-repeat: no-repeat;
}
*/
/************* SEARCH BOX ************/








#slideshow {
	/*width:1125px;
	height:338px;*/
	position:relative;
	margin-top:-31px;
}
/*
#slideshow .photo {
	width:1125px;
	height:338px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
*/
#slideshow .left_translucent {
	position:absolute;
	left:0px;
	top:0px;
	width:38px;
	height:100%;
	background-image: url(../images/slide-translucent.png);
	background-repeat: repeat;
	z-index: 110;
}
#slideshow .right_translucent {
	position:absolute;
	right:0;
	top:0px;
	width:38px;
	height:100%;
	background-image: url(../images/slide-translucent.png);
	background-repeat: repeat;
	z-index: 110;
}
#slideshow .bjqs { list-style: none; padding: 0; margin: 0;}
#slideshow .bjqs:after { content: ""; display: block; clear: both;}
#slideshow .bjqs li,
#slideshow .bjqs li .photo,
#slideshow .bjqs li .photo img { float: left; width: 100%;}
/* ================== CONTENT =================== */

#content {
	overflow:auto;
	width:100%;
	max-width:975px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#text {
	float:left;
	width:100%;
	max-width:800px;
	margin-top:38px;
	margin-left:60px;
	line-height:23px;
}
#text h2 {
	padding-bottom:15px;
}
#text p {
	line-height:23px;
}
#search_box {
	margin-top:74px;
}


#content:after,
#wrapper:after { content: ""; display: block; clear: both;}

#footer_wrapper footer {
	width:100%;
	max-width:975px;
	height:auto;
	display:block;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	padding-right:0;
	overflow:inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

#footer_wrapper  #footerleft { 
	width:100%;
	max-width:575px;
	padding-left: 25px;
	margin-left: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


@media (max-width:1130px){
	
	#wrapper_outer { background:none;}
	#wrapper { max-width: 100%; padding: 0 15px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	header #logo { margin-left: 0;}
	#wrapper #search_box { margin-right: 0;}
	
	#topnav ul { margin-left: 53px;}
	#topnav a { font-size: 16px;}
	
	#slideshow:before,
	#slideshow:after{ content: ""; display: block; width: 15px; height: 100%; background: url("../images/slideshow-bkgrnd.png") left 0 repeat-x; position: absolute; top:0;}
	#slideshow:before { left: -15px;}
	#slideshow:after { right: -15px;}
	
	#text { margin-left: 0;}
	#footer_wrapper { padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#footer_wrapper #footerleft { margin-left: 0; padding-left: 0;}
	
	
}

@media (max-width:767px){

	#wrapper_outer + #footer_wrapper { min-height: 120px;}
	
	#slideshow .left_translucent,
	#slideshow .right_translucent { display: none;}
	
	#topnav ul { margin-left: 0; box-sizing: border-box; padding:10px 15px; background-color:rgba(0, 0, 0, 0.6); z-index: 9999; position: relative;}
	
	#topnav ul li { width: 100%;}
	#topnav ul li + li { border-top: 1px solid rgba(0,0,0,0.1);}
	#topnav ul li a { text-align: left; line-height: 34px; font-size: 14px; height: 34px;}
	#topnav .display { line-height: 34px;}
	
}

@media (max-width:568px){

	header #logo { display: block; float: none; margin: 30px auto 0; width: 280px;}
	
	#wrapper #search_box { float: none; margin: 30px auto 0; }
	
}