/* TEST GROUP GENERAL RULES */

*, html, body {
	margin: 0px;
	padding: 0px;
}

body {
	min-width: 1000px;
	font-family: “Helvetica Neue Light”, “HelveticaNeue-Light”, Arial, Helvetica, sans-serif;
	background: #ededed url("/images/backgrounds/gradient_bg.jpg") no-repeat 0px 0px fixed;
}

a {
	text-decoration: none;
	cursor: pointer !important;
}

a:active {
	outline: 0 none;
}

a:focus {
	outline: 0 none;
	-moz-outline-style: none;
}

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	}


/* SITE CONTAINERS */

div#container_3 {
	min-width: 1000px;
	background: transparent url("/images/backgrounds/spectrum_header.jpg") repeat-x 0px 0px;
}

div#container_2 {
	min-width: 1000px;
	overflow: hidden;
}

div#container {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	min-height: 1000px;
}


/* HEADER */

div#header {
	width: 1000px;
	height: 120px;
}

	#header h1 a {
		position: absolute;
		left: 0px;
		top: 20px;
		display: block;
		width: 265px;
		height: 100px;
		background: url('/images/logos/sticky_it_logo.png') 0px 0px no-repeat;
	}
	
		#header h1 a span, #header a img {
			display: none;
		}


	#header div#mri_logo {
		position: absolute;
		right: 0px;
		top: 20px;
		display: block;
		width: 270px;
		height: 51px;
		background: url('/images/logos/mrinetwork_templates.png') 0px 0px no-repeat;
	}

	#header div#phone {
		position: absolute;
		right: 0px;
		top: 72px;
		display: block;
		width: 270px;
		height: 49px;
		background: url('/images/misc_elements/phone_number.png') 0px 0px no-repeat;
	}
	
		#mri_logo span, #phone span {
			display: none;
		}

/* MAIN SITE CONTENT BODY */

div#main_body {
	width: 1000px;
}

	#main_body div#showcase {
		position: relative;
		width: 1000px;
		height: 559px;
		background: url('/images/backgrounds/showcase_background.png') 0px 0px no-repeat;
	}

		#showcase div#main_screen_region {
			padding: 40px;
			width: 920px;
			height: 479px;
		}
		
		#main_screen_region img {
			display: none;
		}
		
		#main_screen_region img.active_screen {
			display: block;
		}


		#showcase div#info_panel {
			position: absolute;
			bottom: -26px;
			right: 39px;
			padding: 0px 8px 0px 0px;
			height: 46px;
			background: url('/images/body_regions/info_panel_background.png') right top no-repeat
		}
		
			#info_panel ul {
				padding: 0px 10px 0px 3px;
				height: 44px;
				list-style: none;
				background: url('/images/body_regions/info_panel_list_background.png') 0px 0px no-repeat;
			}
			
				.info_panel_list {
					display: none;
				}
				
			#info_panel ul li {
				float: right;
				background: url('/images/body_regions/info_panel_list_item_background.jpg') 0px 0px repeat-x;
			}
		
			#info_panel ul li.template_name {
				padding: 0px 20px 0px 12px;
				color: #6e6e6e;
				font-size: 30px;
				font-family: “Helvetica Neue Light”, “HelveticaNeue-Light”, Arial, Helvetica, sans-serif;
				line-height: 44px;
			}
		
			#info_panel ul li a.view_photo_options {
				background: url('/images/misc_elements/view_photo_options_button.png') 0px 0px no-repeat;
			}
		
			#info_panel ul li a.view_live_website {
				background: url('/images/misc_elements/view_live_website_button.png') 0px 0px no-repeat;
			}
		
			#info_panel ul li a.view_large_image {
				background: url('/images/misc_elements/view_large_image_button.png') 0px 0px no-repeat;
			}
		
			#info_panel ul li a {
				display: block;
				width: 35px;
				height: 44px;
			}
		
				#info_panel ul li a:hover {
					background-position: 0px -44px;
				}
		
				#info_panel ul li a span {
					display: none;
				}

