@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,900|Raleway:300,400,500");


body { 
	font-size: 100%;
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Raleway", sans-serif;
	color: #2e3437;
	font-weight: 400 /*reg*/;}

h1 /*titles on light bg*/ { 
	font-size: 2.5em /*40*/;
	line-height: 1.250em; 
	font-family: "Playfair Display", serif;
	color: #2e3437;
	font-weight: 900 /*black*/; }

h1 /*titles on dark bg*/ { 
	font-size: 2.5em /*40*/;
	font-family: "Playfair Display", serif;
	color: #fff;
	font-weight: 900 /*black*/; }

h2 /*gold subtitles*/ { 
	color: #a7651c;
	font-size: 2em /*32*/;
	font-family: "Raleway", sans-serif;
	font-weight: 500 /*medium*/;
	margin-bottom: 20px;
	line-height: 1.2em; }

h2.tabs-main /*titles on light bg*/ { 
	font-size: 2.5em /*40*/;
	font-family: "Playfair Display", serif;
	color: #293134;
	font-weight: 900 /*black*/;
	text-align: center;
	margin-bottom: 60px; }

h3.tabs-title /*open close tabbed menu titles*/ { 
	color: #f6eed4;
	font-weight: 500;
	font-size: 1.625em /*26*/; }
	
h2#injuries-title /*unique to the injuries and damages section*/ { 
	color: #f6eed4; 
	font-size: 2.5em /*40*/;
	font-family: "Playfair Display", serif;
	font-weight: 900; }

.dark /*for light backgrounds*/ {
	color: #2e3437; }

.light /*for dark backgrounds */ { 
	color: #fff; }

.wrapper-1200 {
	margin: 0 auto; 
	max-width: 1200px;
	width: 100%;
	height: auto;
	overflow: hidden; }
	
.wrapper-1400 {
	margin: 0 auto;
	max-width: 1400px;
	width: 100%;
	height: auto;
	overflow: hidden; }
	
a[href^="tel"]{
    color:inherit;
    text-decoration:none; }

.more { text-align: center; }

.morecontent span { display: none; } 

.morelink {
	display: block;
	margin-top: 20px;
	font-size: 0.875em;
	color: #a7651c;
	font-style: italic;
	text-decoration: none;
	text-align: center; }
	
.morelink:hover { font-weight: bold; }

/*more part 2 paralegals expand control content*/

.more2 { 
	text-align: center;
	display: block;
	color: #fff;
	width: 90%;
	height: auto;
	overflow: hidden; 
	margin: 0 auto 20px; }

.more2 a { 
	color: #fff; 
	display: block;
	margin: 20px auto 0;
	width: 94%;
	height: auto;
	overflow: hidden;
	padding: 10px 2%;
	background: #a7651c;
	border: 1px solid #a7651c;
	text-decoration: none;}

.morelink2:hover { 
	border: 1px solid #fff;
	background: #293134; }

/*header*/

header {
	background: #fff;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 25px 2%; }

#header-logo { 
	width: 262px;
	height: auto;
	overflow: hidden;
	float: left; }

#header-logo a img { 
	max-width: 262px;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

ul#header-contact { 
	width: 250px;
	height: auto;
	overflow: hidden; 
	float: right;
	padding: 0 30px 10px 0;
	font-size: 1.125em;
	background: url(../images/21X35-phone-icon-header.png) no-repeat top right; }

ul#header-contact li { 
	color: #293134;
	font-weight: 400;
	text-align: right; }

ul#header-contact li a { 
	color: #a7651c;
	font-weight: 500;
	text-decoration: none; }
	
/*end header*/

/*begin nav*/

nav, ul#return-nav {
	width: 96%;
	padding: 0 2%;
	background: #293134;
	text-align: right; 
	font-size: 0.875em;
	height: auto;
	overflow: hidden;
	z-index: 999; }

nav ul#mobile-nav { 
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden; }
	
