/********************************************************************
	MAGAMALL - structure.css
	-----------------------------
	author: Relish Interactive - reli.sh
	date: march 12, 2011 
	
	INDEX
	-----------------------------------------
	- Body & Wrapper
	- Header
		- Search
		- Navigation
		
	- Main Content
	- Sidebar
	- Footer
	
*********************************************************************/
/* BODY & WRAPPER --------------------------------------------------*/
body {
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/body.jpg) 0 0 repeat;
	text-align: center;
}
.content {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
/* HEADER ----------------------------------------------------------*/
#header {
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/header.jpg) 0 0 repeat-x;
	height: 128px;
}
	#header .content {
		position: relative;
	}
	#header h1 {
		float: left;
		margin: 15px 0 14px 0;
	}
	
		#header h1 a {
			display: block;
			background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/magamall.jpg) 0 0 no-repeat;
			height: 71px;
			width: 320px;
			text-indent: -99999px;
		}
/* Search */
#header_search {
	float: right;
	width: 320px;
	margin: 20px 0 0 0;
}
	#header_search .search {
		float: left;
		font-size: 1.9em;
		width: 175px;
		height: 24px;
		padding: 2px 2px 3px 2px;
		margin: 7px 0 0 23px;
		border: 1px solid #b9d8e2;
		border-right: 0;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}
	
	#header_search .submit {
		display: block;
		background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/header_search.jpg) 0 0 no-repeat;
		border: 0;
		height: 49px;
		width: 114px;
	}
	
	#header_search p {
		margin:-5px 0 0 25px;
		font-size: 1.2em;
		font-weight: bold;
		color: #6fa7b6;
	}
	
/* Navigation */
#main_nav {
	float: left;
	clear: both;
	width: 50%;
}	
	#main_nav li {
		background: #7ab8ca;
		background-image: -moz-linear-gradient(bottom, #5896a8, #7cbacc);
		background: -webkit-gradient(linear, left top, left bottom, from(#7cbacc), to(#5896a8));
		float: left;
		margin: 0 15px 0 0;
		font-size: 1.4em;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	
		#main_nav li:hover {
			margin-top: -2px;
			padding-bottom: 2px;
		}
	
		#main_nav li a {
			display: block;
			padding: 5px 10px;
			color: #c0dae1;
			text-shadow: 1px 1px 1px rgba(0,0,0,.2);
		}
		
			#main_nav li a:hover {
				color: #fff;
			}
		
		#main_nav li.active {
			background: #fff;
		}
		
			#main_nav li.active:hover {
				margin-top: 0;
				padding-bottom: 0;
			}
		
			#main_nav li.active a {
				color: #529cbf;
				text-shadow: none;
			}
/* Social Links */
#social_links {
position: absolute;
top: 86px;
right: 0;
margin: 5px 10px 0 0;
height: 34px;
overflow: hidden;
}
#social_links li {
float: left;
margin: 2px 0 0 5px;
}
#social_links li:hover {
margin-top: 0;
}
#social_links li a {
display: block;
height: 32px;
width: 32px;
text-indent: -9999px;
}
		
		#social_links li.rss a {
			background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/rss.gif) 0 0 no-repeat;
		}
		#social_links li.facebook a {
			background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/facebook.gif) 0 0 no-repeat;
		}
		#social_links li.twitter a {
			background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/twitter.gif) 0 0 no-repeat;
		}
		#social_links li.youtube a {
			background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/youtube.gif) 0 0 no-repeat;
		}
/* MAIN CONTENT ----------------------------------------------------*/
#main_content {
	background: #fff url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/main_content.jpg) 0 bottom repeat-x;
	padding: 20px 0 45px 0;
	clear: both;
	overflow: hidden;
}
/* MASTHEAD --------------------------------------------------------*/
#masthead {
	margin: 0 0 15px 0;
	overflow: hidden;
}
#masthead #browse {
	float: right;
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/browse.jpg) 0 0 no-repeat;
	width: 320px;
	height: 130px;
	margin-bottom: 10px;
	text-align: center;
}
	#masthead #browse a {
		display: block;
		width: 320px;
		height: 130px;
	}
	
	#masthead #browse h2 {
		margin: 25px 0 0 0;
		color: #fff;
		font-size: 5.8em;
		line-height: .6em;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}
		
		#masthead #browse h2 span {
			display: block;
			font-size: .5em;
			color: #d5ba90;
			line-height: 0;
			margin-top: -10px;
		}
	
	#masthead #browse p {
		font-weight: bold;
		font-size: 1.5em;
		color: #9de0f9;
	}
#masthead #masthead_search {
	float: right;
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/masthead_search_bkg.jpg) 0 0 no-repeat;
	width: 320px;
	height: 130px;
	text-align: center;
}
	#masthead #masthead_search h2 {
		margin: 20px 0 10px 0;
		font-size: 3.6em;
		line-height: 1em;
		color: #fff;
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	}
	
	#masthead #masthead_search .search {
		float: left;
		font-size: 2.3em;
		width: 220px;
		height: 28px;
		padding: 6px;
		margin: 1px 0 0 23px;
		border: none;
		border-bottom: 2px solid #70a2b7;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}
	#masthead #masthead_search .submit {
		display: block;
		background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/masthead_search.jpg) 0 0 no-repeat;
		border: 0;
		height: 49px;
		width: 47px;
	}
