/* SECTIONS are non semantic and used for layout only. They are relevant to screen size, so for example this style sheet could be changed or just removed for a small screen device.
	.s = section
	.ss = sub section
	.sss = sub sub section etc
	
	.inS = child of .s ('inside' .s)
	
	.i1 = first iteration
	.i2 = second iteration etc 
*/

.s 
{	width: 100%;
	text-align: center;

}
.ss
{	float: left;
	/*margin: 10px 0 0 0;*/
}
.s .inS
{	margin: 0 auto;
	width: 940px;
	position: relative;
	text-align: left;
}
#s2 .inS { position: static; }
/* START section 1 */
	.s#s1 
	{	background: #0e0e0e;
	padding-bottom:10px;
	}
/* END section 1 */
/* START section 2 */
	#s2 
	{	background: url(../images/gradients/page_bg_2.gif) repeat-x left bottom;
		padding-bottom:0;
	}	
	#s2 .c
	{	margin-bottom: 20px;
	}
	#s2 .c.nav.steps
	{	margin-bottom: 0;
	}
	.all.home #s2ss1
	{	width: 302px;
		background: #1f1f1f;
		padding: 15px 20px 0 20px;
		/*min-height: 522px;*/
		/*margin-bottom: 10px;*/
	}
	.all.home #s2ss2
	{	width: 600px;
		height: 382px;
		margin:0;

		padding-top:0;
		background: #1f1f1f url(../images/pictures/shattered_jaw_1.jpg) no-repeat;
		
	}
	.all.home #s2ss2sss1
	{	width: 200px;
		padding: 20px 20px 0;
		position: relative;
		top: 40px;
		float: right;
		background: url(../images/pictures/shattered_jaw_2.jpg) no-repeat right -20px;
	}
	.all.home #s2ss3 .sss
	{	float: left;
		width: 200px;
		margin-left: 43px;
	}
