/*
* Responsive CSS v1.1
* Copyright 2012, MarLytics. Developed by Mark Fasel.
* www.LawLytics.com
* Last Updated: 10/05/2012
*/


/* #Media Queries
================================================== */
@media only screen and (min-width: 959px) {
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.full_width #page_content {width: 748px;}
		
	/* Structure
	-----------------------------------------*/
	#phoneNumber {margin-bottom: 20px!important;}
	#wrapper {background: #fff url('../images/bg-content-top.png') top center repeat-x; width: 100%!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	.spacing {margin-bottom: 25px!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	.prevnext {display: none;}
	#main_navigation {display: none;}
	header .nav_container {padding: 0!important; width: auto!important;}
	header #main_navigation_container ul li {margin-right: 10px; padding-right: 10px;}
	
	.slider_nav_back, .slider_nav_forward {display: none!important;}
	
	/* 2.4 Dropdown 
	-----------------------------------------*/
	header #main_navigation_container ul li:hover li > a {color: #a6a6a6; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-shadow: none!important;}	
	
	header #main_navigation_container ul li li:hover a, header #main_navigation_container ul li li a:hover {color: #ffffff; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-shadow: none!important;}	
	
	/* level 2 list */
	header #main_navigation_container ul ul {background: #fff; display: none!important; margin: 0; width: 215px; position: absolute; top: 45px; left: -20px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);}
	header #main_navigation_container ul li:hover > ul {display: block!important; background: rgba(0,0,0,0.85); height: auto!important; text-align: left;}
	header #main_navigation_container ul li ul li {float: none!important; display: block!important; margin: 0; padding: 10px 15px!important; border-top: 1px solid #494949; padding-left: 0; background: none!important; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-align: left; text-shadow: none!important; height: auto!important; font-size: 13px!important; font-family: "Arial", sans-serif; letter-spacing: normal!important;}
	header #main_navigation_container ul li ul li:first-child {border-top: none;}
	header #main_navigation_container ul li ul li a {font-weight: normal;}
	header #main_navigation_container ul li ul li:hover {padding-left: 7px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
	
	/* clearfix */
	header #main_navigation_container ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	
	.slider_nav_back, .slider_nav_forward {display: none;}
	* html header #main_navigation_container ul {height: 1%;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	/* Billboard
	-----------------------------------------*/
	#billboard_container .container {width: auto!important;}
	.billboard_box {padding: 25px 0;}
	.billboard_content_holder {width: auto!important; position: relative; left: 0; bottom: 0; float: none; padding-bottom: 50px!important; max-width: none!important; min-width: 0!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 24px!important; line-height: 24px!important;}
	.billboard_content {width: auto!important;}
	
	/* Home
	-----------------------------------------*/
	#home_content, #page_content, #blog_content {}
	#home_content .news {width: 100%!important;}
	#home_content .newsList li {width: 100%!important; margin-left: 0!important;}
	.sidebar {background: none!important; padding: 0!important; margin-left: 0!important;}
	#home_sidebar {width: 206px; background: #fff!important; padding: 30px 15px!important;}
	#page_sidebar, #blog_sidebar {width: 206px!important; background: #fff!important; padding: 15px 15px!important; margin-top: -70px!important;}
	#home_sidebar input[type="text"], .sidebar input[type="text"], #home_sidebar textarea {margin-left: 0!important;}
	.sidebar .widget.subnav h4, .sidebar .blog_calendar h4 {border-bottom: none!important;}
	.attorneys_index li, .offices.listview li {width: 236px;}
	
	#blog_sidebar .blog_search input[type="text"] {width: 89%!important;}
	
	.authorDetails {width: 86%!important;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout h2 {text-align: center;}
		
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	.widget input[type="text"], .widget textarea, .widget select {width: 83%!important; margin-left: 0!important;}

	/* Comments
	-----------------------------------------*/
	.leaveComment .single_line_text {width: 100%!important;}
	.leaveComment .buttons input {
		width: auto!important;
	}
	.children_container .commentEntry {width: auto;}
	.children_container .children_container .commentEntry {width: auto;}
	.commentText {float: left; margin-left: 2%; width: 84%;}
	
	
	/* Footer
	-----------------------------------------*/
	footer nav ul {text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}
	

	.insertion.video {width: 100%!important;}
	
	.insertion.image {width: auto!important;}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.full_width #page_content {width: 300px;}
	/* Structure
	-----------------------------------------*/
	#phoneNumber {margin-bottom: 20px!important;}
	#wrapper {background: #fff url('../images/bg-content-top.png') top center repeat-x; width: 100%!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	.spacing {margin-bottom: 35px!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	#main_navigation, .prevnext {display: none;}
	header .nav_container {padding: 0!important; width: auto!important;}
	.slider_nav_back, .slider_nav_forward {display: none!important;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	/* Billboard
	-----------------------------------------*/
	#billboard_container .container {width: auto!important;}
	.billboard_box {padding: 25px 0;}
	.billboard_content_holder {width: auto!important; position: relative; left: 0; bottom: 0; float: none; padding-bottom: 50px!important; max-width: none!important; min-width: 0!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 24px!important; line-height: 24px!important;}
	.billboard_content {width: auto!important;}
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important; box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-box-shadow: none!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout h2 {text-align: center;}
	
	.authorDetails {width: 87%!important;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	.children_container input[type="text"], .children_container textarea {width: 395px!important;}
	.leaveComment .single_line_text {width: 100%!important;}
	
	.commentText {float: left; margin-left: 2%; width: 84%;}
	
	/* Footer
	-----------------------------------------*/
	footer nav ul {text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}
	.attorneys_index li, .offices_index ul.offices.listview li, ul.offices.listview li {width: 100%!important;}
	
	.insertion.image {width: auto!important;}
	.insertion.image img {width: auto!important; height: auto!important;}
	.insertion.image.float_left, .insertion.video.float_left {float: none!important; margin-right: 0!important;}
	.insertion.image.float_right, .insertion.video.float_right {float: none!important; margin-left: 0!important; margin-right: 0!important;}
	.insertion.video {width: 100%!important;}
	
	.captionContainer {width: auto!important;}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.full_width #page_content {width: 420px;}
	/* Structure
	-----------------------------------------*/
	#phoneNumber {margin-bottom: 20px!important;}
	#wrapper {background: #fff url('../images/bg-content-top.png') top center repeat-x; width: 100%!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	.spacing {margin-bottom: 35px!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	.nav_container ul, .prevnext {display: none;}
	header .nav_container {padding: 0!important; width: auto!important;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout {width: 100%!important;}
	#shoutout h2 {text-align: center;}
	
	.authorDetails {width: 76%!important;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	.widget input[type="text"], .widget textarea, .widget select {width: 390px!important;}

	
	/* Footer
	-----------------------------------------*/
	footer nav ul {text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}
	
	.full_width .single_line_text input {text-align: left; width: 92%!important;}
	.full_width .multi_line_text textarea {text-align: left; width: 90%!important;}

	#top {display: none!important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Structure
	-----------------------------------------*/
	#phoneNumber {margin-bottom: 20px!important;}
	#wrapper {background: #fff url('../images/bg-content-top.png') top center repeat-x; width: 100%!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	.spacing {margin-bottom: 35px!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	.nav_container ul, .prevnext {display: none;}
	header .nav_container {padding: 0!important; width: auto!important;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout {width: 100%!important;}
	#shoutout h2, #page_title h1 {text-align: center;}

	.authorDetails {width: 67%!important;}
	
	.children_container input[type="text"], .children_container textarea {width: 275px!important;}
	.commentText {float: left; margin-left: 2%; width: 84%;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	.widget input[type="text"], .widget textarea, .widget select {width: 270px!important;}
	.full_width .single_line_text input {text-align: left; width: 92%!important;}
	.full_width .multi_line_text textarea {text-align: left; width: 90%!important;}
	
	/* Footer
	-----------------------------------------*/
	footer nav ul {text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}

	#top {display: none!important;}
	
	div.insertion.widget.float_left {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
	div.insertion.widget.float_right {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
	
	.phone {text-align: center!important; float: none!important; clear: both!important; padding-top: 15px;}
	.phone p {display: inline-block!important; float: none!important;}
	
}