/* iphone 4 */
@media screen and (max-device-width: 480px) and (orientation: portrait) {

	body.sub,
	body.sub-care,
	body.sub-property,
	body.sub-financial,
	body.sub-legal,
	body { background: none !important; background: #e7e8e9 !important; }

	img[class="fluid"] { width: 100% !important; height: auto; }

	#menu-control { display: block; border: 1px solid #94999c; background: #94999c; }
	#menu-control { position: relative; float: left; height: 56px; margin-top: 5px; }
	#menu-control a { width: 100%; display: block; text-align: center; margin-top: 10px; height: 36px; background: transparent url(../img/icn-menu-off.png) center 0 no-repeat; }

	#util-nav { margin: 0 !important; padding: 10px 5px 5px 0 !important; }

	#util-nav dl dd { display: block; float: right !important; margin: 0 !important; padding: 0 !important; } 

	#util-nav dl dd.no-line,
	#util-nav dl dd.about,
	#util-nav dl dd.contact { height: 20px; } 
	#util-nav dl dd a { display: block !important; background: none !important; padding: 0 !important; }
	#util-nav dl dd.home,
	#util-nav dl dd.about { padding-left: 10px !important; }
	#util-nav dl dd.home i,
	#util-nav dl dd.linkedin,
	#util-nav dl dd.twitter { display: none; }
	#util-nav dl dd.home a:after { content: 'home'; }
	#util-nav dl dd.no-line strong { display: inline-block !important; }

	#main-nav { display: none; background: #fff;  }
	#main-nav dl { width: auto; margin: 0 auto; }
	#main-nav dl dd { float: left; width: 46%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2%; min-height: 50px; height: auto !important; height: 50px; }
	#main-nav dl dd a { display: block !important; text-align: center; font-size: 1.3em;  }	
	
	#main-nav dl dd:hover,
	#main-nav dl dd.current { margin: 2% !important; padding: 7px 0 5px 0 !important;}
	#main-nav dl dd.last:hover { margin: 2% !important; padding: 7px 0 5px 0 !important; }
	#main-nav dl dd.current a { text-decoration: underline !important; }

	.cycle-slideshow { background: none; }	
	.cycle-slideshow .txt-link,
	.cycle-slideshow .txt-item { display: none; }

	.cycle-slideshow .bnr-item .txt-item { left: 2% !important; width: 95% !important; font-size: 1.6em !important; }

	.qlink-item-hdr { min-height: 160px; height: auto !important; height: 160px; background-size: cover !important; }
	
	.qlink-download-item-r { margin-top: 10px; }

	.qlink-download-item-r-bdy { width: 35%; }
	.qlink-download-item-r-bdy p a.pdflink { font-size: 1.1em; }

	dt.dk-grey-blue-bg { border-top-left-radius: 7px !important; }
	.qlink-item-hdr h3 { line-height: 1.2em; border-top-left-radius: 7px; }
	.qlink-item-r-bdy h4 { border-top-left-radius: 7px; }
	
	/* sub banner */
	body.sub .cycle-slideshow { margin-top: 1px; }
	body.sub .bnr-item .txt-item { position: relative; font-size: 1.0em; color: #000; line-height: 1.2em; background: #ccc; padding: 5%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	body.sub .bnr-item .txt-item.white { color: #fff; }
	body.sub .bnr-item .txt-item.grey { color: #7d7d7d; }
	body.sub .bnr-item .txt-item.dark-grey { color: #575756; }

} 

/* iphone 4 - Landscape */
@media screen and (max-device-width: 480px) and (orientation: landscape) {
	
	body.sub,
	body.sub-care,
	body.sub-property,
	body.sub-financial,
	body.sub-legal,
	body { background: none !important; background: #e7e8e9 !important; }

	img[class="fluid"] { width: 100% !important; height: auto; }

	#menu-control { display: block; border: 1px solid #94999c; background: #94999c; }
	#menu-control { position: relative; float: left; height: 56px; margin-top: 5px; }
	#menu-control a { width: 100%; display: block; text-align: center; margin-top: 10px; height: 36px; background: transparent url(../img/icn-menu-off.png) center 0 no-repeat; }

	#header #util-nav { margin: 0 !important; padding: 10px 5px 5px 0 !important; }
	#header #util-nav dl dd.twitter { margin-right: 2px; }
	#header #util-nav dl dd a { display: block !important; background: none !important; padding: 0 !important; }
	#util-nav dl dd.no-line strong { display: inline-block !important; }

	#main-nav { display: none; background: #fff;  }
	#main-nav dl { width: auto; margin: 0 auto; }
	#main-nav dl dd { float: left; width: 46%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2%; min-height: 50px; height: auto !important; height: 50px; }
	#main-nav dl dd a { display: block !important; text-align: center; font-size: 1.3em;  }	
	
	#main-nav dl dd:hover,
	#main-nav dl dd.current { margin: 2% !important; padding: 7px 0 5px 0 !important;}
	#main-nav dl dd.last:hover { margin: 2% !important; padding: 7px 0 5px 0 !important; }
	#main-nav dl dd.current a { text-decoration: underline !important; }

	.cycle-slideshow { background: none; }	
	.cycle-slideshow .txt-link,
	.cycle-slideshow .txt-item { display: none; }

	.cycle-slideshow .bnr-item .txt-item { left: 2% !important; width: 95% !important; font-size: 1.6em !important; }

	.qlink-item-hdr { min-height: 160px; height: auto !important; height: 160px; background-size: cover !important; }
	
	.qlink-download-item-r { margin-top: 10px; }

	.qlink-download-item-r-bdy { width: 35%; }
	.qlink-download-item-r-bdy p a.pdflink { font-size: 1.1em; }

	dt.dk-grey-blue-bg { border-top-left-radius: 7px !important; }
	.qlink-item-hdr h3 { line-height: 1.2em; border-top-left-radius: 7px; }
	.qlink-item-r-bdy h4 { border-top-left-radius: 7px; }
	
	/* sub banner */
	body.sub .cycle-slideshow { margin-top: 1px; }
	body.sub .bnr-item .txt-item { position: relative; font-size: 1.0em; color: #000; line-height: 1.2em; background: #ccc; padding: 5%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	body.sub .bnr-item .txt-item.white { color: #fff; }
	body.sub .bnr-item .txt-item.grey { color: #7d7d7d; }
	body.sub .bnr-item .txt-item.dark-grey { color: #575756; }

}




/* ipad 2 - All orientations */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.qlink-item-hdr { background-position: right 0 !important; }
	
	.qlink-item-hdr h3 { border-top-left-radius: 7px; }
	.qlink-item-r-bdy h4 { border-top-left-radius: 7px; }

	.qlink-download-item-r-bdy p a.pdflink { font-size: 1.3em; line-height: 1em; background: transparent url(../img/ql-pdf-link-63.png) 0 bottom no-repeat !important;  }

}

/* ipad 2 - Portrait */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	body.home { background: #e7e8e9 url(../img/bg-hm-3.gif) 0 -2px repeat-x !important; }
		
	body.sub { background: #e7e8e9 url(../img/bg-sub-general-ipad-p.gif) center -25px no-repeat !important; }
	body.sub-care { background: #e7e8e9 url(../img/bg-sub-care-ipad-p.gif) center -24px no-repeat !important; }
	body.sub-property { background: #e7e8e9 url(../img/bg-sub-property-ipad-p.gif) center -24px no-repeat !important; }
	body.sub-financial { background: #e7e8e9 url(../img/bg-sub-financial-ipad-p.gif) center -24px no-repeat !important; }
	body.sub-legal { background: #e7e8e9 url(../img/bg-sub-legal-ipad-p.gif) center -24px no-repeat !important; }

	#main-nav dl dd a { font-weight: 900; font-size: 1em; color: #fff; padding: 0 6px 0 6px; }

	#header #util-nav dl dd.twitter { margin-right: 2px; }
	#header #util-nav dl dd a { font-size: 1em;  }
	#header #util-nav dl dd.line a { background: none; padding: 0; }
	#header #util-nav dl dd.no-line { padding: 0; font-size: 1em; font-weight: 700; color: #959595; }
	#header #util-nav dl dd.no-line strong { font-size: 1em; font-weight: 700; color: #575756; }
	
	.home .bnr-item .txt-item { top: 5%; }

	.sub .bnr-item .txt-item { top: 10%; width: 80% !important; font-size: 1.2em; }
	.sub .bnr-item .txt-link { font-size: 1.2em;  }

	.bnr-item.left .txt-item { left: 5%; }
	.bnr-item.left .txt-link { left: 5%; }
	
	.bnr-item.right .txt-item { right: 5%; }
	.bnr-item.right .txt-link { right: 5%; }
	
	.bnr-item.left-right .txt-item { left: 5%; }
	.bnr-item.left-right .txt-link { right: 5%; }
	
	.bnr-item.right-left .txt-item { right: 5%; }
	.bnr-item.right-left .txt-link { left: 5%; }
	
	.bnr-item .txt-link.grey a { background-position: right 4px; }
	.bnr-item .txt-link.orange a { background-position: right 4px; }
	.bnr-item .txt-link.cyan a { background-position: right 4px; }
	
	.qlink-item-hdr h3 { line-height: 1.2em;}
	.news-panel-bdy dt { border-top-left-radius: 7px; }

}

/* ipad 2 - Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

	body.home { background: #e7e8e9 url(../img/bg-hm-ipad-l.gif) 0 3px repeat-x !important; }
		
	body.sub { background: #e7e8e9 url(../img/bg-sub-general-ipad-l.gif) center 0 no-repeat !important; }
	body.sub-care { background: #e7e8e9 url(../img/bg-sub-care-ipad-l.gif) center 0 no-repeat !important; }
	body.sub-property { background: #e7e8e9 url(../img/bg-sub-property-ipad-l.gif) center 0 no-repeat !important; }
	body.sub-financial { background: #e7e8e9 url(../img/bg-sub-financial-ipad-l.gif) center 0 no-repeat !important; }
	body.sub-legal { background: #e7e8e9 url(../img/bg-sub-legal-ipad-l.gif) center 0 no-repeat !important; }

	body.sub .cycle-slideshow { margin-top: 0 !important; }
	body.sub .cycle-slideshow img { border-bottom: 1px solid #e7e8e9 !important; }
	.news-panel-bdy dt { border-top-left-radius: 7px; }
}


/* Galaxy Note 2 - Portrait */
@media only screen and (max-width: 767px) {

	body.sub,
	body.sub-care,
	body.sub-property,
	body.sub-financial,
	body.sub-legal,
	body { background: none !important; background: #e7e8e9 !important; }

	img[class="fluid"] { width: 100% !important; height: auto; }

	#menu-control { display: block; border: 1px solid #94999c; background: #94999c; }
	#menu-control { position: relative; float: left; height: 56px; margin-top: 5px; }
	#menu-control a { width: 100%; display: block; text-align: center; margin-top: 10px; height: 36px; background: transparent url(../img/icn-menu-off.png) center 0 no-repeat; }

	#util-nav { margin: 0 !important; padding: 10px 5px 5px 0 !important; }

	#util-nav dl dd { display: block; float: right !important; margin: 0 !important; padding: 0 !important; } 

	#util-nav dl dd.no-line,
	#util-nav dl dd.about,
	#util-nav dl dd.contact { height: 20px; } 
	#util-nav dl dd a { display: block !important; background: none !important; padding: 0 !important; }
	#util-nav dl dd.home,
	#util-nav dl dd.about { padding-left: 10px !important; }
	#util-nav dl dd.home i,
	#util-nav dl dd.linkedin,
	#util-nav dl dd.twitter { display: none; }
	#util-nav dl dd.home a:after { content: 'home'; }
	#util-nav dl dd.no-line strong { display: inline-block !important; }

	#main-nav { display: none; background: #fff;  }
	#main-nav dl { width: auto; margin: 0 auto; }
	#main-nav dl dd { float: left; width: 46%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2%; min-height: 50px; height: auto !important; height: 50px; }
	#main-nav dl dd a { display: block !important; text-align: center; font-size: 1.3em;  }	
	
	#main-nav dl dd:hover,
	#main-nav dl dd.current { margin: 2% !important; padding: 7px 0 5px 0 !important;}
	#main-nav dl dd.last:hover { margin: 2% !important; padding: 7px 0 5px 0 !important; }
	#main-nav dl dd.current a { text-decoration: underline !important; }

	.cycle-slideshow { background: none; }	
	.cycle-slideshow .txt-link,
	.cycle-slideshow .txt-item { display: none; }

	.cycle-slideshow .bnr-item .txt-item { left: 2% !important; width: 95% !important; font-size: 1.6em !important; }

	.qlink-item-hdr { min-height: 160px; height: auto !important; height: 160px; background-size: cover !important; }
	
	.qlink-download-item-r { margin-top: 10px; }

	.qlink-download-item-r-bdy { width: 35%; }
	.qlink-download-item-r-bdy p a.pdflink { font-size: 1.1em; }

	dt.dk-grey-blue-bg { border-top-left-radius: 7px !important; }
	.qlink-item-hdr h3 { line-height: 1.2em; border-top-left-radius: 7px; }
	.qlink-item-r-bdy h4 { border-top-left-radius: 7px; }
	
	/* sub banner */
	body.sub .cycle-slideshow { margin-top: 1px; }
	body.sub .bnr-item .txt-item { position: relative; font-size: 1.0em; color: #000; line-height: 1.2em; background: #ccc; padding: 5%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	body.sub .bnr-item .txt-item.white { color: #fff; }
	body.sub .bnr-item .txt-item.grey { color: #7d7d7d; }
	body.sub .bnr-item .txt-item.dark-grey { color: #575756; }

}

/* Amazon Kindle Fire 2 - Portrait */
@media only screen and (max-width: 767px) {
	
	body.sub,
	body.sub-care,
	body.sub-property,
	body.sub-financial,
	body.sub-legal,
	body { background: none !important; background: #e7e8e9 !important; }

	img[class="fluid"] { width: 100% !important; height: auto; }

	#menu-control { display: block; border: 1px solid #94999c; border: 1px solid #94999c; background: #94999c; }
	#menu-control { position: relative; float: left; height: 56px; margin-top: 5px; }
	#menu-control a { width: 100%; display: block; text-align: center; margin-top: 10px; height: 36px; background: transparent url(../img/icn-menu-off.png) center 0 no-repeat; }

	#util-nav { margin: 0 !important; padding: 10px 5px 5px 0 !important; }

	#util-nav dl dd { display: block; float: right !important; margin: 0 !important; padding: 0 !important; } 

	#util-nav dl dd.no-line,
	#util-nav dl dd.about,
	#util-nav dl dd.contact { height: 20px; } 
	#util-nav dl dd a { display: block !important; background: none !important; padding: 0 !important; }
	#util-nav dl dd.home,
	#util-nav dl dd.about { padding-left: 10px !important; }
	#util-nav dl dd.home i,
	#util-nav dl dd.linkedin,
	#util-nav dl dd.twitter { display: none; }
	#util-nav dl dd.home a:after { content: 'home'; }
	#util-nav dl dd.no-line strong { display: inline-block !important; }

	#main-nav { display: none; background: #fff;  }
	#main-nav dl { width: auto; margin: 0 auto; }
	#main-nav dl dd { float: left; width: 46%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2%; min-height: 50px; height: auto !important; height: 50px; }
	#main-nav dl dd a { display: block !important; text-align: center; font-size: 1.3em;  }	
	
	#main-nav dl dd:hover,
	#main-nav dl dd.current { margin: 2% !important; padding: 7px 0 5px 0 !important;}
	#main-nav dl dd.last:hover { margin: 2% !important; padding: 7px 0 5px 0 !important; }
	#main-nav dl dd.current a { text-decoration: underline !important; }

	.cycle-slideshow { background: none; }	
	.cycle-slideshow .txt-link,
	.cycle-slideshow .txt-item { display: none; }

	.cycle-slideshow .bnr-item .txt-item { left: 2% !important; width: 95% !important; font-size: 1.6em !important; }

	.qlink-item-hdr { min-height: 160px; height: auto !important; height: 160px; background-size: cover !important; }
	
	.qlink-download-item-r { margin-top: 10px; }

	.qlink-download-item-r-bdy { width: 35%; }
	.qlink-download-item-r-bdy p a.pdflink { font-size: 1.1em; }

	dt.dk-grey-blue-bg { border-top-left-radius: 7px !important; }
	.qlink-item-hdr h3 { line-height: 1.2em; border-top-left-radius: 7px; }
	.qlink-item-r-bdy h4 { border-top-left-radius: 7px; }
	
	/* sub banner */
	body.sub .cycle-slideshow { margin-top: 1px; }
	body.sub .bnr-item .txt-item { position: relative; font-size: 1.0em; color: #000; line-height: 1.2em; background: #ccc; padding: 5%; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	body.sub .bnr-item .txt-item.white { color: #fff; }
	body.sub .bnr-item .txt-item.grey { color: #7d7d7d; }
	body.sub .bnr-item .txt-item.dark-grey { color: #575756; }

}



/* Samsung Galaxy note - Portrait */
@media only screen and (max-width: 400px) and (orientation : portrait) {

	#util-nav dl dd.no-line strong { display: inline-block !important; }

}