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

	Moments In Color - Stylesheet
	Author: Miles Johnson (www.mileswjohnson.com)
	Company: Speedy Media Group (www.speedymediagroup.com)

--------------------------------------------------------------------
	Default
------------------------------------------------------------------*/

body {
	font: normal 10pt "Arial", "Tahoma", "Verdana", sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #eeeeee; }
	
div, img, form {
	margin: 0px;
	padding: 0px;
	border: 0px; }
	
a span { display: none; }
a:hover span { display: block; position: absolute; }

.clear { clear: both; }
.right { text-align: right; }
.fr { float: right; }
.fl { float: left; }
.w60 { width: 58%; }
.w50 { width: 49%; }
.w40 { width: 40%; }

label {
	display: block;
	color: #BABABA; }

/*------------------------------------------------------------------
	Text
------------------------------------------------------------------*/

h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 36px;
	float: left;
	font: bold 24pt "Arial", "Tahoma", "Verdana", sans-serif; }
	
h2 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 36px;
	float: left;
	color: #414141;
	font: normal 16pt "Arial", "Tahoma", "Verdana", sans-serif; }

h3 {
	margin: 10px 0px;
	padding: 0px;
	color: #414141;
	font: normal 20pt "Arial", "Tahoma", "Verdana", sans-serif; }
	
	.blue  { color: #15C6F8; }
	.green { color: #50B24D; }
	.red   { color: #B71C48; }
	.pink	 { color: #FE8CD1; }
	.yellow { color: #F7E373; }
	
/*------------------------------------------------------------------
	Main Divs
------------------------------------------------------------------*/
	
#wrapper { 
	width: 1000px;
	margin: 50px auto; }
	
#header { overflow: hidden; }
	
#footer {
	padding: 15px 0px;
	text-align: center;
	color: #2D2D2D;
	clear: both; }
	
/*------------------------------------------------------------------
	Menu
------------------------------------------------------------------*/

#menu {
	float: right;
	margin: 0px -50px 0px 0px;
	padding: 0px;
	list-style: none;
	height: 36px; }
	
	#menu li { 
		float: left; 
		margin: 0px 20px 0px 0px;
		padding: 0px;
		height: 36px; }
	
	#menu li a {
		display: block;
		margin: 0px;
		padding: 10px 15px;
		background-color: #2D2D2D;
		color: #ffffff;
		text-decoration: none;
		font: bold 10pt "Arial", "Tahoma", "Verdana", sans-serif; }
		
	#menu li a:hover 		{ background-color: #414141; }
	#menu li a.blue:hover  	{ background-color: #15C6F8; }
	#menu li a.green:hover 	{ background-color: #50B24D; }
	#menu li a.red:hover   	{ background-color: #B71C48; }
	#menu li a.pink:hover  	{ background-color: #FE8CD1; }
	
	#menu input {
		display: block;
		margin: 0px;
		padding: 9px 0px;
		background-color: #2D2D2D;
		color: #ffffff;
		text-decoration: none;
		border: 0px;
		cursor: pointer;
		font: bold 10pt "Arial", "Tahoma", "Verdana", sans-serif; }
		
	#menu input.yellow:hover { 
		cursor: pointer;
		background-color: #F7E373; 
		color: black; }
	
#subMenu {
	text-align: right;
	padding: 15px 19px 0px 0px; }
	
#jumpMenu { float: right; }

#content {
	clear: both;
	padding: 15px 0px 0px 10px; }

/*------------------------------------------------------------------
	Gallery
------------------------------------------------------------------*/
	
#items, #items_large {
	clear: both;
	padding: 15px 0px 0px 0px; }
	
.item {
	float: left;
	width: 310px;
	margin: 0px 10px 45px 10px; }
	
	.item img { border: 1px solid black; }
	
	.item a {
		border: 4px solid #2D2D2D;
		display: block; }
		
	.item a:hover { 
		border-color: #414141;
		cursor: help; }
	
input.button {
	display: block;
	width: 50px;
	margin: 0px;
	padding: 4px;
	border: 0px;
	background-color: #414141;
	color: #ffffff;
	text-decoration: none;
	font: bold 10pt "Arial", "Tahoma", "Verdana", sans-serif; }	
	
select {
	width: 91px;
	padding: 3px;
	border: 1px solid black;
	background-color: white; }
	
input, textarea {
	padding: 4px;
	border: 1px solid black;
	background-color: white; }

.other { margin-top: 10px; }

.tip {
	padding: 3px 6px 1px 3px;
	background-color: #414141;
	border-top: 1px solid black;
	border-right: 1px solid black;
	color: white;
	text-decoration: none;
	bottom: 4px;
	left: 4px; }

.faq { 
	margin: 20px 0px;
	color: #414141; }

	.faq li { padding: 0px 0px 15px 0px; }
	.faq li p { color: #BABABA; }
	.faq li b { color: #ffffff; }
	
#items .img { 
	width: 310px;
	height: 208px;
	position: relative; 
	margin-bottom: 10px; }
	
#items_large .img { 
	width: 310px;
	height: 458px;
	position: relative; 
	margin-bottom: 10px; }
	
/*------------------------------------------------------------------
	Fixes
------------------------------------------------------------------*/

html>body img { margin-bottom: -3px; }
html>body #menu { margin: 0px; }
html>body #menu input { padding: 9px 15px; }

html>body .tip { bottom: 2px; }

/*------------------------------------------------------------------
	End
------------------------------------------------------------------*/