/******************************************************************
Weapons of Marketing Landing Page

Designed for the Shoemoney System

Design Copyright 2010. All Rights Reserved. 
XHTML/CSS released under a Creative Commons Attribution 2.5 licence.
******************************************************************/

/******************************************************************
GENERAL STYLES
******************************************************************/

.wrap {
	width: 960px;
	margin: 0 auto;
}

/******************************************************************
SPAN STYLES
******************************************************************/



.strong {font-weight: 700;}

.big {font-size: 3em;}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

/******************************************************************
HEADER STYLES
******************************************************************/

/******************************************************************
PAGE STYLES
******************************************************************/

#main {
	width: 565px;
	padding: 35px 0 0;
	float: left;
}

	#main p {
		font-size: 1.5em;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
	
	#main .headline {
		padding: 20px 0;
		border-bottom: 2px solid #BEBEBE;
		font-size: 3em;
		line-height: 1em;
	}
	
	.yellow-bar {
		border-top: 1px solid #F6F2DF;
		border-bottom: 1px solid #F6F2DF;
		background: #FFFCF0;
	}
	
		#main .yellow-bar p {
			font-weight: 700;
			font-size: 1.7em;
			line-height: 1em;
			text-align: center;
			margin-bottom: 0;
			padding: 7px 0;
			color: #404040;
		}
		
	.video {
		width: 565px;
	}


/******************************************************************
SIDEBAR STYLES
******************************************************************/

#sidebar {
	width: 360px;
	margin: 35px 0 0;
	float: right;
}

	.yellow-box {
		background: #FBF6DE;
		border: 1px solid #D9CE9A;
		padding: 5px 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		.yellow-box p {
			font-size: 1.3em;
			line-height: 1.4em;
		}
		
	p.label {
		font-weight: 700;
		margin: 1.4em 0 0;
		font-size: 1.6em;
	}
	
	input[type=email] {
		border: 2px solid #0060C2;
		background: #F3F3F3;
		color: #404040;
		padding: 10px 20px;
		font-size: 1.5em;
		width: 273px;
		margin: 10px 0;
	}
	
	input[type=submit] {
		border: 0;
		width: 247px;
		height: 84px;
		margin: 10px 36px;
		background: url(../images/get-access.png) no-repeat;
	}
	
		input[type=submit]:hover {
			background-color: none;
			border-color: none;
			background: url(../images/get-access.png) no-repeat;
		}
		
	#rollover {
		z-index: 9999;
		background: url(../images/wom.png) no-repeat;
		margin: -35px 0 -35px;
		display: block;
		height: 359px;
		width: 360px;
		position: relative;
	}
	
		#rollover:hover {
			background: url(../images/wom-hover.png) no-repeat;
		}

/******************************************************************
FOOTER STYLES
******************************************************************/

#footer {
	clear: both;
	padding: 20px 0;
	text-align: center;
	font-size: 1.2em;
	color: #878787;
}

	#footer ul {
		text-align: center;
		width: 450px;
		margin: 0 auto;
	}
	
		#footer li a {
			color: #878787;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 7px;
			border-right: 1px solid #878787;
		}
		
		#footer li:last-child a {
			border-right: 0;
		}
	
	#footer p {
		clear: both;
		margin: 1.5em 0 0;
	}