nav ul#mobile-nav li, ul#return-nav li { 
	display: inline-block;
	padding-right: 10px; }

nav ul#mobile-nav li a, ul#return-nav li a { 
	font-size: 1em;
	display: block;
	padding: 10px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	text-decoration: none; }
	
nav ul#mobile-nav li a:hover, ul#return-nav li a:hover { 
	background: #ad660e; 
	color: #fff; }
	
nav ul#mobile-nav li a.active, ul#return-nav li a.active { 
	background: #ad660e; 
	color: #fff; }

a#mobile-display-menu { display: none; }

@media only screen and (max-width: 880px) {
	
	nav ul#mobile-nav li a {  }
	
}

@media only screen and (max-width: 970px) {
	
	nav { background: #191d1f; }
	
	nav ul#mobile-nav { 
		background: #191d1f; }
	
	nav ul#mobile-nav li a { font-size: 0.875em; }
	
	a#mobile-display-menu { 
		display: block;
		color: #fff;
		text-align: center;
		text-transform: uppercase; 
		padding: 10px 0;  }
	
	a#mobile-display-menu img { 
		width: 25px;
		height: 25px;
		display: block; }
	
	ul#mobile-nav { 
		padding: 0;
		display: none; }
	
	ul#mobile-nav li { 
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
		text-align: center; } 
		
	ul#mobile-nav li a { 
		display: block; 
		padding: 10px 0; }
	
	ul#mobile-nav li a:hover { 
		background: #fff;
		color: #0f0f0f; }

}

/*end nav*/


/*section - home */


section#banner { 
	width: 100%;
	min-height: 700px;
	overflow: hidden; 
	background: url(../images/1600x900-banner-bg.jpg) no-repeat center center;
	background-size: cover; }

section#banner-merv { 
	width: 100%;
	min-height: 600px;
	overflow: hidden; 
	background: url(../images/merv-banner.jpg) no-repeat top center;
	background-size: cover; }

#banner-title { 
	color: #fff;
	font-size: 2.250em /*36*/;
	text-shadow: 1px 1px 0 #000;
	font-family: "Playfair Display", serif;
	display: block;
	overflow: hidden;
	padding: 250px 5% 40px;
	max-width: 800px;
	line-height: 1.2em; }
	
#banner-title-merv { 
	color: #fdda05;
	font-style: italic;
	font-size: 4em;
	text-shadow: 1px 1px 0 #000;
	font-weight: 900; 
	display: block;
	overflow: hidden;
	padding: 240px 5% 40px;
	max-width: 800px;
	line-height: 1.2em; 
	width: 50%; }

ul#banner-list { 
	width: 90%;
	padding: 0 5%;
	margin: 0 auto 20px; 
	height: auto;
	overflow: hidden; }

ul#banner-list li { 
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	font-size: 1.250em;
	float: left;
	width: 40%;
	padding: 0 5% 14px 3%;
	background: url(../images/10x10-bullets.png) no-repeat left 7px; 
}

#banner p {
    color: #fff;
	width: 90%;
    max-width: 72ch;
	padding: 0 5%;
	margin: 0 auto 20px 0; 
    font-size: 1.125em;
    line-height: 150%;
}

a#form { 
	padding: 20px;
	display: block;
	text-align: center;
	color: #fff;
	background: #ad660e;
	width: 360px; 
    max-width: 90%;
	font-size: 1.125em;
	margin: 0 0 60px 5%;
	-webkit-box-shadow: 1px 1px 1px 1px #3c2304;
    box-shadow: 1px 1px 1px 1px #3c2304;
	cursor: pointer; }

a#form:hover { 
	color: #fff;
	background: #2e3437;
	-webkit-box-shadow: 1px 1px 1px 1px #191d1f;
	box-shadow: 1px 1px 1px 1px #191d1f;
	text-decoration: underline; }


/*form*/

