/* CSS Document */


/* -- TABLETS ----------------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)

{
	html {zoom:0.8;}
}


/* -- SMARTPHONES ------------- */
@media screen and (max-width: 480px)

{
	/* change layout containers */
	div.content, div.col, div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 {width: 95%; padding: 3px 5px;}
	
	/* change tiles */
	div.tiles div.tile {width: 98%;}

	/* hide seal */
	div.seal {display: none;}
	div.clickableseal {display: none;}

	/* change banner, nav and menus */
	div#banner.fixed {opacity: 1;}
	div#header {display: none;}
	div.banner {padding: 0px;}
	div.banner div.logo {margin-top: -2px;}
	div.banner div.logo h1 a {display: inline; color: #ffffff; font-size: 14px; font-family: Georgia, serif; text-transform: uppercase; margin-left: 3px;}
	div.banner div.navigation {display: none;}
	div#sitemenutoggle a {display: block; position: absolute; top: 12px; right: 15px; text-indent: -9000px; background: url('../images/banner/sitemenutoggle.png'); height: 20px; width: 20px;}
	
	/* top level menu */
	div.menu {top: 42px;}
	div.sitemenu {width: 50%; padding: 15px; background: #1a558d; height: 800px; opacity: .92; margin-left: -12px;}
	div.menu li {line-height: 16px;}
	div.menu a {padding-bottom: 6px; display: block; color: #ffffff; background: url('../images/decoration/openarrowright.png') 90% 20% no-repeat;}
	div.menu a.first {padding-top: 0px;}
	div.menu a span {display: none;}

	/* log in */
	div#sitemenu a.button {font-size: 12px; background: #ad1818; color: #ffffff !important; border-radius: 5px; padding: 3px 20px; margin-top: 0px; display: inline-block;}

	/* mega menu */
	div.mainnavmenu {
	width: 50%; top: 45px; right: 0px; height: 800px;
	padding: 15px 0px;
	border-bottom: 5px solid #ad1818;
	background: #fff;
	background: -moz-linear-gradient(top, #efefef, #fff);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top, #efefef 0%,#fff 100%);
	}

	div.mainnavmenu h2 {display: none;}
	div.mainnavmenu h2.alternate {display: inline-block; margin: 0px; padding: 0px; width: 90%; margin-top: -10px; border-bottom: 1px solid #a41313;}
	div.mainnavmenu h2.alternate a {color: #a41313; background: none; margin: 0px; padding: 0px;}
	div.mainnavmenu ul li a {background: none; width: 95%; margin: 6px 0px; padding: 0px; color: #666666;}
	div#highlight {margin-left: 3px; margin-right: 0px;}
	div#highlight img {width: 85%; height: 85%; margin-top: -10px;}
	div#popularitems {display: none;}
	div#inthissection {margin: 0px 0px 0px 11px; padding-left: 0px;}
	div#inthissection a.first {margin-top: -5px;}

	/* microsite list */
	div.menu ul.microsites {border-top: 1px dotted #f4f4f4; padding: 15px 0px 5px 0px; width: 95%}
	div.menu ul.microsites a {padding-bottom: 6px; padding-left: 15px; display: block; color: #ffffff; background: url('../images/decoration/popoutright.png') 0% 20% no-repeat;}

	/* related sites menu */
	div.menu ul.relatedsites {display: none;}

	/* social links list */
	div.menu ul.sociallinks {border-top: 1px dotted #f4f4f4; border-bottom: 1px dotted #f4f4f4; padding: 5px 0px; width: 95%;}
	div.menu ul.sociallinks a {background: none;}
	div.menu ul.sociallinks li a {display: inline; border: none; opacity: .7; margin-right: 3px;}
	
	/* other nav pieces */
	div.subheader {text-align: center;}
	div.breadcrumb {display: none;}
	div.search {float: none;}

	/* remove sidenav */
	div.sidenav {display: none;}

	/* change landing and topic page layout */
	div.maincontent, div.supportingcontent {width: 95% !important;}
	div.supportingcontent {float: left !important;}
	div.maincontent div.oneacross div.tile {margin-left: -8px;}
	div.headline {text-align: center;}
	div.headline h1, div.headline h2 {padding: 3px !important; margin: 0px;}
	div.headline h1 {font-size: 28px;}
	div.headline h2 {font-size: 20px;}

	div.maintopic img {width: 100%;}

	/* change placement of content */
	div.pagecontent div.content {margin-top: 65px;}

	/* change related sites */
	div.relatedsites {display: none;}

	/* change closer, footer, and return to top link */
	div.closer div.col2 {width: 25%;}
	div.closer ul {min-height: 20px;}
	div.closer ul a {display: none;}
	div.closer ul a.first {display: inline-block;}
	div.closer ul.sociallinks {display: none;}
	div.footer {padding: 0px;}
	div.footer div.content {padding: 1px;}
	div.footer div.center {text-align: center;}
	div.footer p {font-size: 12px; margin-top: 14px;}
	div#returntotop {bottom: 62px;}
	div#returntotop a {float: none; opacity: .95;}


	/* change specific content items and widgets */
	div.widget.carousel div.tiles div.tile {width: 29%;}
	div.widget.carousel div.tiles img {width: 100%; height: 100%;}
	div.widget.carousel div.tiles p.caption {display: none;}
	

	/* change the hero */
	div#heroimage {margin-top: -70px; margin-bottom: -70px;}
	div#heroimage.lawyers {background: #ffffff url('../images/hero/lawyers_small.png') 50% 50% no-repeat;} 
	div#herolinks div.tiles.threeacross div.tile {width: 29%;}
	div#herolinks {text-align: center;}
	div#herolinks h3 {display: none;}
	div#herolinks ul li a {display: none; text-align: left;}
	div#herolinks a.button {margin: auto;}
	div#heronavigation {background: none; border-bottom: 1px solid #cccccc; text-align: center;}
	div#heronavigation ul li a {text-indent: -9000px; display: inline-block; height: 16px; width: 16px; background: #acacac url('../images/switchers/carouselswitcher.png') 50% 50% no-repeat;}
	div#heronavigation ul li a.selected {background: #ad1818 url('../images/switchers/carouselswitcher.png') 50% 50% no-repeat;}
	ul#heroboxselector {width: 240px;}

	/* change top spacing and add border to supporting topic column */
	div.supportingtopic {margin-top: 0px; border-top: 1px solid #cccccc; padding-top: 15px; background: #efefef; width: 100%; margin-left: -10px; padding-left: 15px;}

	/* widgetselector */
	div.widget ul.selector li a {display: inline-block; width: 233px; color: #000000; margin: 0px; padding: 0px 0px 0px 5px;}

	/* optimize directory search UI */
	div.formsection.primary, div.formsection.secondary {float: left !important; width: 98% !important;}
	div.formsection.primary {border-right: none !important; border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 10px;}
	div#orseparator {top: 105px !important; left: 75px;}
	div.formitem input.text {width: 250px !important;}
	div.formitem select {width: 270px !important;}
	div#searchresultscontrols ul#pagingcontrols {float: left; margin: 8px 0px 15px 0px;}
	div.extendedinfo ul.details {width: 150% !important;}
	div.extendedinfo ul.actions {width: 150% !important; float: left !important; margin-top: 15px;}

}