/*
body{
	background-color: transparent;
	margin: 0;
}*/

div#header_wrapper .candy {
	background: url("candy.png") repeat-x scroll 0 0 transparent;
	height: 3px;
	margin-bottom: 2.5em;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	transition: all .15s ease-in;
}

div#header_wrapper nav-wrapper ul, div#header_wrapper li{
	list-style-type: none;
	display: inline-block;
}	

div#header_wrapper .inner{
max-width: 1150px;
margin: 0 auto;

}

div#header_wrapper {
margin: 0 auto;	
display: block;
outline: none;
position: relative;
z-index: 1;
}

div#header_wrapper nav.role-based {
position: absolute;
top: 3px;
font-size: 1em;
margin: 0;
background: none repeat scroll 0 0 #EEEBE6;
border-bottom: 1px solid #FFF;
box-shadow: 0 2px 0 rgba(0,0,0,0.05);
text-transform: uppercase;
width: 100%;
font-family:"ProximaNovaSCond-Semibold",arial,sans-serif;
color: #5F6896;
transition: all .25s ease 0s;
display: block;
-webkit-font-smoothing: antialiased;
outline: none;
padding: 0.6em;
}


div#header_wrapper div.actions a {
color: #C47529;
outline: none;
}

div#header_wrapper nav.role-based li div.actions a.button {
color: #FFF;
background-color: #D86703;
border: 1px solid #D86703;
border-radius: 3000px 3000px 3000px 3000px;
box-shadow: 0 0px 0 rgba(255,255,255,0.7) inset;
padding: 0.4em 1em;
margin: 0.5em;
text-align: center;
width: auto;
font-size: inherit;
text-transform: inherit;
font-family:inherit;
/*padding: 0.5em;*/
}

div#header_wrapper .role-based .navigation li div.actions a {
	padding: 0.5em;
}

div#header_wrapper .role-based .navigation li.current {
color: #C47529;
}

div#header_wrapper div.aa-full {
	display: block;
}

div#header_wrapper div.reference li a {
border-bottom: 0;
display: block;
color: #C47529;
}

div#header_wrapper div.reference {
	float: right;
	display: block;
}

div#header_wrapper div.actions {
background: none repeat scroll 0px 0px rgb(238, 235, 230);
clear: both;
position: absolute;
left: 0px;
right: 0px;
height: auto;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgb(255, 255, 255);
transition: display 0.25s ease-in 0s;
display: block;
}
div#header_wrapper div.actions a{
	display:inline-block;
}

div#header_wrapper #home {
	height: 16px;
	width: 18px;
	}

div#header_wrapper .hlist .vlist {
	margin: 0;
	padding: 0.3em;
	}
	
#header_wrapper div.reference {
float: right;
clear: none;
}

div#header_wrapper reference.hlist {
margin: 0;
padding: 0;
list-style-type: none;
}


div#header_wrapper .actions .cs .ui-tabs-panel ui-widget-content ui-corner-bottom{
	border-top: none;
}

div#header_wrapper .role-based {
	position: absolute;
	top: 3px;
	font-size: .70em;
	margin: 0;
	background: none repeat scroll 0 0 #EEEBE6;
	border-bottom: 1px solid #FFF;
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	padding: 0;
	text-transform: uppercase;
	width: 100%;
	/*font-family: ProximaNovaCond-Semibold;*/
	font-family: ProximaNovaSCond-Semibold;
	color: #5F6896;
	transition: all .25s ease 0s;
	display: block;
	}

div#header_wrapper .nav-wrapper {
padding: 0 1em;
width: auto;
}

div#header_wrapper .size1of1 {
	float: none;
	}


div#header_wrapper .role-based .navigation li .actions a {
	 color: #C47529;
	 padding: 0.5em;
}

div#header_wrapper nav.role-based div.navigation li a{
	color: #5F6896;
	text-decoration: none;
	display: inline-block;
	outline: none;
	padding-right: 0.5em;
}

div#header_wrapper .reference li a{
	text-decoration: none;
	color: #C47529;
}
div#header_wrapper .menu hlist li a {
	padding: 0.8em 0.5em 0.5em 0.5em;
}

div.unit.clear {
     clear: both;
     display: block;
     overflow:auto;
     visibility: visible;
     width:auto;
     min-height:1.8em;
   }

hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 10px 0px 20px -5px;
padding-right: 30px;
height: 0;

/*RESPONSIVE*/
@media  (max-width: 760px) {
	div#header_wrapper{
		margin-top: 0px;
	}
	div#header_wrapper nav.role-based li div.actions a.button {
margin: 0.5em 12em .5em .5em;
	}
}

	
@media only screen and (max-width: 480px) { 
			/*DISPLAYS THE MOBILE MENU*/
div#header_wrapper nav.role-based {
	font-size: 0.8em;
	}
div#header_wrapper nav.role-based li div.actions a.button {
margin: 0.5em 12em .5em .5em;
	}
 	
 }
 
 @media only screen and (max-width: 320px) { 
	div#header_wrapper nav.role-based {
	font-size: 0.7em;
	}
	div#header_wrapper nav.role-based li div.actions a.button {
margin: 0.5em 12em .5em .5em;
	}
	
}