div.openclose { 
	width: 100%;
	margin: 0 auto;
	min-height: 600px;
	overflow: hidden;
	background: #a7651c url(../images/gold-squares.png) no-repeat top left;
	color: #fff; 
	display: none; }

.form-wrapper { 
	margin: 60px auto 0;
	width: 80%; }



#addressbanner {
	color: #fff; 
	background: #a7651c;
	width: 96%;
	padding: 40px 2%;
    text-align: center; 
}

#addressbanner h3 {
    font-size: 1.25em;
    font-weight: 300;
    padding-bottom: 6px;
    text-transform: uppercase;
	text-align: center;
	font-family: "Raleway", sans-serif;
	margin-bottom: 0; 
}

#addressbanner a {
    color: white;
}
/*testimonials*/

#testimonials {
	color: #fff; 
	background: #293134;
	width: 96%;
	padding: 0 2%; }



/*why choose zak and decker*/

section#choose { 
	max-width: 1400px;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 140px 2% 80px;
	margin: 0 auto; }

ul#choose-list { 
	padding-top: 100px;
	width: 96%;
	padding-left: 4%;
	height: auto; 
	overflow: hidden; }

ul#choose-list li { 
	display: block;
	vertical-align: top; 
	padding-bottom: 100px;}

ul#choose-list li div.choose-img-con {
	float: left;
	padding: 0;
	max-width: 160px;
	width: 15%;
	height: auto;
	overflow: hidden; }

ul#choose-list li div.choose-img-con img { 
	max-width: 160px;
	width: 100%;
	height: auto;
	overflow: hidden; }


ul#choose-list li div.choose-txt-con { 
	float: right;
	padding: 40px 0 0 2%;
	width: 80%; }

/*meet our team*/

section#team {
	padding: 140px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #eee; }
	
h6.credentials-title { 
	font-size: 1.2em;
	color: #a7651c;
	margin-top: 20px;
	text-align: center; }
	
ul.profile-list { 
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding-bottom: 10px;
	font-size: 1em; }

/*accordian container*/
.accordion { 
	margin-top: 2%;
	border: 1px solid #1e1e1e; }

/*toggle title opens and closes*/
.accordion-toggle { cursor: pointer; }

h3.accordion-toggle { 
	border: 1px solid #1e1e1e;
	padding: 30px 100px 34px 20px;
	background: #293134 url(../images/90x90-arrow-icon-down.png) no-repeat center right;
	color: #f6eed4;
	font-weight: 500;
	font-size: 1.5em; }

h3.accordion-toggle.expanded { 
	background: #293134 url(../images/90x90-arrow-icon-up.png) no-repeat center right; }

/*content inside toggled container*/
.accordion-content { 
	display: none;
	background: #fff;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
	overflow: hidden; }
	
.accordion-img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }
	
.accordion-img img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }
	
.accordion-content-txt {
	width: 90%;
	padding: 60px 5%;
	margin: 0 auto; }
	
.accordion-content-txt h4 {
	color: #2e3437;
	font-size: 1.500em;
	text-transform: uppercase;
	font-weight: 300;
	padding-bottom: 6px; }
	
a.bio-page { color: #2e3437; text-decoration: none; font-weight: bold; }

#profile-lft { 
	float: left;
	width: 50%;
	padding-right: 10%;
	height: auto;
	overflow: hidden; }

#profile-rgt { 
	float: right;
	width: 40%;
	height: auto;
	overflow: hidden; }
	
#profile-rgt img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

#profile-rgt img#merv-sm { display: none; }

.accordion-content-txt h5 { 
	font-size: 0.750em;
	color: #a7651c;
	padding-bottom: 14px; }

.accordion-content-txt p { padding-bottom: 20px; }

/*content set to block - opens upon load
.accordion-content.default { display: block; }
*/	

/*paralegal about*/

section#about {
	padding: 140px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #fff; }

