/*----------------------------------------------------------------------

MEADOWS OFFICE FURNITURE CO. - Master Screen Style

BY: MIGHTY // MIGHTYINTHEMIDWEST.COM

Author:			Jeremy Bronson
Date Created:	4/13/2009
Last Modified:	4/14/2009

Copyright 2009, All Rights Reserved.

----------------------------------------------------------------------
BEGIN Reset Styles
----------------------------------------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
        font-size: 12px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
        padding: 5px;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

object {
	z-index: 1;
}

blockquote {
	margin-left: 0;
	color:#111111;
	line-height:1.5em;
	font-size:12px;
}

blockquote blockquote, blockquote blockquote blockquote {
	margin-left: 15px;
	color:#111111;
	line-height:1.5em;
	font-size:12px;
}

div.fade {
display: none;
}


/*----------------------------------------------------------------------
END Reset Styles
----------------------------------------------------------------------*/

/* PRIMARY COMMENT (ex: HEADER, FOOTER, INSIDE PAGES, ETC)
----------------------------------------------------------------------*/

body{
	background: url(/assets/images/HeaderRepeat.jpg) repeat-x top #fff;
}
#wrapper-inner{
	width:970px;
	margin: 0 auto 0 auto;
	border: none;
}
#wrapper-outer{
	width:970px;
	margin:auto;
	border:none;
}
#header{
	height:152px;
	padding-left:18px;
	background: url(/assets/images/FBI-Header_Image.png) right no-repeat;
	position:relative;
}

#header h1{ /* Set margin-top as a negative margin half the height of its absolutely positioned child container.*/
	margin-top:-76px;
	background:url(http://fbi.clients.thinkfullcircle.com/images/uploads/b3ce2554cfbb7026999f6fc86e59ec02.png) no-repeat;
	position:absolute;
	top:50%;
}
#header a {
	height:152px;
	width:402px;
	display:block;
	text-indent:-9000px;
	}


/* NAVIGATION
----------------------------------------------------------------------*/
#nav{
	width:100%;
	float:left;
	background: #900d10;
	height: 40px;
}
#nav ul{
	padding: 0;
	width: auto;
	height: 40px;
	background: #900d10;
}
#nav li{
	text-align: center;
	line-height: 40px;
	padding: 0;
	width: 160px;
	display: block;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	border-right: 1px solid #fff;
}

#nav li.first {
	width: 163px;
}

#nav li.last{
    border-right: none;
	width: 162px;
}

#nav li:hover, #nav li.active {
	background: #746d63;
}

#nav li a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	display: block;
	height: 40px;
	width: 160px;
	text-transform: uppercase;
}

/* CONTENT
----------------------------------------------------------------------*/

#content{
	position:relative;
	clear:left;
	overflow: hidden;
	padding: 16px 25px 0 18px;
	width: 925px;
	border-left:1px solid #cacac8;
	border-right:1px solid #cacac8;
}
* html #content.resources {
	height: 100%;
}
#product-catalog {
	position:relative;
	clear:left;
	padding: 16px 16px 0 16px;
	width: 936px;
}

/* RESOURCES PAGE */
#content.resources{
	padding: 46px 15px 0px 44px;
}

#content.resources img{ /* Possibly cheating */
	float:left;
	border:1px solid #CACAC8;
	margin-top: 3px;
}
#content.resources #info{
	width: 450px;
	float:left;
	padding:0;
	margin-bottom: 39px;
}
#content.resources p{
	width:620px;
	margin-bottom:10px;
}

#resource{
	float: left;
	width:550px;
	padding: 0 40px 40px 0;
}
#resource h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#4D4E53;
	margin-bottom:12px;
}
.group ul li{
	float:left;
	display:inline;
	width:50%;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#resource li a, #resource li a:active, #resource li a:visited{
	line-height:25px;
	color:#4d79bd;
}
#resource li a.doc{background:url(http://www.4fbi.com/assets/images/icon-doc.gif) no-repeat;
	padding:5px 0 2px 20px;
}
#resource li a.vid{background:url(http://www.4fbi.com/assets/images/icon-vid.gif) no-repeat;
	padding:4px 0 0 29px;
}
#resource .group{
	float:left;
	margin-bottom:35px;
	width:100%;
	padding:0;
}

#content img, #content iframe{
	padding: 0;
	float: left;
        clear: left;
	border: none;
	position:relative;
	left: -25px;
}

#image {
float: left;
position: relative;
width: 407px;;
}

#image iframe {
position: relative;
}
#main {
	float: right;
	width: 740px;
	padding-left: 30px;
}

#main.ideas {
	padding-left: 0;
}

#main #image.ideas {
	width: 685px;
	float: left;
	clear: none;
	text-align: center;
	position: relative;
}

#main #image.ideas img {
	float: none;
}
.full {
	width: 895px !important;
	padding-left: 30px;
}

/* INFO SUBSECTION */
#info{
	width: 315px; 
	position:relative;
	padding:28px 0 40px 0;
	float:right;
	font-family:Helvetica, Arial, sans-serif;
}
#main.ideas #info {
	width: 710px;
	padding: 28px 0 0 0;
	text-align: left;
}
#info h2{
	margin-bottom: 22px;
	color: #871719;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;
}
body.home #info p {
	font-size:15px;
	line-height:1.8em;
	color: #111111;
}
#info p{
	color:#111111;
	line-height:1.5em;
	font-size:12px;
	margin: 0 0 10px 0;
}

