/*************************************
*  
*  MAGNETICS
*
*  home_page.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 7/15/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/

.homeContainer {
	height:185px;
	clear:both;
	background:url('/images/spang/homeBG.jpg') no-repeat;
}

.contentContainer {
	background:url('/images/spang/contentBG.jpg') repeat-x  0 0 #ffffff;
	min-height:300px;
}

/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN LOGIN INFORMATION LAYOUT
*************************************/

.homeFlash {
	width:516px;
	float:left;
	display:inline;
	position:relative;
	z-index:1;
}

.homeUserInfo {
	margin:0 0 0 517px;
	color:#ffffff;
}


.homeEngineers{
	float:left;
	width:222px;
	display:inline;
}

.homeUserInfo h2 {
	font-size:16px;
	font-weight:normal;
	padding:4px 10px;
	margin:0 0 17px 0;
}

.homeUserInfo a {
	color:#ffffff;
}

.homeEngineers ul {
	list-style:none;
}

.homeEngineers ul li {
	font-size:12px !important;
	margin:0 10px 5px 22px !important;
}

.homeLogin {
	posittion:relative;
	margin:0 0 0 226px;
	padding:0;
	font-size:12px;
}

.loginInput {
	width:168px;
	border:none !important;
	background:url('/images/spang/loginInputBG.png') no-repeat;
	height:17px;
	padding:2px 3px;
	display:block;
	margin:0 24px 4px 15px;
}

.loginButton {
	margin:0 18px 0 15px;
	float:right;
	clear:right;
	background:url('/images/spang/loginButton.png') no-repeat;
	text-indent:-9999px;
	display:block;
	width:70px;
	cursor:pointer;
	height:18px;
	border:none;
	outline:none;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
}

.homeLogin p {
	clear:right;
	padding:4px 10px 4px 12px;
	font-size:11px !important;
}

/*************************************
*  END LOGIN INFORMATION LAYOUT
*************************************/



/*************************************
*  BEGIN CONTENT LAYOUT
*************************************/

.homeLeft {
	float:left;
	display:block;
	width:604px;
	margin:0 0 30px 0;
	padding:15px 0 0 30px;
}

.homeRight {
	dispflay:block;
	margin:0 0 0 665px;
	width:222px;
	padding:15px 0 0 26px;
	border-left:1px solid #ffffff;
}

.contentGetStarted {
	float:left;
	display:inline;
	width:310px;
	margin:0 0 20px 0;
}

.homeLeft h1 {
	font-size:18px;
	color:#eb0303;
	border-bottom:1px solid #8c8c8c;
	width:248px;
	font-weight:normal;
	margin:0 0 10px 0;
}

.homeRight h1 {
	font-size:18px;
	color:#eb0303;
	border-bottom:1px solid #8c8c8c;
	font-weight:normal;
	margin:0 0 10px 0;
}

.contentProducts {
	margin:0 0 20px 311px;
}



.contentGetStarted ul, .contentProducts ul {
	list-style:none;
}

.contentGetStarted ul li {
	float:left;
	width:130px;
}

.contentGetStarted ul li a, .contentProducts ul li a, .contentGetStarted h5 a, .contentProducts h5 a {
	font-size:14px;
	font-weight:normal;
	/*color:#000000;*/
}

.contentProducts ul li span, .contentProducts ul li span a, .contentGetStarted p a, .contentProducts p a {
	/*color:#858585;*/
	font-size:11px;
}

.contentContainer h2 {
	font-size:16px;
	font-weight:normal;
	color:#000000;
	margin:0 0 10px 0;
}

.contentParagraph {display:inline-block; clear:both !important;}

.contentParagraph h5 {font-weight:normal !important; font-size:12px;}

.homeArticleContainer {
	margin:0 0 0 0;
	padding:0;
}

.homeArticle {
	font-size:12px;
	color:#333333;
	margin:0 0 15px 0;
	clear:right;
}

.homeArticle h3 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.contentRight h1 {
	width:212px;
}

.homeArticle a, .contentRight a {
	color:#000000;
}

.newsletterSignup {
	margin:30px 0  8px 0;
	position:relative;
}	

.newsletterSignup h2 {
	border-bottom:none !important;
	font-size:14px !important;
	margin:0 0 8px 0 !important;
	color:#eb0303;
	font-weight:normal;
}

.signupInput {
	background:url('/images/spang/signupInputBG.png') no-repeat;
	height:17px;
	width:217px;
	border:none !important;
	padding:2px 3px;
	font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}

.signupButton {
	float:right;
	background:url('/images/spang/formButtons.gif') no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	width:70px;
	height:18px;
	border:none !important;
	outline:none;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	position:relative;
	right:5px;
	top:3px;
}

.contentParagraph {
	color:#666666;
	padding:0;
	margin:0;
}


/*************************************
*  END CONTENT LAYOUT
*************************************/