section#about h1 {
	color: #293134;
    font-family: "Playfair Display",serif;
    font-size: 2.5em;
    font-weight: 900;
    margin-bottom: 60px;
    text-align: center; }


section#about h2.lawyer-name {
	color: #2e3437;
    font-size: 1.5em;
    font-weight: 300;
    padding-bottom: 6px;
    text-transform: uppercase;
	text-align: center;
	font-family: "Raleway", sans-serif;
	margin-bottom: 0; }

section#about h2.yrs-exp { 
	color: #a7651c;
    font-size: 0.75em;
    padding-bottom: 14px;
	text-align: center; }

section#about p { 
	padding-bottom: 20px; }

/*paralegal team*/

section#paralegal {
	padding: 140px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #eee; }
	
ul#assistants { 
	margin: 0 auto;
	width: 96%;
	height: auto;
	overflow: hidden;
	padding: 0 2%; }

ul#assistants li { 
	width: 31%;
	height: auto;
	overflow: hidden; 
	display: inline-block;
	padding: 0 1%;
	vertical-align: top; }

ul#assistants li .para-img {  
	max-width: 800%;
	height: auto;
	overflow: hidden; }

ul#assistants li .para-img img { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }
	
.paralegal-bg { 
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 0; 
	background: #293134;
	text-align: center; }

ul#assistants li h3.assistant-name { 
	color: #fff;
    font-size: 1.250em;
    font-weight: 300;
    text-transform: uppercase;
	font-family: "Raleway", sans-serif; }

ul#assistants li h4.assistant-position { 
	color: #a7651c;
    font-size: 0.8em; }

ul#assistants li p { 
	font-size: 1em;
	line-height: 1.2em; }

ul#assistants li p a { 
	display: block;
	padding: 10px 1%;
	margin: 10px auto 20px;
	text-decoration: none;
	background: #a7651c;
	font-size: 0.875em; 
	color: #fff;
	width: 80%;
	border-bottom: 3px solid #925819; }

ul#assistants li p a:hover { background: #925819; }

/*work*/

section#work {
	padding: 140px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #eee; }

#video-midday {
	padding: 0 5%;
	width: 40%;
	height: auto;
	overflow: hidden;
	display: block; 
	float: left; }

#video-midday video { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

#merv-contact { 
	padding: 0 5%;
	width: 40%;
	height: auto;
	overflow: hidden;
	display: block; 
	float: right; }

#merv-contact h2 {
	margin-top: 30px;
	color: #2e3437;
    font-size: 2em;
	line-height: 1.2em; 
    font-weight: normal;
	font-family: "Raleway", sans-serif; }

#merv-contact h3 { 
	color: #2e3437;
    font-size: 1.250em;
    font-weight: 300;
    text-transform: uppercase;
	font-family: "Raleway", sans-serif; }

#merv-contact h4 {  
	color: #a7651c;
    font-size: 0.950em;
	margin-bottom: 40px;}

#merv-contact h4 a { 
	color: #a7651c;
    font-size: 0.950em; 
	vertical-align: top; }

#merv-contact a.bio-link { 
	width: 80%;
	height: auto;
	overflow: hidden;
	padding: 20px 5%;
	text-align: center;
	background: #a7651c;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 10px 0 10px; 
	font-weight: bold;
	box-shadow: 1px 1px 1px 1px #3c2304; }

#merv-contact a.bio-link:hover { 
	color: #fff;
	background: #2e3437;
	-webkit-box-shadow: 1px 1px 1px 1px #191d1f;
	box-shadow: 1px 1px 1px 1px #191d1f; }



/*injuries and damages*/

section#damages { 
	background: #24292b; }

#damages-img { 
	background: url(../images/1600x740-damages-banner.jpg) no-repeat center center;
	background-size: cover; }

#damages-con { 
	padding-top: 400px;}

#damages-txt { 
	padding: 50px 5%;
	width: 90%;
	height: auto;
	overflow: hidden;
	background: rgba(25,29,30,0.8); }

