/* 
CSS Mobile | WE ARE NERDS
*/

/* for Outlook 2007 and 2010 */
table {
	border-collapse:collapse;
	mso-table-lspace:0pt;
	mso-table-rspace:0pt;
}

div, p, a, li, td {
	-webkit-text-size-adjust:none;
}
.ExternalClass * {
	line-height:100%;
	margin:0px;
	padding:0px;
}

footer a { color:#f5f5f5 !important; }
footer a:hover { color:#ffffff !important; }

/* (max-device-width */
@media only screen and (max-width: 480px) {
	 
	 /* GENERAL */
	*[class].yahoo_fix { 					display: block; 				}	 
	*[class].block { 					display: block; 				}
	*[class].float { 						float: left; 				}
	*[class].nonfloat { 					float: none !important; 				}
	*[class].autoheight { 					height: auto !important; 				}
	*[class].floatright { 					float: right; 				}
	/* Class to hide this element */
	*[class].hide { 							display: none; 				}
	*[class].margintop15 { 						margin-top:15px !important;			}
	*[class].paddingtop15 { 					padding-top:15px;			}
	*[class].paddingtop30 { 					padding-top:30px;			}
	*[class].paddingbottom30 { 					padding-bottom:30px;			}	 
	*[class].paddingtop12 { 					padding-top:12px;			}
	*[class].paddingnone { 					padding: 0 0 0 0 !important;			}
	*[class].center {	margin: 0 auto !important;	}	
	
	h1{
		-webkit-margin-before: 0 !important;
		-webkit-margin-after: 0 !important;
		margin: 0 0 0 0 !important;
		padding: 0 0 0 0 !important;
	}
	
	.display_view{display:none;} .mobile_view{display:block;} 
	
	#work_weiss .textbox 	{ margin: 0 auto !important; }
	a.cta_black 			{ text-align: center !important; font-size:26px;}
	a.cta_weiss 			{ text-align: center !important; font-size:26px; }
	#work_weiss img 		{ width: 300px !important; height: auto !important; margin-bottom: -20px !important; }
	#work_back img 			{ width: 300px !important; height: auto !important; }
	header img 				{ margin-top: 40%; margin-bottom: 5%; width:10%;}
	header h1 				{ padding-bottom: 30% !important; font-size:35px;}
	#about_us p 			{ padding-bottom: 50px !important; }
	#about_us .content		{text-align:center;}
	#service h1 	 		{margin: 40px 0 30px 0 !important;}
	#service img 	 		{width:40%; float:left; margin:5%; padding:0;}
	#service p 				{ padding-bottom: 60px !important; }
	#work_weiss .content	{text-align:center;}
	#work_weiss h1 	 		{margin: 30px 0 30px 0 !important;}
	#work_weiss p 			{ margin-top: 20px; padding-bottom: 40px !important; }
	#work_back .textbox 	{ margin: 0 auto !important; }
	#work_back .content		{text-align:center;}
	#work_back h1 	 		{margin: 30px 0 30px 0 !important;}
	#work_back p 			{ margin-top: 20px; padding-bottom: 40px !important; }
	#contact a		 		{width:40% !important; float:left; margin:40px 5% 60px 5%; padding:0;}
	#contact img			{width:100% !important; margin:0; padding:0;}
	footer 					{ padding-bottom: 20px !important; }
	footer img 				{ margin-top: 20%; margin-bottom: 10%; width:10%;}
	
	
	
	
	/* Set tablewidth */
	*[class].tablewidth320 {
		width:320px !important;
	}
	*[class].tablewidth300 {
		width:300px !important;
	}
	*[class].tablewidth280 {
		width:280px !important;
	}
	
	/* Set spacerheights */
	*[class].spaceheight5 {
		height:5px !important;
	}
	*[class].spaceheight10 {
		height:10px !important;	
	}
	*[class].spaceheight15 {
		height:15px !important;	
	}
	*[class].spaceheight20 {
		height:20px !important;	
	}
	
	/* Set spacer width */
	*[class].spacewidth15 {
		width:15px !important;
	}
		
	/* Set img width */
		img[class="imgwidth320fixheight"] {
		width:320px !important;
	}
		img[class="imgwidth320"] {
		width:320px !important;
		height:auto;
	}
		img[class="imgwidth300fixheight"] {
		width:300px !important;
	}
		img[class="imgwidth300"] {
		width:300px !important;
		height:auto;
	}
		img[class="imgwidth280"] {
		width:280px !important;
		height:auto;
	}
		img[class="imgwidth260"] {
		width:260px !important;
		height:auto;
	}
		img[class="nerdsicon"] {
		width:200px !important;
		height:auto;
		margin:0px !important;
		margin-left:50px;
		float: left !important;
	}
		
	/* INDIVIDUAL */
	/* */
	font[class="fontsize30"] {
		font-size:30px !important;	
	}
	
	*[class].greycolor {
		background-color:#e9e9e8 !important;
	}
}