/* ARROWS */

a.left_arrow, a.right_arrow {
	position: absolute;
	width: 45px;
	height: 50px;
	background-image: url('/images/misc_elements/thumb_slide_arrow_buttons.png');
	background-repeat: no-repeat;
	z-index: 999;
}

	a.left_arrow {
		background-position: 0px -50px;
	}
	
	a.right_arrow {
		background-position: 0px 0px;
	}

	a.left_arrow span, a.right_arrow span {
		display: none;
	}
	
	a#showcase_left_arrow, a#showcase_right_arrow {
		top: 235px;
		display: none;
	}
	
	a#showcase_left_arrow {
		left: 33px;
	}
		a#showcase_left_arrow:hover {
			background-position: 0px -150px !important;
		}
	
	a#showcase_right_arrow {
		right: 33px;
	}
		a#showcase_right_arrow:hover {
			background-position: 0px -100px !important;
		}
	
	
/* MAIN THUMB PANEL */

	div#thumb_panel_container {
		margin: 0px auto;
		width: 1000px;
	}
	div#thumb_panel {
		position: fixed;
		bottom: -200px;
		padding: 0px 50px 0px 50px;
		width: 900px;
		height: 250px;
		background: url('/images/body_regions/thumb_panel_background.png') 0px 0px no-repeat;
	}
	
		#thumb_panel ul#thumb_panel_menu {
			position: absolute;
			left: 55px;
			top: 0px;
			height: 25px;
			list-style: none;
			z-index: 999;
		}
		
			#thumb_panel_menu li {
				float: left;
			}
			#thumb_panel_menu li a#custom_portfolio {
				width: 132px;
				background: url('/images/misc_elements/custom_portfolio_button.png') 0px 0px no-repeat;
			}
			#thumb_panel_menu li a#view_templates {
				width: 120px;
				background: url('/images/misc_elements/view_templates_button.png') 0px 0px no-repeat;
			}
			
				a#view_templates.open_panel, a#view_templates.open_panel:hover {
					background-position: 0px -50px !important;
				}
			
			#thumb_panel_menu li a {
				display: block;
				height: 25px;
			}
			
				#thumb_panel_menu li a:hover {
					background-position: 0px -25px !important;
				}
				#thumb_panel_menu li a span {
					display: none;
				}


/* TEMPLATE THUMBNAILS */

div#thumb_container {
	position: relative;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	width: 890px;
	height: 220px;
	overflow: hidden;
}

ul#template_thumbnails {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 50px 0px 30px 0px;
	width: 900px;
	list-style: none;
}
	#template_thumbnails li {
		padding: 0px 7px 0px 8px;
		width: 210px;
		height: 170px;
		float: left;
	}
	
	#template_thumbnails li a {
		display: block;
	}
	
	#template_thumbnails li a span {
		display: none;
	}
		
	div.thumbnail_gallery_container a.previous_thumb_button {
		position: absolute;
		left: 0px;
		top: 110px;
		z-index: 999;
		background-image: url('/images/misc_elements/thumb_slide_arrow_buttons.png');
	}
	
	div.thumbnail_gallery_container a.next_thumb_button {
		position: absolute;
		right: 0px;
		top: 110px;
		z-index: 999;
		background-image: url('/images/misc_elements/thumb_slide_arrow_buttons.png');
	}
		a.previous_thumb_button:hover {
			background-position: 0px -150px !important;
		}
	
		a.next_thumb_button:hover {
			background-position: 0px -100px !important;
		}	
	
	

/* FOOTER */		

div#footer_container {
	clear: both;
	height: 61px;
	background-repeat: repeat-x;
	background-position: center top;
}

	div#footer {
		position: relative;
		margin: 0px auto;
		width: 1000px;
		height: 61px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
		p.copyright {
			display: none;
		}
		
		
		/* STICKY IT STAMP! */
	
		a#sticky_stamp {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 75px;
			height: 61px;
		}
		
			#sticky_stamp p, #sticky_stamp img {
				display: none;
			}