#damages-txt p { color: #fff;  }

ul#damages-icons {
	margin: 0 auto;
	width: 90%;
	height: auto;
	overflow: hidden;
	padding:50px 5%; }

ul#damages-icons li { 
	display: block;
	float: left; 
	width: 25%;
	height: auto;
	overflow: hidden;
	color: #f6eed4;
	text-transform: uppercase;
	text-align: center; 
	font-weight: 500;
	font-size: 1.125em; }

ul#damages-icons li img {  
	max-width: 200px;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	display: block; }


/*ICBC Claim Tips*/

section#claims {
	padding: 100px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #eee; }
	
section#motortips {
	padding: 140px 5%;
	width: 90%;
	height: auto;
	overflow:hidden; 
	background: #fff; }

section#documents { 
	padding: 100px 5%;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	height: auto; }
	
ul#downloads { 
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#downloads li { 
	float: left;
	width: 23%;
	padding: 20px 1%;}

ul#downloads li a { 
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	text-decoration: none;
	text-align: center;
	background: url(../images/80x80-download-icon.png) no-repeat top center; 
	padding-top: 100px; }
	
ul#downloads li a:hover { background: url(../images/80x80-download-icon-hover.png) no-repeat top center; }

ul#downloads li a img { 
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	margin: 0 auto 20px; }

ul#downloads li a span.download-category { 
	display: block;
	text-transform: uppercase;
	font-size: 0.750em; 
	color: #293134;
	font-weight: bold; }

ul#downloads li a span.download-title { 
	color: #A7651C;
	font-size: 1.2em; }

a.lawyer-profile-page-cta { 
	background: #ad660e none repeat scroll 0 0;
    box-shadow: 1px 1px 1px 1px #3c2304;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.125em;
    margin: 20px auto 0;
    padding: 20px;
    text-align: center;
    width: 60%; }

a.lawyer-profile-page-cta:hover { 
	color: #fff;
	background: #2e3437;
	-webkit-box-shadow: 1px 1px 1px 1px #191d1f;
	box-shadow: 1px 1px 1px 1px #191d1f;
	text-decoration: underline; }

ul#lawyer-contact { 
	margin-top: 40px;
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#lawyer-contact li {
	display: inline-block;
	width: 48%;
	height: auto;
	overflow: hidden;
	text-align: center; }

ul#lawyer-contact li a { 
	background: #ad660e none repeat scroll 0 0;
    box-shadow: 1px 1px 1px 1px #3c2304;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.125em;
    margin: 0 auto 5px;
    padding: 20px 4%;
    text-align: center; 
	width: 92%;
	display: block;
	text-decoration: none; }

ul#lawyer-contact li a:hover { 
	color: #fff;
	background: #2e3437;
	-webkit-box-shadow: 1px 1px 1px 1px #191d1f;
	box-shadow: 1px 1px 1px 1px #191d1f; }

/*footer*/

footer#contact {
	width: 90%;
	height: auto;
	overflow: hidden;
	padding: 210px 5% 120px;
	background: #2e3437 url(../images/680x900-horizontal-squares.png) no-repeat right -330px; }

#upper-footer { 
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f8f2d8; }

#footer-logo-lft { 
	float: left;
	width: 40%;
	padding-right: 5%;
	height: auto;
	overflow: hidden; }
	
#footer-logo-lft img { 
	max-width: 400px;
	width: 100%; 
	height: auto;
	overflow: hidden; 
	display: block; }

#hoo-rgt {
	padding: 36px 0 0 5%;
	text-align: right;
	float: right;
	width: 50%;
	height: auto;
	overflow: hidden;
	color: #f8f2d8; }
	
#lower-footer {
	text-align: right;
	color: #f8f2d8;
	width: 100%;
	height: auto;
	overflow: hidden; }

#lower-footer a { 
	text-decoration: none;
	color: #f8f2d8; }

