/*--------------------------------------------
Modules Style Sheet (for FF3, Safari 3, Chrome 1)

version:     1.0
author:      Chris Newton
website:     http://www.privateprotectiveservices.com
--------------------------------------------*/

body { margin: 0; padding: 0; font-family: Arial; color: #333; }
h2, h3 { margin: 0; padding: 0; }
a { color: #369; }
p { margin: 0 0 20px; line-height: 1.4em; }
img { box-shadow: 5px 5px 10px #888888; -moz-box-shadow: 5px 5px 10px #888; -webkit-box-shadow: 5px 5px 10px #888; border: 1px solid #000; padding: 4px;  }

.Frame { width: 960px; margin: 0 auto; }
.imgLeft { float: left; margin: 0 20px 20px 0; }
.imgRight { float: right; margin-left: 20px; }
.clearLeft { clear: left; }

.Header { background: url(../images/footer.jpg) repeat left top; border: 1px solid #333; border-width: 0 0 1px; padding: 30px 20px 20px; color: #fff; }
    .Header .Frame { position: relative; }
    .Header h1 { height: 120px; margin: 0; font: 48px/120px 'Times New Roman'; text-shadow: 2px 2px 2px #000; text-transform: uppercase; color: #cdcdcd; position: relative; }
    .Header .logo { float: left; margin-right: 20px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; padding: 0; }
    .Header .license { position: absolute; top: 28px; left: 139px; font-size: 14px; color: #fff; }
    .Header .contact { position: absolute; top: -30px; right: 0; width: 215px; background: #3e3e3e url(../images/side_bar_gradient.jpg) repeat-x center bottom; border: 1px solid #fff; border-width: 0 1px 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; box-shadow: 5px 5px 10px #000; -moz-box-shadow: 5px 5px 10px #000; -webkit-box-shadow: 5px 5px 10px #000; padding: 5px 10px; font-size: 12px; text-align: right; }

.Content { padding: 20px 0; }

.Column1 { float: left; width: 620px; margin: 0 0 20px; }
    .Column1 .callOut { margin-left: 230px; }

ul { float: right; width: 300px; margin: 0; padding: 0; list-style: none; }
    ul li { position: relative; height: 120px; background: #3e3e3e url(../images/side_bar_gradient.jpg) repeat-x center bottom; box-shadow: 0 5px 10px #888888; -moz-box-shadow: 0 5px 10px #888; -webkit-box-shadow: 0 5px 10px #888; border: 1px solid #fff; -moz-border-radius: 0 0 3px 3px; margin: 0 0 20px; padding: 10px 20px; color: #fff; }
        ul li h3 { position: relative; left: -35px; width: 304px; height: 44px; background: url(../images/blue_banner.png) no-repeat left top; padding-left: 24px; font: 18px/1 Arial; text-shadow: 2px 2px 2px #000; }
            ul li h3 strong { display: block; height: 100%; background: url(../images/blue_banner.png) no-repeat right top; padding: 3px 0 0; }
        ul li p { background: url(../images/icon_sprite.png) no-repeat left top; padding-left: 90px; line-height: 1.2em; font-size: 13px; }
        ul li p.executive { background-position: left 6px; }
        ul li p.cast { background-position: left -102px; }
        ul li p.dignitary { background-position: left -217px; }
        ul li p.residential { background-position: left -329px; }
        ul li p.publicFigure { background-position: left -440px; }
		ul li p.search { background: url(../images/search.png) no-repeat 20px top; }

.Footer { clear: both; background: url(../images/footer.jpg) repeat left top; border: 1px solid #333; border-width: 1px 0 0; padding: 20px; color: #fff; }
    .Footer h3 { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #fff; text-shadow: 2px 2px 2px #000; }
    .Footer p { clear: both; margin: 0; font-size: .8em; }
    .Footer abbr { border: none; }
    .Footer .column { float: left; display: inline; width: 300px; }
.vcard { float: left; width: 620px; margin: 0 0 20px; }
    .vcard .fn { display: none; }
    .vcard .adr {}
        .vcard .adr .type { margin: 0 0 5px; font-style: italic; text-decoration: underline; }
    .vcard .tel { display: block; margin: 0 0 10px; }
    
form { float: right; width: 300px; }
    form label { display: block; margin: 0 0 5px; }
    form input[type="text"] { width: 230px; padding: 5px; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 15px/1 Arial; }
    form input[type="submit"] { background: #095c89 url(../images/button_sprite.jpg) repeat-x bottom center; padding: 3px 5px; border: 1px solid #014982; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font: 15px/1 Arial; }
    
@media all and (min-device-width: 320px) and (max-device-width: 480px) {
    .Frame { width: 460px; }
    .Column1 { width: 460px; }
        .Column1 .callOut { margin-left: 0; }
    .Content img { display: none; float: none; }
    ul { display: none; }
    .Header { padding: 15px 10px 5px 10px; }
	.Header h1 { font: 36px/1em Times; }
	    .Header h1 span { display: block; }
	.Header .logo { margin-top: -4px; }
	.Footer { padding: 20px 0; }
}