@charset UTF-8;
/*******************
CSS specific to JOB 11-1460
Use MasterCSS where possible
***/

/*********
Intro Section
************/

h1{margin:5px 0 8px;}
h2{
	margin-top:0px;	
}

#arpHeaderContainer object, #arpHeaderContainer embed{
	position:relative;	
}

.flexslider{
	max-width:100%;	
}
#arpHeaderSidebar{
	margin-left:6%;
	margin-top:0;
	width:16%;
}
#sideBarOverlays div h3 {
	line-height:100%;
	margin-bottom:5px;	
}
#intro-section h3{
	margin-bottom:0px;	
}

#arpHeaderContainer{
	float:left;
	max-width:75%;
	padding-bottom:45%;	
	border: none;
}
#arpTabs p{
	display:table;	
}
#interact {

position:relative;
}
 .js #interact img, .js #interact h4 , .js #interact p {
display:none;
}


ul{
	margin-left:12px	
}

#pulseBtns img {
width:20px;
height:20px;
position:absolute;
}
#pulseBtns img:link {

}
#pulseBtns img:hover {
background:url(images/cirWhiteborder.png) 0 0 no-repeat;
}
#btnBkg {
background:url(images/cirWhiteborder.png) 0 0 no-repeat;
}

#interact article {

width:410px;
height:305px;
background:url('images/PROTEAN_i12_Cell_0437.jpg') no-repeat;
background-position:0px 0px;
margin:10px 0;
}	

#interact section {
position:relative;
}

#interact aside {
width:230px;
/*border:3px solid #d65906;
border-radius:10px;
padding:0 0 10px 5px;*/

}

#interact article img {
cursor:pointer;
}

#interact  aside h3 {
font-weight:bold;
padding-top:10px;
cursor:pointer;
overflow:hidden;
margin:0;
}


#interact aside h3:hover {
color:#F60;
}

#interact p {
overflow:hidden;
}
/* Technote */

.technote header{
	margin:20px 0	
}
.technote article {
	float:left;
width:400px;
padding-left:46px;
margin-bottom:20px;
}
.technote  section{
	height:80px;	
}
.technote p {
width:380px;
}

.technote aside {
float:left;
}

.technote h4{
	margin:0;	
	
}

.boxshadow .circleOrangeBtn {
border-radius:10px;
background-color:#F60;
color:#FFF;
box-shadow:0 1px 3px #666;
text-shadow:0 -1px 1px #CCC;
}

.boxshadow a.orangeBtn:hover {

}



.active h4 {
font-weight:700;
}

.paddingLeft60Child article {
padding-left:60px;
}



.img-0 {
left:150px;
top:110px;
}

.img-1 {
left:45px;
top:120px;
}

.img-2 {
position:relative;
left:210px;
top:125px;
}

.img-3 {
left:35px;
top:173px;
}

.img-4 {
left:235px;
top:225px;
}

.img-5 {
left:190px;
top:260px;
}

.width70perc article {
width:70%;
}

.width70perc aside {
width:30%;
}

.floatLchildren aside,.floatLchildren section {
float:left;
}
#arpTabs{
	margin-top:20px	
}
#arpTabs .panes{
	background:url("/green/arp_assets_dev/images/tabs/content_tabs.gif") no-repeat;
	background-position: 0 -4px
	
	}	
.twoColumns, .column{
	position:relative;	
	padding-top:10px
	
}
.column_2{
	position:absolute;
	right:0px;
	top:0px

}


.column div{
	padding:20px 25px;
	
}
.column img{
	float:left;
	margin: 5px 5px 0 0;
}
.formScrollBtn{
	margin-top:10px;	
}