/* CSS Document */

/* ========================= RESET ========================= */

html, body, div, span, applet, object, 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,
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;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.print {display:none;}

/* ========================= TYPE ========================= */

body, p, div, input   {font:15px Georgia, "Times New Roman", Times, serif;color:#3c6a8d;} /* Default Font */

h1         {font-size:26px;color:#0f7ba4;margin-bottom:10px;}
h2         {font-size:21px;color:#0d6b8e;margin-bottom:10px;}
h3         {font-size:18px;color:#0d6b8e;margin-bottom:10px;}
h4,h5,h6   {font-size:15px;color:#000;margin-bottom:10px;}

p          {margin-bottom:12px;line-height:18px;}

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

a          {color:#5095c6;}
a:hover    {text-decoration:none;color:#2d78ae;}

ul         {}
li         {}

caption    {display:none;}

hr         {border-top:1px solid #999;background-color:#999;color:#999;height:1px;margin:1em 0;clear:both;}

/* ========================= STRUCTURE ========================= */

body     {text-align:center;margin:0px;background:#c9ddeb url(../images/bg_body.gif) repeat-x left top;}

#wrapper {margin:0 auto 15px;text-align:left;width:980px;}


/* container bg colors ----> */ #flash_container, .cb_info, #content_box {background-color:#142f44;}

#header {height:137px;}

	a.logo {display:block;width:250px;height:108px;background:url(../images/mvi_logo2.gif) no-repeat left top;float:left;text-indent:-9999px;margin-top:22px;}
	/*a.logo {display:block;width:214px;height:92px;background:url(../images/mvi_logo2.gif) no-repeat left top;float:left;text-indent:-9999px;margin-top:22px;}*/
	
	#nav {float:right;width:720px;padding-top:100px;}
	
		#nav a {display:block;height:14px;float:left;padding:10px 20px 0px;font-size:15px;font-weight:bold;color:#fff;text-decoration:none;}
		#nav a:hover {background:url(../images/nav_arrow_hover.gif) no-repeat center top;}
		#nav a.current {background:url(../images/nav_arrow_hover.gif) no-repeat center top;}
		
/* SUPERFISH NAV */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			6.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		900;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			0em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			0em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;*/
	/*border-top:		1px solid #CFDEFF;*/
	/*padding: 		.75em 1em;*/
	/*text-decoration:none;*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {}

.sf-menu li li {}

.sf-menu li li a {text-align:left!important;padding:3px 10px;border-bottom:1px solid #357b8f;border-top:1px solid #4da2ba;}

.sf-menu li li li {
	background:		#9AAEDB;
	left:200px;
}

.sf-menu li li li a {text-align:left!important;padding:3px 10px;border-bottom:1px solid #357b8f;border-top:1px solid #4da2ba;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		/*#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;
	min-width:		1px;  trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	6.5em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	0em; /* match ul width */
	top:	33px;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {
	/*background:		#BDD2FF;*/
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	/*background:		#AABDE6;*/
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			77em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	/*background:		#BDD2FF;*/
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	/*background:		#BDD2FF;*/
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	/*background:		#BDD2FF;*/
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	/*background:		#D1DFFF;*/
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	/*background:		#E6EEFF;*/
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/* /SUPERFISH NAV */


#flash_container {padding:10px 0px;margin-bottom:10px;}

	#flash {margin:0px 10px;}
	
		#header_sections {margin:0px;padding:0px;list-style:none;}
	
#content_row {}

	#content_box {float:left;width:650px;padding:10px 0px;}
	
		#content_box #content {margin:0px 10px;background:#fff;padding:15px;}

	#content_row #right_column {float:right;width:320px;}
	
		#content_row #right_column #index_boxes #index_box_01 {margin-bottom:30px;}
		#content_row #right_column #index_boxes #index_box_02 {}
		#content_row #right_column #index_boxes #index_box_03 {}
	
#content_row_index {}

	#index_box_01, #index_box_02 {margin-right:10px;}
	
	.content_box {float:left;width:320px;height:246px;}
	
		.cb_info   {padding:10px 0px 0px;}
		
			.cb_info div.content {margin:0px 10px;height:225px;} /* available space = 300w x 225h */
		
				#index_box_02 .cb_info .content {background:url(../images/bg_contentbox_bg_market.jpg) no-repeat left top;}
				
				#index_box_03 .cb_info .content {background:url(../images/bg_contentbox_bg_dpap.jpg) no-repeat left top;}
				
				#index_box_02a .cb_info .content {background-image:none;background-color:#bcbc30;}
				
				/*#index_box_03a .cb_info .content {background-image:none;background-color:#0066FF;}*/
				
				#index_box_03a .cb_info .content {background:url(../images/hispanic_jewelry_report_available.jpg) no-repeat left top;}
				
					#index_box_03a .cb_info .content a {display:block;width:300px;height:225px;text-indent:-9999px;}
					
				#index_box_03b .cb_info .content {background:url(../images/mvi-guide.jpg) no-repeat left top;}
				
					#index_box_03b .cb_info .content a {display:block;width:300px;height:225px;text-indent:-9999px;}
				
				#index_box_01 .cb_info .content p, 
				/*#index_box_02 .cb_info .content p,*/
				#index_box_03 .cb_info .content p
				{padding:70px 12px 0px;color:#fff;font-size:12px;line-height:15px;}
				
						#index_box_02 .cb_info .content p {color:#554e2e;padding:2px 12px 0px;font-size:11px;line-height:13px;}
			
					#index_box_02a .cb_info .content p,
					#index_box_03a .cb_info .content p
					{padding:10px 10px 0px;color:#fff;font-size:12px;line-height:15px;margin-bottom:5px;} 
					
					#index_box_02a .cb_info .content span,
					#index_box_03a .cb_info .content span
					{font-size:10px;} 
					
					#index_box_02a .cb_info .content a,
					#index_box_03a .cb_info .content a
					{color:#fff;} 
		
		.cb_button_video, .cb_button_learn {height:82px;}
		
			.cb_button_video {background:url(../images/bg_contentbox_foot_video.jpg) no-repeat left top;}
			
			.cb_button_learn {background:url(../images/bg_contentbox_foot_learn.jpg) no-repeat left top;}
			
			a.cb_link {display:block;height:30px;width:140px;text-indent:-9999px;}
			
#footer_sections {padding-top:70px;}

	#footer_sections .section {float:left;display:inline/*fix for dupe characters in ie6*/;width:222px;height:136px;padding:0px 10px;}
	
		#footer_sections .section h3 {font-size:12px;font-weight:normal;color:#142f44;}
		
		#footer_sections .section a  {font-size:12px;color:#5095c6;display:block;padding-left:15px;margin:3px 0px;background:url(../images/bg_foot_link_bullet.gif) no-repeat left;}
		
		#footer_sections .section p  {font-size:12px;color:#5095c6;}
	
	#footer_sections .foot_sec01,
	#footer_sections .foot_sec02,
	#footer_sections .foot_sec03,
	#footer_sections .foot_sec04
	{background:url(../images/bg_div_footer_section.gif) repeat-y right top;}
	
#footer {background-color:#112433;padding:35px 0px;}

	#footer .container {width:980px;margin:0 auto;}
	
		#footer .container .footer_left p, #footer .container .footer_right p, #footer .container .footer_left a, #footer .container .footer_right a {color:#657987;margin:0px 0px;font-size:11px;}

			#footer .container .footer_left  {float:left;text-align:left;width:450px;}
			
			#footer .container .footer_right {float:right;text-align:right;width:450px;}
			
/* Video Insights */

#video_search_bar {border:1px solid #8d9ba7;background-color:#f1f9ff;padding:5px;margin-bottom:12px;}

	#video_search_bar div    {width:140px;}

	#video_search_bar select {padding:2px;border:1px solid #8d9ba7;margin-right:5px;width:130px;}
	
	#video_search_bar input  {width:130px;}
	
	#video_search_bar div a  {display:block;width:35px;text-align:center;padding:1px 0px;color:#fff;text-decoration:none;background-color:#21ac42;border:2px solid #198d35;margin-top:18px;}
	
	#video_search_bar div a:hover {background-color:#198d35;}
	
#video_list_table {width:100%;border:none;margin-bottom:15px;}

	#video_list_table tr td {padding:2px;border-bottom:1px solid #ccc;}
	
	.column01 {width:300px;}
	.column02 {width:100px;}
	.column03 {width:180px;}
	
	#video_list_table tr.labels td {border-bottom:2px solid #808d99;font-weight:bold;margin-bottom:4px;}
			
/* newsletter signup box */

.newsletter_signup_box {float:right;width:230px;padding:10px;margin:0px 0px 15px 15px;border:1px solid #ccc;background-color:#f1f1f1;}

.newsletter_signup_box p {margin:0px 0px 1px;font-weight:bold;}

.newsletter_signup_box input {color:#666;}

/* contact us - inquiry form */

.inquiry_field {margin-bottom:12px;}

	.inquiry_field span {display:block;margin:0px 0px 2px;font-weight:bold;}
	
/* buttons */

a.button_green {padding:3px 9px;text-align:center;color:#fff;background-color:#090;text-decoration:none;}
a:hover.button_green {background-color:#060;}


.rss_index {}

	.rss_index div p {margin:0px;padding:0px 0px 10px;}
	
	.rss_index div p span {font-size:11px;color:#999;}
	
/* projects */

.list_project {padding:10px;margin-bottom:12px;border-bottom:1px solid #ccc;}

	.list_project h2 a {margin-top:0px;padding:0px;text-decoration:underline;}
		
		.list_project h2 a:hover {text-decoration:none;}

	.list_project img {float:left;margin:0px 12px 12px 0px;}
	
/* Stars */

.star {width:125px;height:175px;float:left;margin:0px 25px 15px 0px;text-align:center;}

/* SYSTEM MESSAGES */

.page_error_message, .page_success_message {padding:10px;margin:10px 0px 15px;}

.page_error_message p, .page_success_message p
{float:left;margin:0px 0px 0px 30px;}

.page_error_message .clear, .page_success_message .clear {margin:0px;padding:0px;border:none;}

	/* error message */
		.page_error_message
		{border:1px solid #ff0000;background:#ffd581 url(../images/message_error.gif) no-repeat 5px;}
		
		.page_error_message p
		{color:#d61a1a;}
	
	/* success message */
		.page_success_message
		{border:1px solid #00bb00;background:#d5ff81 url(../images/message_success.gif) no-repeat 5px;}
		
		.page_success_message p
		{color:#00bb00;}