/* Hero */
#hero {
	float: left;
	position: relative;
	width: 650px;
	height: 272px;
}
	#hero .caption {
		background: #000;
		background: rgba(0,0,0,.7);
		position: absolute;
		width: 630px;
		padding: 10px;
		bottom: 0;
		left: 0;
	}
	
		#hero .caption h2 {
			margin-bottom: 0;
			line-height: 0.8em;
			font-size: 3.6em;
			color: #fff;
		}
		
		#hero .caption p {
			font-size: 1.8em;
			color: #ffb33c;
		}
/* TOUTS -----------------------------------------------------------*/
#touts {
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/diagonals.gif) 0 0 repeat-x;
	padding: 20px 0 0 0;
	overflow: hidden;
}
	#touts .tout {
		float: left;
		background: #f1fafc;
		width: 300px;
		padding: 10px;
		margin-right: 7px;
		border: 1px solid #d6e6eb;
		-moz-border-radius: 0 0 15px 15px;
		-webkit-border-radius: 0 0 15px 15px;
		border-radius: 0 0 15px 15px;
	
	}
	
	#touts .tout.last {
		margin: 0;
	}
	
	#touts img {
		float: left;
		padding: 5px;
		background: #fff;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
		box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	}
	
	#touts .tout_content {
		margin-left: 110px;
	}	
	
		#touts .tout_content h4 {
			text-transform: uppercase;
			font-size: 1.1em;
			font-weight: bold;
			color: #92cad6;
		}
		
		#touts .tout_content h3 {
			padding: 0 0 10px 0;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 2.2em;
			border-bottom: 1px solid #c0dde6;
		}
			
			#touts .tout_content h3 a {
				font-size: 1em;
				color: #7b4b26;
			}
				#touts .tout_content h3 a:hover {
					color: #7ac4d8;
				}			
				
		#touts .tout_content p {
			font-size: 1.3em;
		}
		
		#touts .tout_content a {
			font-weight: bold;
			font-size: 1.6em;
			color: #4c99ae;
		}
		
			#touts .tout_content a:hover {
				color: #7ac4d8;
			}		
/* SIDEBAR ---------------------------------------------------------*/
#sidebar {
	background: #eff6f8;
	width: 300px;
	padding: 15px 10px;
	border: 1px solid #d4e2ea;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	float: right;
}
	#sidebar h2 {
		background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/diagonals.gif) 0 bottom repeat-x;
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 2.1em;
		color: #6fadbf;
	}
	
	#sidebar a {
		display: block;
		font-size: 1.2em;
		color: #e77800;
	}
	
	#sidebar .tout {
		padding-bottom: 5px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	#sidebar img {
		float: left;
		padding: 5px;
		background: #fff;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
		box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	}
	
	#sidebar .tout_content {
		margin-left: 110px;
	}	
	
		#sidebar .tout_content h4 {
			text-transform: uppercase;
			font-size: 1.1em;
			font-weight: bold;
			color: #92cad6;
		}
		
		#sidebar .tout_content h3 {
			padding: 0 0 10px 0;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 2.2em;
			border-bottom: 1px solid #c0dde6;
		}
			
			#sidebar .tout_content h3 a {
				font-size: 1em;
				color: #7b4b26;
			}
			
				#sidebar .tout_content h3 a:hover {
					color: #7ac4d8;
				}
			
		#sidebar .tout_content p {
			font-size: 1.3em;
		}
		
		#sidebar .tout_content a {
			font-weight: bold;
			font-size: 1.6em;
			color: #4c99ae;
		}
		
			#sidebar .tout_content a:hover {
				color: #7ac4d8;
			}				
/* FOOTER ----------------------------------------------------------*/
#footer {
	padding: 10px 0 30px 0;
	color: #d0beb0;
	overflow: hidden;
}
	#footer p {
		font-size: 1.3em;
		text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	}
	
	#footer a {
		text-shadow: 1px 1px 1px rgba(0,0,0,.2);
		font-size: 1.3em;
		color: #ffd97d;
	}
	
		#footer a:hover {
			color: #fff;
		}
	
	#footer .footer_block {
		float: left;
		width: 280px;
		margin-right: 45px;
	}
	
#download_app h5 {
	background: url(/Client/Disticor/Magamall_New_LP4W_LND_WebStation.nsf/app.jpg) 0 0 no-repeat;
	padding: 0 0 20px 105px;
	border-bottom: 1px solid #876f54;
	font-size: 2.3em;
}
	#download_app h5 span {
		display: block;
		font-size: .6em;
		color: #c6bbb0;
	}
	
	#download_app h5 span.darker {
		color: #9e8a77;
	}
	
	#download_app h5 span.middle {
		color: #fff;
		display: inline;
		font-size: .9em;
	}
	
	#download_app ul li {
		float: left;
		width: 50%;
	}
#footer .twtr-widget .twtr-hd,
#footer .twtr-widget .twtr-ft {
	display: none;
}
#footer .twtr-widget .twtr-tweet-wrap {
	padding: 0 0 7px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%;
}
#footer .twtr-widget .twtr-tweet-wrap a {
	font-size: 100%;
}
#footer .twtr-widget .twtr-tweet {
	border-bottom: 1px solid #876f54;
	margin: 0 0 7px;
}