#info a {
	color:#111111;
        text-decoration: underline;
}

#info ul {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 48%;
	display: inline-block;
	font-size:11px;
}

#info ul li {
	color:#111111;
	line-height:12px;
        margin-bottom: 6px;
        margin-left: 10px;
}

#info ul.manufacturers {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 96%;
	display: inline-block;
	font-size:11px;
}

#info ul.manufacturers li {
	color:#111111;
	line-height:12px;
        margin-bottom: 6px;
        margin-left: 10px;
        width: 150px;
        float: left;
}

#info ol {
list-style-type: none;
padding: 0px;
margin: 0 0 10px 10px;
font-size: 12px;
line-height: 18px;
}

#info ol li {
background-image: url(/assets/images/ol-check.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 18px; 
}
	

#info #headline, #info p.fade {
	font-size: 12px;
	color: #800000;
	font-style: italic;
	height: 20px;
	display: none;
}

.wide {
	width: 100% !important;
}

/* ADDITIONAL INFORMATION */
#addl{margin-top:2em;}
#addl h3{
	color:#747679;
	font-size:12px;
}
#addl ul{float:left;}
#addl ul li{margin-top:5px;}
#addl ul li a, #addl ul li a:visited, #addl ul li a:active{
	color:#4d79bd;
	font-size:12px;
	text-decoration:underline;
}
#addl ul li a:hover, #resource ul li a:hover{color:#1A568A;}
/* PAGINATION */
#pages{
	position: relative;
	float: right;
	clear: both;
	margin: 20px 20px 0 0;
}
#pages a{
	float:right;
	width:11px;
	height:13px;
	text-indent:-9000px;
	background:url(http://www.4fbi.com/assets/images/buttons.gif);
}
#pages a.next_page{
	background-position:11px -13px;
	margin-left:15px;
}
#pages a.prev_page{
	background-position:0 -13px;
}
#pages a.next_page:hover{
	background-position:11px 0;
}
#pages a.prev_page:hover{
	background-position:0 0;
}


/* SUBNAVIGATION */
#subnav{ 
	float:left;
	text-align:right;
	width:138px;
	padding:8px 20px 16px 0;
	margin-left:-5px;
}
#subnav a{text-decoration:none;}

#subnav ul{
	float:right;
	width:140px;
	margin-left:-5px;
	
}
#subnav ul li, #subnav ul ul li{
	font-family:Arial, Helvetica, sans-serif;
}
#subnav ul li{
	line-height:1.3em;
	text-transform:uppercase;
	font-size:10.5px;
	margin-top:21px;
}
#subnav ul li a, #subnav ul li a:visited{color:#4d4f51;}
#subnav ul li a:hover{
	color:#900d10;
}
#subnav ul li a.active, #subnav ul li.active{
	color:#900d10;
	font-weight:bold;
}
#subnav ul ul{
	margin:7px 0 12px 0;
	float:right;
	border-right:1px solid #CACAC8;
	padding:9px 0 6px 0;
	text-align:right;
}
#subnav ul ul li{
	text-transform:none;
	margin:0 0 4px 0;
	padding-right:15px;
	background:url(http://www.4fbi.com/assets/images/subnav.gif) no-repeat 100% 0;
}
#subnav ul li.active ul.ideas a {
        font-weight: normal;
}
#subnav ul ul li a.active{
	color:#900d10;
}


/* CONTACT BAR
----------------------------------------------------------------------*/

#contact{
	margin: 0;
	padding: 20px 0 0 0;
	clear: both;
	width: 100%;
	background: #766f67;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
	height: 47px;
}
#contact ul{
        float: left;
        clear: left;
	padding: 0;
        height: 15px;
        width: 100%;
        text-align: center;
}
#contact li{
	padding: 0 10px 0 0;
	display: inline;
}
#contact li a, #contact li a:active, #contact li a:visited{
	color: #fff;
	text-decoration:none;
}
#contact li a:hover{text-decoration:underline;}



/* BOTTOM PRODUCT NAVIGATION
----------------------------------------------------------------------*/
#product-nav {
	margin: 0;
	padding: 20px 10px 20px 10px;
	clear: both;
	width: 948px;
	background: none;
	height: 110px;
	border-left: 1px solid #cacac8;
	border-right: 1px solid #cacac8;
}

#product-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#product-nav ul li {
	display: inline-block;
	padding: 0 7px 0 7px;
	margin: 0;
	border-right: #a8a6a2 solid 1px;
}

#product-nav ul li.last {
	border-right: none;
}

#product-nav ul li:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#product-nav ul li a {
	display: block;
	padding: 20px 15px 0 15px;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #871719;
	text-decoration: none;
	text-transform: uppercase;
}

/* FOOTER
----------------------------------------------------------------------*/
#footer{
	padding:10px 20px 20px 20px;
	color:#9A9B9D;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}
#footer p {
	float: left;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0;
}
#footer ul{margin-top:7px;}
#footer li{
	padding:0 10px;
	display:inline;
}
#footer li a, #footer li a:active, #footer li a:visited{color:#9A9B9D;}
#footer li a:hover{color:#747679;}

#footer ul {
	margin: 0;
	padding: 0;
	float: right;
}

#footer ul li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
}