/* ------------------------ main framework ------------------------ */

#wrap {

	background: url(/images/menu/bg-wrap.jpg) repeat-y;

	width: 856px;

	margin: 0;

	text-align: left;

	font:11px/18px Arial, Helvetica, sans-serif;

}

/* ------------------------ masthead framework ------------------------ */

#nav {

	background: url(/images/menu/nav.jpg) no-repeat;

	width: 856px;

	height: 36px;

	margin: 0;

	padding: 0;

	z-index:10;

}

#nav span {

	display: none;

}

#nav li, #nav a {

	height: 36px;

	display: block;

	z-index: 10;

}  /* change height here also */

#nav li {

	float: left;

	list-style: none;

	_display: inline;

	position: relative;

	z-index: 10;

}

#nav-01 {

	width: 86px;

	margin-left: 0px;

}

#nav-02 {

	width: 106px;

	z-index:15;

}

#nav-03 {

	width: 81px;

}

#nav-04 {

	width: 124px;

}

#nav-05 {

	width: 171px;

}

#nav-06 {

	width: 86px;

}

#nav-07 {

	width: 87px;

}

#nav-08 {

	width: 115px;

}

/*-------------- (-79px) X position of button / (-36px) height of image from above ------------- */

#nav-01 a:hover {

	background: url(/images/menu/nav.jpg) -0px -36px no-repeat;

}

#nav-02 a:hover {

	background: url(/images/menu/nav.jpg) -86px -36px no-repeat;

}

#nav-03 a:hover {

	background: url(/images/menu/nav.jpg) -192px -36px no-repeat;

}

#nav-04 a:hover {

	background: url(/images/menu/nav.jpg) -273px -36px no-repeat;

}

#nav-05 a:hover {

	background: url(/images/menu/nav.jpg) -397px -36px no-repeat;

}

#nav-06 a:hover {

	background: url(/images/menu/nav.jpg) -568px -36px no-repeat;

}

#nav-07 a:hover {

	background: url(/images/menu/nav.jpg) -654px -36px no-repeat;

}

#nav-08 a:hover {

	background: url(/images/menu/nav.jpg) -741px -36px no-repeat;

}

/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */

body#index #nav-01 {

	background: url(/images/menu/nav.jpg) -0px -36px no-repeat;

}

body#about #nav-02 {

	background: url(/images/menu/nav.jpg) -86px -36px no-repeat;

}

body#buy #nav-03 {

	background: url(/images/menu/nav.jpg) -192px -36px no-repeat;

}

body#gold-ira #nav-04 {

	background: url(/images/menu/nav.jpg) -273px -36px no-repeat;

}

body#info #nav-05 {

	background: url(/images/menu/nav.jpg) -397px -36px no-repeat;

}

body#faq #nav-06 {

	background: url(/images/menu/nav.jpg) -568px -36px no-repeat;

}

body#blog #nav-07 {    
    background: url(/images/menu/nav.jpg) -654px -36px no-repeat; 

}  

body#contact #nav-08 {

	background: url(/images/menu/nav.jpg) -741px -36px no-repeat;

}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {

	position: absolute;

	left: -9999px;

	padding-right: 1px; /* Fixes one px spacing for border-right in FF */

	background-color: #d7cfbf;

	/* Background color of drop down nav - add more styles (i.e. background image) if you want */

	border-left: 1px solid #eae4da;

	border-right: 1px solid #eae4da;

	border-bottom: 1px solid #eae4da;

	z-index: 10;

}

#nav li ul li {

	height: 24px; /* Height of each drop down nav item */

	border: none;

	border-top: none;

	background: url(/images/menu/bg-dropdown.jpg) top repeat-x;

	margin:0;

	z-index: 10;

}

#nav li ul li a {

	width: 100%;

	height: 24px;

	/* Height of each drop down nav item, should match above */

	line-height: 20px;/* Height of each drop down nav item again, should match above */

	z-index: 20;

}

#nav li ul li a span {

	display: block;

	padding-left: 5px;

	z-index: 20;

}

/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	font-size: 1em;

	color: #5d574d;

	text-decoration: none;

	z-index: 10;

}

#nav li:hover ul, #nav li.sfHover ul {

	left: auto;

	z-index: 10;

}

/* Hover styles for drop down items */

#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-07 ul a:hover {

	background-image: none;

	background-color: #5d574d;

	color: #FFFFFF;

	text-decoration: none;

	z-index: 10;

}

/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li {

	width: 200px;

	z-index: 20;

}

#nav-04 ul, #nav-04 li {

	width: 220px;

}

#nav-03 ul, #nav-03 li {

	width: 210px;

}


#nav-07 ul, #nav-07 li {

	width: 200px;

}









filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

	margin: 0 auto;

	display: block;

	overflow: hidden;

}



.pagination{

	width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/

	text-align: left;

	padding: 5px 10px;

}



.pagination a{

	text-decoration: none;

	color: #5A5449;

	border-right: solid 1px #5A5449;

}



.pagination a:hover, .pagination a.selected{

	color: #5A5449;

}



#faqs-menu li{ display:block; margin:0 5px 5px 0 ; list-style:none;  padding:0;}





#faqs-menu li a:link,#faqs-menu li a:visited {

	text-decoration:underline;

	outline:none;

}

#faqs-menu li a:hover,#faqs-menu li a:active {

	text-decoration:none;

	outline:none;

}