#lower-footer p span {  }


/*copyright*/

#copyright { 
	padding: 10px 5%;
	width: 90%; 
	background: #1b1d1f;
	color: #a5a598;
	font-size: 0.675em; }
	
#copyright a { color: #a5a598; }


/*disclaimer - privacy - 404*/

a.return-home-link { 
	width: 40%;
	margin: 40px auto;
	text-align: center; 
	background: #ad660e;
	color: #fff;
	border-radius: 4px;
	display: block;
	padding: 10px 20px; }

a.return-home-link:hover { 
	text-decoration: none;
	background: #293134; }

section#extra { 
	max-width: 1400px;
	width: 90%;
	height: auto;
	overflow: hidden;
	padding: 100px 5% 100px;
	margin: 0 auto; }
	
section#extra h1 { margin-bottom: 40px; }	

#extra-txt p { 
	text-align: justify;
	padding-bottom: 20px; }
	
	
a.motorcycle-link { 
	margin-top: 20px;
	display: inline-block;
	background: url(../images/80x80-download-icon.png) no-repeat left center; 
	padding: 40px 10px 40px 100px; 
	color: #a7651c;
	text-decoration: none;
	font-weight: 400;
	font-size: 0.950em;
	text-align: left; }
	
a.motorcycle-link:hover {
		background: url(../images/80x80-download-icon-hover.png) no-repeat left center;
		color: #2e3437; }



	
/*sitemap*/

ul#sitemap { 
	text-align: center; }

ul#sitemap li {  }

ul#sitemap li a { 
	color: #333;
	width: 40%;
	margin: 40px auto;
	text-align: center; 
	background: #fff;
	border: 2px solid #ad660e;
	border-radius: 4px;
	display: block;
	padding: 10px 20px; }


/*media styles*/

@media only screen and (max-width: 1450px) {
	
	#merv-contact h2 { margin-top: 10px; }
}

@media only screen and (max-width: 1350px) {
	
	#hoo-rgt { 
		font-size: 0.875em;
		padding-top: 5px; }
	
	#video-midday, #merv-contact { 
		width: 90%;
		margin: 0 auto; 
		float: none; }
		
	#merv-contact { text-align: center; margin-top: 50px;  }
	#merv-contact a.bio-link { width: 90%; }
	
}


@media only screen and (max-width: 1300px) {
	
	#profile-lft { width: 56%; padding-right: 2%; }
	#profile-rgt { width: 40%; }
	

}

@media only screen and (max-width: 1200px) {
	
	#profile-lft { width: 100%; float: none; }
	#profile-rgt { width: 100%; height: auto; margin-top: 20px; }
	#profile-rgt img#merv-lrg { display: none; }
	#profile-rgt img#merv-sm { display: block; }
	#profile-lft p.merv-txt { font-size: 0.875em; !important }

}


@media only screen and (max-width: 1050px) {

	#banner-title-merv {
		padding: 20% 5% 20%;
		font-size: 3em;
		width: 65%; }
	
	section#banner-merv { background-position: top right; }
	
}

@media only screen and (max-width: 960px) {
	
	ul#assistants li { width: 30%; }
	ul#assistants li h3.assistant-name, ul#assistants li p { font-size: 0.875em; }
	
}

@media only screen and (max-width: 850px) {
	
	ul#downloads li { width: 48%; }

}


@media only screen and (max-width: 800px) {
	
	#footer-logo-lft { 
		float: none;
		max-width: 400px;
		margin: 0 auto;
		padding-right: 0;
		width: 100%; }
	
	#hoo-rgt { 
		float: none;
		width: 100%;
		text-align: center;
		margin: 20px auto 0;
		padding: 0; }
		
	#lower-footer { 
		font-size: 0.875em;
		text-align: center; }
	
	footer#contact { padding: 100px 5% 50px; }	
	#copyright { text-align: center; }
	#banner-title { padding: 100px 5% 40px; }
	
	ul#banner-list li { 
		display: block;
		width: 95%;
		float: none; 
		padding: 0 0 14px 5%; }
	
}

