@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

    Project:  	VGM Forbin FEAT CSS/XHTML     
     Author: 	Laura Hand

 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Site Content Style Declarations
4. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

@import url("https://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("https://www.forbin.com/css/global.css"); /* import the forbin global style sheet - contains common styles */
.imgLeft {float:left; margin:0 10px 10px 0;}
.imgRight {
	float:right;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 10px;
}
.img{
	vertical-align: middle;
	margin: 0;
	padding: 0px;
}
img {float:none;}

/* ---------->>> END Import <<<----------*/

/* ---------->>> 2. Structure <<<-----------*/

/* BODY */

html {background:url(/images/body_bg.jpg); background-repeat:repeat; }
body {background:url(/images/bg.jpg) top center  repeat-x;}

.container {width:906px; margin:0 auto;}

/* HEADER */
.header {height:120px; width:906px;}
	.header a.logo {width:287px; height:110px; bottom:10px;  top:0px; background:url(/images/feat_logo.jpg); }	
		
	
/* NAVIGATION */ 
.navigation {width:882px; height:41px;}
	.navigation li {height:41px; float:left;}
	.navigation li a {height:41px; display:block; text-indent:-9999px; cursor:pointer; background:url(/images/nav_feat.jpg);}
	.navigation a.Home-page {width:131px; background-position: 0 0;}
	.navigation a.Feat-page {width:206px; background-position: -131px 0;}
	.navigation a.Fraud-page {width:208px; background-position: -337px 0;}
	.navigation a.Report-page {width:204px; background-position: -545px 0;}
	.navigation a.Contact-page {width:133px; background-position: -749px 0;}


	/* Hover */
	.navigation a.Home-page:hover {background-position: 0 -41px;}
	.navigation a.Feat-page:hover {background-position: -131px -41px;}
	.navigation a.Fraud-page:hover {background-position: -337px -41px;}
	.navigation a.Report-page:hover {background-position: -545px -41px;}
	.navigation a.Contact-page:hover {background-position: -749px -41px;}


	/* Active */
	body.Home-page .navigation a.Home-page {background-position: 0 -41px;}
	body.Feat-page .navigation a.Feat-page {background-position:  -131px -41px;}
	body.Fraud-page .navigation a.Fraud-page{background-position: -337px -41px;}
	body.Report-page .navigation a.Report-page {background-position: -545px -41px;}
	body.Contact-page .navigation a.Contact-page {background-position: -749px -41px;}
	
	

/* homepage content */
	.hrightColumn { float:right; 	width:438px; margin-top:0px;}
	.welcome {clear:left;}
	.hcenterColumn { width:458px;}
	
/* CONTENT */
.mainContent { background-image:url(../images/content_bg.jpg); background-repeat:no-repeat; background-position:top left; }
	.rightColumn { float:right;
	width:288px;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
}
	.centerColumn {
	margin-top: 0;
	margin-right: 345px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 15px;
}		

/* FOOTER */
.footer {height:107px; margin-top:35px;  background:url(/images/footer.jpg) repeat-x;}
	
	
	/* Headers */
	
	.footer .container div {width:256px; }
	.footer .container div p {color:#f8f3d5; width:268px; padding-top:3px; line-height:18px;}
	.footer .container div.nav {width:688px; margin-top:8px;}
	
		
	.copyright .container { width:955px;}
	.copyright {color:#677c95;}
		.copyright a:link, .copyright a, .copyright a:visited {
	color:#859ab2;
	font-weight:bold;
}
		.copyright a.nolink {color:#677c95; text-decoration:none; cursor:text;}
		.copyright a { color:#21049c;}
	
	.copyright { margin-top:20px;}
				
/* ---------->>> END Structure <<<----------*/

/* ---------->>> 3. Site Content <<<-----------*/

/* Homepage */

.aboutFeat {
	width:284px;
	background-image:url(../images/what_is_feat.jpg);
	padding-top: 68px;
	padding-left: 13px;
	margin-bottom: 10px;
	float:left;
	background-repeat: no-repeat;
	height:227px;
}
.aboutFraud {
	width:284px;
	background-image:url(../images/about_fraud.jpg);	
	background-repeat: no-repeat;
	padding-top: 68px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 13px;
	float:left;
	height:227px;
}
.reportFraud {
	width:280px;
	background-repeat: no-repeat;
	padding-top: 68px;
	margin-bottom: 10px;
	padding-left: 13px;
	background-image: url(../images/report_now.jpg);
	height:227px; 
}



/* Contact Us */
.form caption {text-align:right; padding:5px;}
	.form table td { border:0; border-bottom:1px solid white;}
	.form input, .form textarea, .form select {font-size:11px; border-width:1px; border-style:inset; background:#fcfcfc; border-bottom-color:#fff; border-right-color:#fff;}
	.form input.error, form textarea.error, .form select.error {background:url(/images/form_error.gif) right no-repeat #fff1ec;}
	.form input.corrected {background:url(/images/form_check.gif) right no-repeat;}
	.form input:focus, .form textarea:focus, .form select:focus {background-color:#FFFFCC;}
	.form textarea { margin:10px 0;}
/* error message */
.none {display:none;}
p#errorMessage { width:100%; font-weight:bold; text-transform:uppercase; color:#4e4e4e; text-align:center; line-height:34px; background:url(/images/fm_error.gif) 15px 10px no-repeat #fff6f7; border:1px solid #fff1ec; margin-top:10px;}
/* submit btn */
.form .submitContact {width:109px;height:26px; margin:15px 0; background:url(/images/form_submit.gif) no-repeat;border:none;cursor:pointer;border:0;}
	.form .submitContact:hover {background-position: 0 -26px}
/* required fields */
.form tr.fm-req label {font-weight:bold;}
	.form tr.fm-req label.no {font-weight:normal;}
	.form tr.fm-req label:before {content:"* ";}
	.form tr.fm-req label.no:before{content:"";}
	.form tr.fm-req:hover label {color:red;}
	.form tr.fm-req:hover label.no {color: black;}


/* ---------->>> END Site Content <<<----------*/


/* ---------->>> 4. Typography <<<----------*/

body { color:#FFF; font-size: 62.5%; font-family: Arial, sans-serif;}
	p {font-size:1.2em; line-height: 2em;  margin:0 0 1em 0;}

	strong {font-weight:bold;}
	acronym {border-bottom:1px dotted #e4bc22; cursor:help;}
	blockquote {}
	.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}
	.div {height:1px; width:90%; margin:20px auto; background:url(/images/div.gif) repeat-x;}
	
	.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent p { margin-left:10px;}
	


/* HEADERS */
h1 {color:#1570e9; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; margin-bottom:7px; padding-top:30px;} 

h2 {color:#cbcfd4; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin-bottom:7px; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: cbcfd4;}	

h3 {
	color:#cbcfd4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	margin-bottom:7px;
	
}
h4 {}
h5 {}
h6 {}

/* TABLES */
table {border-collapse:collapse; width:98%;}
td {padding-left:2px; padding-right:5px; vertical-align:top;}
td.first,th.first {border-left:0px;}
tr.row-a {background:#F8F8F8;}
tr.row-b {background:#EFEFEF;}

/* FORMS */
input.radio { background : #1a4190; color: #000000; } 

/* LISTS */
ul, ol {font-size:1.2em;}

.centerColumn ul, .centerColumn ol {font-size:1.2em;	margin:0 0 .5em 0; line-height:1.5em;}
.centerColumn ul li, .centerColumn ol li {margin:-0.5em 0.5em 1em 0.5em;}
.centerColumn ul li {background:url(/images/bullet.gif) 0 0.3em no-repeat; padding:0 0 0 15px;}

/* LINKS */


a {color: #000000;}
a:link {text-decoration: underline;color: #cccccc;}
a:visited {text-decoration: underline;color: #ffffff;}
a:hover {text-decoration: underline;color: #ffffff;}
a:active {text-decoration: underline;}

/* ---------->>> END Typography <<<---------*/