#bottom-shadow{
	background-image:url(../images/shadow-reverse.png);
	background-position:top;
	background-repeat:no-repeat;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
#marketing{width:100%;}
#marketing-row01{
	width:100%;
	background-color:#fff;
	height:auto;
	padding:2% 3% 2% 3%;
	color:#555;
	font-size:1.1em;
}
#welcome{
	width:100%;
	margin-top:110px;
	height:auto;
	text-align:center;
	margin-right:3%;
	background-image:url(../images/shadow.png);
	background-position:bottom;
	background-size:auto;
	background-repeat:no-repeat;
}
#marketing-row02{
	width:100%;
	padding-top:6px;
	clear:both;
}
/*referral section*/
#referral{width:100%; padding-top:250px;}
/*branding section*/
#branding{width:100%; padding-top:250px;}
#welcome-three{
	width:100%;
	text-align:center;
	background-image:url(../images/shadow.png);
	background-position:bottom;
	background-size:auto;
	background-repeat:no-repeat;
}
#analysis{
	width:50%;
	margin-left:50%;
	text-align:right;
	padding-top:3%;
	padding-right:3%;
}
#row-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-two{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-one-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-one-column-two{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}	
#row-two-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-two-column-two{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
/*marketing section*/
#marketing{width:100%;}
#marketing-row01{
	width:100%;
	background-color:#fff;
	height:auto;
	padding:2% 3% 2% 3%;
	color:#555;
	font-size:1.1em;
}
#welcome{
	width:97%;
	margin-top:120px;
	height:auto;
	text-align:right;
	margin-right:3%;
}
#marketing-row02{
	width:100%;
	padding-top:6px;
	clear:both;
}
/*referral section*/
#referral{width:100%; padding-top:450px;}
/*branding section*/
#branding{width:100%; padding-top:405px;}
#welcome-three{
	width:97%;
	text-align:left;
	margin-left:3%;
}
#analysis{
	width:50%;
	margin-left:50%;
	text-align:right;
	padding-top:3%;
}	
#row-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-two{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
#row-one-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}	
#row-one-column-two{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}	
#row-two-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}	
#row-two-column-two{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
/*marketing section*/
#marketing{
	width:100%;
	padding-top:35px;
}
#marketing-row01{
	width:100%;
	background-color:#fff;
	height:auto;
	padding:2% 3% 2% 3%;
	color:#555;
	font-size:1.1em;
}
#welcome{
	width:97%;
	margin-top:250px;
	height:auto;
	text-align:right;
	margin-right:3%;
}
#marketing-row02{
	width:100%;
	padding-top:6px;
	clear:both;
}

/*referral section*/
#referral{width:100%;padding-top:500px;}
/*branding section*/
#branding{width:100%;padding-top:490px;}
#welcome-three{
	width:97%;
	text-align:left;
	margin-left:3%;
}
#analysis{
	width:35%;
	margin-left:65%;
	text-align:right;
	padding-top:3%;
	padding-right:3%
}
#row-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#row-two{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#row-one-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#row-one-column-two{
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#row-two-column-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#row-two-column-two{
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
}