@media only screen and (max-width: 720px) {

	ul#choose-list li div.choose-txt-con { padding: 0 0 0 2%; }

}

@media only screen and (max-width: 660px) {
	
	h2.tabs-main { font-size: 2.150em; }
	
	span.acc-title-long { 
		width: 90%;
		font-size: 0.875em; 
		line-height: 1.150em;
		display: inline-block; }
	
	ul#lawyer-contact li { 
		display: block;
		width: 100%;
		padding-top: 5px; }
	
	
}



@media only screen and (max-width: 600px) {
	
	section#choose { padding: 50px 2%; }	
	h1, h2 { text-align: center; }	
	section#choose p { text-align: justify; }	
	.accordion-content-txt h4 { text-align: left; }
	
	ul#choose-list { 
		width: 96%;
		padding: 50px 0 0;
		margin: 0 auto; }
	
	ul#choose-list li { padding-bottom: 50px; }
	
	ul#choose-list li div.choose-img-con { 
		float: none;
		margin: 0 auto;
		display: block;
		width: 100%; 
		padding-bottom: 10px; }
		
	ul#choose-list li div.choose-txt-con {  
		float: none;
		margin: 0 auto;
		display: block;
		width: 100%;
		padding: 0; }
	
	#damages-con { padding-top: 200px; }	
	#damages-txt p { text-align: justify; }	
	ul#damages-icons li { width: 50%; }	
	ul#damages-icons li p { font-size: 0.875em; }
	h3.accordion-toggle { padding: 20px 100px 20px 20px; }
	#banner-title { font-size: 2em; }	
	header { padding: 10px 2%; }
	
	#header-logo { 
		float: none;
		margin: 0 auto;
		max-width: 200px;
		height: auto;
		width: 100%; }
		
	ul#header-contact { 
		float: none; 
		display: block;
		margin: 5px auto 0; 
		background: none;
		padding: 0;
		text-align: center; 
		width: 90%;
		font-size: 0.950em; }
	
	ul#header-contact li { display: inline; text-align: center; }
	
	ul#assistants li { 
		display: block; 
		width: 98%;
		margin: 0 auto 30px;
		text-align: center; }
	
	ul#assistants li h3.assistant-name { font-size: 1.250em; }
	ul#assistants li h4.assistant-position { margin: 5px auto 10px; }
	
	section#paralegal, section#motortips, section#work, section#about { padding: 80px 5%; }
	
}

@media only screen and (max-width: 540px) {
	
	span.acc-title-long { font-size: 0.750em; }
	ul#downloads li { width: 98%; }
	#banner-title-merv { font-size: 2em; }
}

@media only screen and (max-width: 370px) {
	
	section#team, section#claims { padding: 60px 5%; }
	
	#damages-con { padding-top: 0; }
	
	h3.accordion-toggle { 
		font-size: 1em; }
	
	.accordion-content-txt { 
		text-align: justify;
		padding: 40px 5%; }
		
	.accordion-content-txt h4 { font-size: 1.250em; text-align: center; }
	.accordion-content-txt h5 { text-align: center; }
	a.return-home-link { width: 80%; }
	#hoo-rgt { font-size: 0.750em; }
	#banner-title { font-size: 1.750em; }
	ul#banner-list li {
		width: 90%;
		padding: 0 0 14px 10%;
		font-size: 1em; }
		
	a#form { 
		width: 80%;
		margin: 0 auto 40px; }
		
	ul#lawyer-contact li a { font-size: 1em; }
	
}


 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 


a.motor-cta { 
	color: #f6eed4;
	text-decoration: underline; }
	
a.motor-cta:hover { 
	color: #ad660e;
	text-decoration: none; }

/*clears floated elements*/
.focus { font-weight: bold; }
.clear { clear: both; }