/* SCREEN STYLES //////////////////////////////////////////////////////*/

html, body { font-family: Helvetica, Arial, sans-serif; color: #000; font-size: 100%; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; overflow-x: hidden; overflow-y: auto; /* START SCROLLING NAV */height: auto; top: 0; position: relative;/* END SCROLLING NAV */}



/* HOME PAGE //////////////////////////////////////////////////////*/

#wrap { min-height: 100%; /*margin: 0 auto -146px;*/ }
#top-nav { background: url('../_img/bg-top-menu.png') repeat-x; width: 100%; }
	#logo-icon { float: left; position: relative; top: -7px; }
	#menu { font-family: 'Lato'; font-weight: 700; font-size: 14px; letter-spacing: 1px; width: 940px; margin: 0 auto; padding: 16px 0 17px 0; text-align: right; }
	#menu a:link, #menu a:visited { color: #a3ccec; margin-left: 40px; }
	#menu a:hover, #menu a:active { color: #fff; }
#panel-container-home { width: 100%; height: auto; background: #dbedfb url('../_img/bg-panel-container-home.jpg') no-repeat center top; }
	#panel-home { width: 940px; height: 534px; background: url('../_img/bg-panel.png') no-repeat left 31px; margin: 0 auto; position: relative; }
	h1.intro { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 38px; font-style: italic; color: #e9830b; margin: 0 0 20px 0; padding: 0;}
	
	#intro { width: 500px; text-align: center; position: relative; top: 50px; z-index: 9999; }
	
	.intro-points { text-transform: uppercase; color: #1d71b8; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 2px; padding: 0; margin: 0; text-align: center }
	.intro-points a {color: #1d71b8!important; margin: 0; padding: 5px; display: block; background: url('../_img/bullet-divider.png') no-repeat center bottom;}
	.intro-points a:hover {color: #a3ccec!important; margin: 0; padding: 5px; display: block; background: url('../_img/bullet-divider.png') no-repeat center bottom;}
	
	
	#model { position: absolute; top: -9px; right: 0; z-index: 1; }
	a.orange-button:link, a.orange-button:visited { background: url('../_img/bg-orange-button.png') repeat-x left top; border: 2px solid #c36900; color: #fff !important; font-family: 'Lato'; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 5px 30px; -webkit-font-smoothing: antialiased; cursor: pointer; }
	a.orange-button:hover, a.orange-button:active { color: #ffe2c0 !important; width: 200px; }
	a.orange-button:active { position: relative; top: 1px; width: 200px; }
	#grey-bar-home { position: relative; top: 553px; width: 100%; height: 9px; background: #c5c5c5; z-index: 9999; }
#lower-content { width: 940px; margin: 50px auto 10px; overflow: auto; }
	.feature { width: 280px; margin: 0 0 30px 0; float: left; }
	.feature a { font-weight: 700; }
	.feature a::after { content: " \00bb"; }
	#lower-content div.feature img { float: left; margin: 8px 15px 0 0; width: 44px; }
#footer-container { width: 100%; height: 35px; background: url('../_img/bg-footer.png') repeat-x left top; padding: 10px 0;  }
#footer-container p.copyright {float: right; width: 50%}
	#footer-container p.global {float: left; width: 50%}
	#footer { width: 940px; margin: 0 auto; }
	#footer p { color: #fff; text-transform: uppercase; margin: 7px 0; }
	#footer p.copyright {float: right; width: 60%; text-align: right}
	#footer p.global {float: left; width: 40%}



/* SUB PAGES //////////////////////////////////////////////////////*/

#panel-container-sub { width: 100%; height: auto; background: #dbedfb url('../_img/bg-panel-container-home.jpg') no-repeat center top; }
	#panel-sub { width: 940px; margin: 0 auto; }
	h1.title {font-family: 'Lato'; font-size: 36px; font-weight: 500; color: #e9830b; padding-bottom: 20px;border-bottom: 1px solid #fce2a5; }
	#grey-bar { position: relative; top: 102px; width: 100%; height: 9px; background: #c5c5c5; z-index: 9999; }
#content { border:1px solid white; width: 880px; padding: 0 30px 30px 30px; margin: 30px auto; background: white url('../_img/inner-bg.jpg') repeat-x top;}
	#content p { font-family: 'Lato'; font-size: 14px; line-height: 24px; font-weight: 500; padding-right: 260px; }
	#content img.side { float: right; border-top: 20px solid #fff; border: 1px solid #FCE2A5; margin: 20px 0 0 30px; }
	#content h2 {font-family: 'Lato'; font-size: 30px; font-weight: 500; line-height: 36px; margin: 0; color: #1d71b8; margin-right: 260px; padding:0;}
#icons {float: left; margin: 0px 20px 0px 0px}
#resource-logo {border: 1px double #FCE2A5; float: left; margin: 20px 30px 20px 0; padding: 25px 0; background: white}
.clearfix {clear: both}
#mods-box img {border: 1px solid #FCE2A5; margin: 10px 10px 0 0}
#mods-box img.no-marg {margin-right: 0;}
img.headshot {float: left; margin: 10px 20px 10px 0; border: 1px solid #FCE2A5;}
img.scammer {float: right; margin: 10px 0px 10px 20px; border: 1px solid #FCE2A5;}

/* SCROLLING NAV */
.has-menu h3 { padding-right: 260px; }
#floatingnav { width:940px; position: absolute; margin: 0 auto; padding: 30px 0 0 643px}
#scroller {position: relative; top: 0px; width: 200px; border:1px solid #fce2a5; background: #fff; height: auto; padding: 20px 20px 20px 15px;}
#scroller a:hover {color: #a3ccec!important; text-decoration: underline}
#scroller p.scroller {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/orange-shield-bullet.png') no-repeat 0px 4px; padding-left:30px; padding-right: 0 !important;}
#scroller p.report {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-report-profiles-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.scam {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-anti-scam-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.safety {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-dating-safety-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.care {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-freephone-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.chat {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-live-chat-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.mods {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-247moderation-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
#scroller p.genuine {text-transform: uppercase; color: #1D71B8; font-size: 15px; background: url('../_img/icon-100-small.png') no-repeat 0px 2px; padding-left:30px; padding-right: 0 !important;}
p#top {text-transform: uppercase; color: #1D71B8; font-size: 12px; margin-top:40px;}

/* TYPOGRAPHY /////////////////////////////////////////////// ///////*/

h2 { font-family: 'Lato'; font-size: 30px; font-weight: 500; line-height: 36px; margin: 30px 0 0 0; color: #1d71b8; margin-right: 260px; padding: 0 0 12px 0; }
h2.feature { font-family: 'Lato'; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 24px; letter-spacing: 3px; color: #1d71b8; border-bottom: 1px solid #dbdbdb; padding: 0 0 12px 0; margin: 0 0 20px 0; }
h3 { font-family: 'Lato'; font-weight: 500; font-size: 20px; line-height: 28px; color: #287cbf; margin: 25px 0 0 0; }
h4 {font-family: 'Lato'; font-weight: 500; font-size: 16px; line-height: 22px; color: #287cbf; margin: 0;}
h5 {font-family: 'Lato'; font-weight: 500; font-size: 14px; line-height: 22px; color: #287cbf; margin: 0;}

em { font-style: italic; }
p { color: #000; font-family: 'Lato'; font-size: 14px; line-height: 21px; margin-bottom: 15px; color: #666; }
ul, ol { font-size: 14px; margin-bottom: 20px; font-family: 'Lato'; font-size: 14px; padding-right: 260px; color: #666; }
li { margin-bottom: 10px; line-height: 23px; }
.phone { font-weight: 700; color: #333; font-size: 14px; }
strong { font-weight: 700; color: #000; font-size: 13px; }



/* SPACING //////////////////////////////////////////////////////*/

.mb30 { margin-bottom: 30px; }
.middle-feature { margin: 0 50px; }
.pr260 { padding-right: 260px; }



/* LINKS //////////////////////////////////////////////////////*/

a:link, a:visited {
	text-decoration: none;
	color: #e9830b;
	-webkit-transition: color .15s ease-in-out;
	-moz-transition: color .15s ease-in-out;
}

a:hover, a:active {
	text-decoration: none;
	color: #ff8a00;
}

a.current { color: #fff !important; }



/* ETC. //////////////////////////////////////////////////////*/
   
::-moz-selection { background: #fff; color: #000; }
::selection { background: #fff; color: #000; }