div.extrawide {width:400px !important;}
#s2ss3sss1 ul {margin-top: 10px;}
#s2ss3sss1 ul li{margin: 5px 0;}
	.all.home #s2ss3 #s2ss3sss1
	{	margin-left: 0;
	}
	.homeLeft, .homeRight{float:left; width:50%; margin-top:0; margin-bottom:0;}
	.all.industry #s2ss1
	{	margin: 0;
		background: #000000 url(../images/pictures/shattered_crown_1.jpg) no-repeat 250px -5em;
		min-height: 27.5em;
		width: 100%;
	}
	.all.industry #s2ss1sss1
	{	position: relative;
		top: 4em;
		width: 290px;
		padding: 15px;
		background: #040404 url(../images/pictures/shattered_crown_2.jpg) no-repeat 250px -9em;
	}
	.all.industry #s2ss2
	{	margin: 0;
		background: #040404 url(../images/pictures/shattered_crown_2.jpg) no-repeat 250px -32.5em;
		width: 100%;
	}
	
	#header {
		float:left;
		height:330px;
		width:960px;
	}
		#header h1 {
			margin:60px 0 0 15px;
			width:290px;
		}
		#header h2 {
		font-size:1.2em;
			margin:15px 0 0 15px;
			width:290px;
		}
		#header p {
			margin:0 0 0 15px;
			width:290px;
		}
		
		#header .health {
			background:url(../images/pictures/shattered_nurse_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .education {
			background:url(../images/pictures/shattered_crown_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .foodRetail {
			background:url(../images/pictures/shattered_foodretailer_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .foodDrink {
			background:url(../images/pictures/shattered_cook_1.jpg) no-repeat 250px -50px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .catering {
			background:url(../images/pictures/shattered_caterer_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .building {
			background:url(../images/pictures/shattered_man_head_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .construction {
			background:url(../images/pictures/shattered_builder_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		
		#header .tools {
			background:url(../images/pictures/shattered_foodretailer_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .resources {
			background:url(../images/pictures/shattered_foodretailer_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
		#header .contact {
			background:url(../images/pictures/shattered_crown_1.jpg) no-repeat 250px -60px;
			float:left;
			height:330px;
			width:960px;
		}
	
	.all.building #s2ss1 {background-image:url(../images/pictures/shattered_man_head_1.jpg);}
	.all.building #s2ss1sss1, 
	.all.building #s2ss2 {background-image:url(../images/pictures/shattered_man_head_2.jpg);}
	
	.all.catering #s2ss1 {background-image:url(../images/pictures/shattered_caterer_1.jpg);}
	.all.catering #s2ss1sss1, 
	.all.catering #s2ss2 {background-image:url(../images/pictures/shattered_caterer_2.jpg);}
		
	.all.construction #s2ss1 {background-image:url(../images/pictures/shattered_builder_1.jpg);}
	.all.construction #s2ss1sss1, 
	.all.construction #s2ss2 {background-image:url(../images/pictures/shattered_builder_2.jpg);}
	
	.all.education #s2ss1 {background-image:url(../images/pictures/shattered_crown_1.jpg);}
	.all.education #s2ss1sss1, 
	.all.education #s2ss2 {background-image:url(../images/pictures/shattered_crown_2.jpg);}
	
	.all.foodmanufacturing #s2ss1 {background-image:url(../images/pictures/shattered_cook_1.jpg);}
	.all.foodmanufacturing #s2ss1sss1, 
	.all.foodmanufacturing #s2ss2 {background-image:url(../images/pictures/shattered_cook_2.jpg);}
	
	.all.foodretail #s2ss1 {background-image:url(../images/pictures/shattered_foodretailer_1.jpg);}
	.all.foodretail #s2ss1sss1, 
	.all.foodretail #s2ss2 {background-image:url(../images/pictures/shattered_foodretailer_2.jpg);}
	
	.all.health #s2ss1 {background-image:url(../images/pictures/shattered_nurse_1.jpg);}
	.all.health #s2ss1sss1, 
	.all.health #s2ss2 {background-image:url(../images/pictures/shattered_nurse_2.jpg);}

	
	.all.industry #s2ss3
	{	margin: 0;
		width: 660px;
		padding: 10px;
		background: #333333; 	
	}
	.all.industry #s2ss4
	{	margin: 0;
		width: 240px;
		padding: 10px;
		background: #333333; 	
	}
	.all.industry #s2ss3 .sss
	{	float: left;
		width: 265px;
		padding: 0 20px;
		margin: 0 0 30px 0;	
	}
	.all.industry #s2ss3 .c
	{	clear: left;
	}
	.all.elearning #s2ss1
	{	margin: 0;
		background: #000000 url(../images/pictures/shattered_foodretailer_1.jpg) no-repeat 250px -5em;
		min-height: 27.5em;
		width: 100%;
	}
	.all.elearning #s2ss1sss1
	{	position: relative;
		top: 4em;
		width: 290px;
		padding: 15px;
		background: #040404 url(../images/pictures/shattered_foodretailer_2.jpg) no-repeat 250px -9em;
	}
	.all.elearning #s2ss2
	{	margin: 0;
		background: #040404 url(../images/pictures/shattered_foodretailer_2.jpg) no-repeat 250px -32.5em;
		width: 100%;
	}
	.all.elearning #s2ss3
	{	margin: 0;
		width: 920px;
		padding: 10px;
		background: #333333; 	
	}		
	.all.elearning #s2ss3 .sss
	{	width: 375px;
		float: left;
		margin: 0 20px;
	}
	.all.generic #s2ss1
	{	margin: 0;
		background: #000000 url(../images/pictures/shattered_crown_1.jpg) no-repeat 250px -5em;
		min-height: 27.5em;
		width: 100%;
	}
	.all.generic #s2ss1sss1
	{	position: relative;
		top: 4em;
		width: 290px;
		padding: 15px;
		background: #040404 url(../images/pictures/shattered_crown_2.jpg) no-repeat 250px -9em;
	}
	.all.generic #s2ss2
	{	margin: 0;
		background: #040404 url(../images/pictures/shattered_crown_2.jpg) no-repeat 250px -32.5em;
		width: 100%;
	}
	.all.generic #s2ss3
	{	margin: 0;
		width: 920px;
		padding: 10px;
		background: #333333; 	
	}
/* END section 2 */
/* START section 3 */
	.s#s3
	{	border-top: 1px solid #666666;
	}
/* END section 3 */
/* START JS version */
	.js .s.i1
	{	height: 5em;
	}
	.js .s .inS
	{	margin: 0 auto;
		width: 942px;
	}
/* END JS version */


#industry1 h2 {margin-top:15px; padding-bottom:0.25em !important;}

/* Old non-accesible version:
#industry1 h2 a { font-size:120%; color:#C13F57;}
#industry1 h2 a:hover { text-decoration:underline;}
*/

#industry1 h2 a { font-size:120%; color:#fff; font-weight: bold !important; text-decoration:underline;}
#industry1 h2 a:hover { text-decoration:none;}
.subtext {border-bottom: 1px solid #666666; padding: 0 0 10px 0;}

#s2ss2sss1 {width:250px !important;}
ul.survey li { background:none !important; padding-left:0 !important;}
ul.survey li a {padding-left:20px !important;}
h2.survey {margin-top:15px !important;}