body {
margin:0;
padding:0;
background-color: #efb174;
font: 13px/1.4 Verdana, arial, sans-serif, helvetica;
color: #333333;
}

a { color: #154db2; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #333a67; font-size: 20px; margin: 0 -10px 10px -10px; padding-left: 10px; padding-bottom:10px; font-weight: normal;/* text-align: center;*/ }
h3 { font-size: 14px; font-weight: normal; }
.link-style {cursor:pointer;color:#3F51B5;text-decoration:underline;}

#wrapper { 
background-color: #f1f1f1;
margin: 0 auto;
width: 975px;
}

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

#header {
position: relative;
z-index: 1;
height: 331px;
width: 100%;
}

#content {
position: relative;
z-index: 1;
width: 100%;
}
#contentWrap {
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
}

#p1 { 
position: absolute;
z-index: 2;
top: 20px;
left: 20px;
}

#p2 { 
position: absolute;
z-index: 3;
top: 45px;
right: 45px;
}

#logo { 
position: absolute;
z-index: 4;
top: 25px;
left: 15px;
}

#p4 { 
position: relative;
z-index: 4;
}

#p5{ 
position: absolute;
z-index: 5;
left: 0;
top: 30px;
}

#p6{ 
position: absolute;
z-index: 6;
left: 0;
bottom: 30px;
}

.contactInfo {
	color: #666666; 
	width: 220px; 
	opacity:0.9;
	background-color: #ffffff;
	border: 1px solid #f1f1f1;
	padding: 1em; 
	text-align: left;
}

.shadow {
-moz-box-shadow: 2px 2px 3px #676767;
-webkit-box-shadow: 2px 2px 3px #676767;
box-shadow: 2px 2px 3px #676767;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#676767')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#676767');
}

.cGreen {
width: 438px;
padding: 10px;
background-color: #d1e65e;
opacity: .95;
}
.p10 { padding: 10px; }
.left { float:left; }
.right { float:right;}
.clear { clear:both;}
.wHalf { width: 458px; }
 
.relative {
	position:relative;
	z-index:1;
	clear:both;
}

.m20 {margin: 20px 0;}
.mb20 {margin-bottom: 20px;}

.yLine { border-bottom: 1px solid #f1f1f1;}

#footer {
width: 100%;
padding: 20px 0;
background-color: #dadada;
}

#s1 { width: 250px; margin-bottom: 10px; display:block; float:left; }
#s2 { width: 400px; margin-bottom: 10px; display:block; float:left; }
#s3 { width: 250px; margin-bottom: 10px; display:block; float:left; }

/* Mobile devices */

@media screen and (max-width: 800px) {	
	#wrapper { width: 100%;}
	.wrap { width: 90%; }	
	#content, #header {  text-align: center; height: auto; }
	h3 { text-align: left; }
	#content { height: auto; }
	#content img { width: 100%; }
	.left, .right, .wHalf { left: auto; right: auto; margin:0; width: auto; float: none; position: relative; }
	#logo { max-width: 280px; left: auto; right: auto; top: 10px; position: relative; }
	.cGreen { margin: 0 auto; width: 100%; padding: 0; margin-bottom: 15px; min-height: auto; }
	#p1, #p4, #p5, #p6, #cat, #ampparit { display:none; }
	#p2 { float: none; width: auto; margin:20px; right:auto;	top:auto; position: relative; }
	#s1, #s3 { float:none; width: auto; top: auto; }

}