/* Design F - Denise Carr IFA WebPro */

body {
	margin: 0 ;
}

a {
	color: #020181;
	text-decoration:none;
	}

a:hover {
	}

a:focus { 
	outline: none
	}


body, td, th {
	font-family: Arial, Helvetica sans-serif ;
		}
	
body {
background: #cbcbcb url('../images/background_image.jpg' ) repeat;
	}

html {
    font-size: 14px;
}
.unbehaved-element {
    font-size: 1.5em;
}
@media(max-width: 1580px) {
  html {
    font-size: 14px;
  }
  .unbehaved-element {
    font-size: 1.7em; /* Fine tune unbehaved elements */
  }
}
@media(max-width: 980px) {
  html {
    font-size: 14px;
  }
}

p, ol ,dl, blockquote, h1, h2, h3, h4, h5, h6, hr, ul {
	line-height: 1.5em ;
	margin-top: 0 ;
	margin-bottom: 1em ;
	color: #666666;
	}
	
li {color:#666666;}

span {
	color:#020181;
}	
ul{
	margin-top: 0 ;
}
ol {
	list-style-position: inside;
}

li {
	line-height: 1.5em ;
}

h1 {
     color:#020181;
	font-size: 1.9em ;
	margin: 5px 0 5px 0 ; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	font-weight:normal;
	}

h2 {
     color:#020181;
	font-size: 1.5em ;
	margin-bottom: 5px ; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	font-weight:normal;

	}

h3 {
     color:#020181;
	font-size: 1.45em ;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
    font-weight:normal;
	}

h4 {
     color:#020181;
	font-size: 1.2em ;
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
    font-weight:normal;
	}

hr {
	border-style: none ;
	border-top: 1px solid #CCCCCC ;
	height: 0px ;
	margin: 0 0 5px 0 ;
	padding: 0 ;
	}

#crumbs {
        float:left; 
		width:68% !important;
		margin: 15px 0 0 0 !important;
		padding:0 !important;
		margin-right:3% !important;
		text-align:left;
        color: #616161;
		background:#ffffff;
        z-index:20;
box-sizing: border-box;
 -moz-box-sizing: border-box;
height:2.5em !important;
}

#breadcrumbs ul {padding-left: 0 !important;}

#crumbs li a:hover, #crumbs li a:focus {
color:#152950 !important; 
}

#crumbs li a {background: url('../images/crumbs.gif') no-repeat right center !important;}

/* Font Awesome */

.fa {
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
	
	}

.fa-Linkedin:before {
    content: "\f0e1";
}

.fa-Facebook:before {
    content: "\f09a";
}

.fa-Google:before {
    content: "\f0d5";
}

.fa-Twitter:before {
    content: "\f099";
}



.fa-phone:before {
    content: "\f095";
}

.fa-2x {
    font-size: 1.3em !important;
}



*:before, *:after {
    box-sizing: border-box;
}


img {
	border: 0;
	}

form {
	margin: 0;
	padding: 0;
	}

input, select, textarea , button {
	font: 1em Arial, Helvetica, sans-serif;
	}

#wrapper {
    position:relative;
	clear:both;
    width:100%;
	max-width: 1000px ; 
	padding: 0 0 0 0;
	margin:0 0 20px 0;
	height:auto;
	margin:0 auto ;
	text-align: left ;
	background-color: #FFFFFF;
}


#phone-bar {
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    background: #020181;
    height: 65px;
    border-bottom: solid #c3c3c3;
    border-width: 0 0 2px 0;
	}

#phone-wrap {
    position: relative;
    max-width: 1000px;
    margin: auto;
    height: 40px;
}

p.phone {
    color: #ffffff;
    padding: 15px 0 5px 25px;
    margin: 0 0 0 0;
    font-size: 1em;
    float: right;
    text-align: left;
    font-weight: normal;
    background: url('../images/phone.png') 0 15px no-repeat;
	}

a.email {
color:#ffffff;
float:right; 
text-align:left;
padding:15px 10px 0 15px;
margin:0 0 0 0;
font-size:1em;
font-weight:normal;
text-decoration:none;}

a.email:hover {color:#c2c2c2; font-weight:normal;
	}


#header_outer {
   position:relative;
   width:100%;
   margin: 0 0 0 0;
   background: #FFFFFF !important;
   height:55px;
   /*border-top: 6px solid */
}

#header_wrap {
   position:relative;
   width:100%;
   max-width:1000px;
   margin: auto ;
   background-color:#fffff;
   height:150px;
}

#images_outer {
   position:relative;
   width:100%;
   margin: 0 0 0 0;
   background: #666666 !important;
 /*  height:369px; */
   z-index:0;
}

#images_wrap {
   position:relative;
   max-width:1000px;
   width:100%;
   margin: auto ;
   background-color:#fffff;
  /* height:369px;*/
   z-index:0;
}

#images_outer .home_height, #images_wrap .home_height    {height:378px;}
#images_outer.page2_height, #images_wrap .page2_height   {height:228px !important;}


div#top_images {
	width:100%;
	max-width:958px;
	margin:0;
	position: relative;
	background-color: #FFFFFF;
	height: 150px;
}

.logo {
position:relative;
width:420px;
height:45px;
padding:0 1% 0 0;
margin:10px 0 10px 0px;
background: url('../images/hedley-asset-logo.jpg') 0 0 no-repeat;
float:left;

}

/*#slider-container { display: block; width: 701px; height: 276px; border: 1px solid #999; margin: 0; padding: 0;}*/
#slider-container { position:relative; float:left; width: 1000px; height: 374px; border-top: 5px solid #020181; margin: 0; padding: 0;}

#slider1 { margin: 0px; width: 1000px; height: 374px; padding: 0; }
.caption { height: 65px; width: 1000px; background-image: url('../images/slider-bg.png'); position: relative; bottom:65px; left: 0px;}
.caption h1,.caption h2 { float: left; width: 1000px; text-align: left; font-family: Georgia, Arial, Helvetica, sans-serif; margin: 15px 15px 0;}
.caption h1{ color: #ffffff; font-size: 20px; font-weight: normal; text-shadow:0 1px 1px 1px #ffffff; text-shadow:0 0.5px 0.5px 0.5px #ffffff;  }
.caption h2{ color: #fff; font-size: 16px; margin-top: 4px; font-weight: normal; text-shadow:0 1px 1px 1px #666666; }

#contact-us-container {float:right; width: 210px; height: 276px; border: 1px solid #999; margin: 0; padding: 0;}
#contact-us { float:left;margin: 0px; width: 204px; height: 270px; padding: 0; background-color:#4e2877;}
#contact-us h2 { text-align: left; font-family:  Arial, Helvetica, sans-serif; margin: 9px 15px 0 30px; font-size:18px; font-weight:normal;color:#a8bbc9; text-shadow:none; }

#contact-us a:hover {color:#c2c2c2;}
#contact-us img { margin:15px 0 0 20px;}
/*#contact-us h3 { text-align: left; font-family:  Arial, Helvetica, sans-serif; margin: 2px 0 0 30px; font-size:25px; font-weight:normal;color:#a8bbc9 !important; text-shadow:none;}
#contact-us p { color: #c98e36; font-size: 14px; font-weight: normal; color:#ffffff; text-shadow:none; margin: 5px 15px 0 30px;  }
#contact-us a {color:#ffffff; margin:0 0 0 20px;}*/


#banner_page2 {
    /*clear:both;*/
	float:left;
    position:relative;
	padding:0;
	margin: 0 0 0 0; 
	z-index:0 !important;

	}


/*style the main menu*/

#alternative_menu
{
        width: 180px;
		position:relative;
		height:30px;
		background-color:#020181;
		border:1px solid #666666;
		margin:10px 0 10px 10px;
        display:none;
		padding:0 0 0px 10px;
		font-weight:bold;
		clear:both;
		color:#ffffff;
}

/* Navigation */
#navigation {
clear:both;
padding:25px 0 0 0;
margin:0;
position:relative;
width: 100%;
max-width:1024px;
height:50px;
z-index:500;
}
/*style the main menu*/
.myMenu {
	margin:5px 0 0 0;
	position:absolute;
	top:0;
	left:0px;
	padding:0;
	float:left;
	/*margin:30px 0 0 0;*/
	z-index:500;

}

.myMenu li {
	list-style:none;
	float:left;
	font-size:1.1em;
	font-weight:normal;
	z-index:500;
}


.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
padding: 0.7em 0.9em 0.7em 0.9em;
	margin:0;
	color:#020181; /* blue */
	z-index:500;
}

.myMenu li a:hover {
	color:#7bc46c;
	z-index:500;
	
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0 0 0 -1.5em;
	padding:0;
	z-index:500;
}

.myMenu li ul li {
	display:inline;
	float:none;
	z-index:500;
    font-size:1.0em;
	font-weight:bold;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#ffffff;
	/*width:auto;*/
	width:155px;
border: 1px solid #0a3255;	
z-index:500;
padding: 0.5em 1.5em 0.5em 0.6em;
font-weight:normal;
color:#53423a;
font-size:0.85em;
}

.myMenu li ul li a:hover {
    background-color:#020181;
	color:#ffffff;
	text-decoration:none;
	z-index:500;
font-weight:normal;

}

.myMenu li a:link, .myMenu li a:visited {color:color:#020181; /* blue *//*#53423a;*/}
.myMenu li a:hover {color:#61a4d7;}


/* Third Level & beyond */
.myMenu > li > ul li > ul{   
    display:none;
}

.myMenu > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    /* top:0;*/
	margin-top:-42px;
    width:auto;
}


.myMenu > li > ul > li ul > li{
   display:block;
   white-space:nowrap;
   font-size:0.95em;
}
.myMenu  > li > ul > li ul > li a:link, .myMenu  > li > ul > li ul > li a:visited {
background-color:#406ab3;	
background-color:#666666;
color:#ffffff;
}

.myMenu  > li > ul > li ul > li a:hover {
background-color:#c2c2c2;	
color:#424242;
}


#services {
    clear:both;
	position: relative;
	width:100%;
	height:auto;
	z-index: 100;
	margin:10px 0 0 30px;
	height:200px;
	padding:0 15px 0 15px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

	}

#services a {text-decoration:none !important;}

.services {

    width:33%;
	max-width:310px;
	height:auto;
	overflow:hidden;

	}


 .headings {

    width:85%;
	max-width:300px;
   border-bottom: 1px solid #c2c2c2;
    color:#c2c2c2;
	font-weight:strong;
	text-decoration: none;
    text-shadow:0 1px 1px 1px #c2c2c2;
    font-size:1.4em;
	margin:0 0 15px;
}

#services .service_image {
width:65px;
float:left;
margin:0 10px 0 0;
height:200px;;
}

#services .service_text {
margin: 0 0 0 70px;
padding:0;
max-width:250px;
width:70%;
height:200px;
}

#side_image {
	position: relative;
	float: right;
	width: 320px;
	height: 331px;
	margin: 10px 14px 14px 14px;
	z-index: 100;
}


#content_main {
	float:right;
	width:100%;
	max-width: 1000px;
	padding: 0 0 0 0 ; 
	margin:-5px 0 0 0;
	background: #ffffff;
}

#page {
    position:relative; 
    width:1000px;
}


#content, #content_home {
        float:left; 
		width:70%;
		padding:0 20px 0 0;
		margin: 20px 0px 10px 0px;
		text-align:left;
        color: #616161;
        z-index:20;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#content ul {
	list-style-type: disc;
	color: #055056;
}

#content ul li span {
	color: #666666;
	text-align: left;
}


.about { 
position:relative;
margin:0px auto 15px auto;
padding:0 0 0px 0;
width:90%;
text-align:center;

}


#regulatory {
  width:90%;
  margin:0; 
  padding:5px 0 5px 0;
}

#regulatory a {
  color:#c2c2c2;
}


#footer {
    clear:both;
    position:relative;
	color: #ffffff;
	max-width: 1000px;
	width:100%;
    background: #020181;  
	margin:0 0 0px 0;
	
}


#footer p {
color:#ffffff;
padding:5px 0 0 5%;
margin:0;
width:90%px;
font-size:12px;
text-align:center;
}



.clear {
	clear: both ;
	height: 0 ;
	overflow: hidden ;
}

.clientlogin p {
    clear:both;
    padding:  550px 0 0 25px !important;
}


#top_nav {
 position: relative;
  margin:auto;
  top:0;
  left:0;
  margin:0 0 0 20px;*/
  padding-top:10px; 
  padding-top:5px;
 width: 875px;
  height: 37px;
  color:#00000;
  /*display:block;*/
  z-index:1000 !important;
}


#sidenav {
    clear:both;
    position:relative;   
	float:left;
	width:25%;
    font-size: 0.9em ;
    margin: 25px 0px 20px 0;
	padding:0 25px 0 0; 
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#sidenav ul {
    margin: 0 0 30px 0 ;
    list-style-type: none ;
    padding: 0px 1px 0 0;
}

#sidenav li  {
    padding: 0 0 2px 0 ;
    
}

#sidenav li.home a {
    margin: 0 ;
}

#sidenav li a {
    display: block ;
    margin: 1px 0 0 0 ; 
    padding: 5px 0 10px 15px ; 
    color:#020181;
	/*text-transform:uppercase;*/
	font-weight:normal;
    font-size:1.2em;
    text-decoration: none ;
	border-bottom: 1px solid #c2c2c2;
}

#sidenav li a:hover {
   color:#0a3255;
    
}


#sidenav ul li ul li.subnav a:visited {
     font-weight:bold;
     color: #000000;
}
 

#sidenav h3 {                      
    font-size: 12px;
    padding: 5px 0 5px 15px ;
    color: #fff ;
    font-weight: normal ;
    margin: 1px 0 1px 0 ;
    border-bottom: 2px solid #0a3255;
	text-decoration:none;
}

#sidenav li:hover>a, #sidenav li>a:hover { color:#666666;}

#news_feed {
   position:relative;
   float:left;
   width:210px;
   margin: 0 0 0 0;
   padding:0 35px 0 0;
   height:auto;
}


#container {
position:relative;
width:95%;
max-width:1000px;
/*height:110px;*/
height:auto;
overflow:hidden;

z-index:400;
}

#container h3 {
    color:#0d57a4;
	font-size: 0.9em ;
	margin:0; 
	font-family: Arial, Helvetica, sans-serif ;
    text-shadow:0 1px 1px 1px #ffffff;
	font-weight:normal;
	}

.phone-us {
    padding: 0px 0 10px 0px;
    background-color: #f5f5f5;
	z-index:400;
	margin:0 0 0px 0;
}

.contact-us {
    padding: 20px 0 0px 20px;
    background-color: #f5f5f5;
	z-index:400;
	margin:0 0 0px 0;
}



.grey-arrow-wrapper {
position:relative;
width:60px;
height:40px;
margin:0 auto;
padding:0


}
.grey-arrow {
    position:absolute;
    left:0;
	top:0;
    border-top: 20px #f5f5f5 solid;
    border-left: 20px transparent solid;
    border-right: 20px transparent solid;
	z-index:400;
}

.white-arrow {
    position:absolute;
    left:50%;
	top:0;
	margin:0 0 0 -20px;
    border-top: 20px #ffffff solid;
    border-left: 20px transparent solid;
    border-right: 20px transparent solid;
	z-index:400;
}

.contact-us h1 {
    margin: 0 0 5px 0;
	padding:0;
    font-size: 1.5em;
    font-weight: normal;
	color:#020181;
}

#special {
	position: relative;
	float: left;
	max-width: 1000px;
	width:100%;
	height:150px;
	padding: 2em 0 1em 0;
	z-index: 100;
	background-color:#f5f5f5;
}


#special .special {
	position: relative;
	margin:3px 0 3px 7px;
	width: 24%;
	height: 213px;
}
.testcont{text-shadow:1px 1px white;
              padding:5px 5px 5px 5px;
			  border:2px solid #0d57a4; -moz-border-radius:3px !important;border-radius:3px !important ; ; 
              margin:5px 0 5px 0;
			  font-family: Arial, Helvetica sans-serif ;
background-color:#ffffff;
  z-index:500;
			  }
			  

.testcont a{display:block; padding:3px 0;}

.testcont a, .testcont p {
  color:#444444;
  text-decoration:none;
  }

.arthead {
  padding:0 0 5px 0; 
  border-bottom:1px solid #ccc;
  margin:0 0 10px 0; 
  font-weight:bold; 
  margin:0 0 10px 0;
  color:#0d57a4;
  font-size:0.9em;
  }

.arthead a  {
color:#0d57a4;
font-size:1.2em !important;;
font-weight:bold;
}

.testcont h2 {
color:#0d57a4;
font-size:0.9em !important;;
font-weight:bold;
}

.testcont p {
font-size:0.9em;
}

#news_feed {
   position:relative;
   float:left;
   width:210px;
   margin: 0 0 0 0;
   padding:0 15px 0 0;
   height:auto;
}


#news_column1  {float:left; width:300px;padding-right:5px;}
#news_column2  {float:left; width:300px;}

.contact_table {width:800px}

.contact_table_col1, .contact_table_col3 {width:300px;}
.contact_table_col2 {width:80px;}

/* Responsive CSS */
iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}

iPhone 6:
@media screen and (device-aspect-ratio: 667/375) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

/* 1000px */

/* Responsive CSS */

@media (max-width: 1000px)  
{
#sidenav, .grey-arrow-wrapper, #services .service_image {display:none;}
#wrapper {margin:20px auto 20px auto;}
.contact-us {background:#ffffff; }

#services .service_text {
    margin: 0;
    width: 70%;
    height: auto;
	overflow:hidden;
}

#services {margin: 10px 0 10px 0px; 
}

}


@media (max-width: 935px)  
{
html {overflow-x: scroll;}

body {background: #ffffff;}

#wrapper_top {height:20px; background: #ffffff;}

/* alternative menu */
#alternative_menu
        {
                display:block;
        }
        .myMenu, #sidenav, #contact-us-container, #banner,  .wrapper, .caption 
        {
                display:none;
        }

#wrapper, #top_images_hr,  #content_main  {
	width:98%;
	padding: 0 1% 0 1%;
}

#phone-bar {height:100px;}

.logo {
position:relative;
width:350px;
height:38px;
padding:0 1% 0 0;
margin:10px 0 10px 10px;
background: url('../images/hedley-asset-logo-mobile.jpg') 0 0 no-repeat;
float:left;

}

.myMenu li a:link, .myMenu li a:visited {
	padding: 0.7em 2em 0.7em 0;
}

#footer .wrapper .column
{
		width:15%;
        margin-left:0 !important;
		margin-right:0 !important;
}

#footer .wrapper .column.fourth {
         margin-top:2%;
		 margin-left:2%;
}

#sidenav {
	width:20%;}


.contact_table {width:400px}

.contact_table_col1, .contact_table_col3 {width:150px; float:left;}
.contact_table_col2 {width:10px;}
}

@media (max-width: 800px) 
{


/* Header items */

#content, #content_home {
        float:left; 
		width:97%;
		max-width:790px;
        margin: 5px 0 5px 0;
}

#special .special {
	width: 48%;
}

}

 @media (max-width: 765px) 

 {



#footer .wrapper .column.fourth {
	   margin-top:2em;
}


/*#container, #special  { background-color: #ffffff; height:300px;}*/
.grey-arrow  {display:none;}

 }

@media (max-width: 560px)  
{

.logo  {
float:none;
position:relative;
}

#social_media, #login_area, #footer .wrapper .column {
width:50%;
}



#top_images {
height:auto;
}

.logo {display:block;}

#footer .wrapper .column.fourth {
	   margin-top:0;
 
 }



#footer .wrapper .column.second, #footer .wrapper .column.third, #footer .wrapper .column.fifth {display:none;}

#news_feed {padding:0;}
#news_feed, #twitter_feed {width:100%; margin:0 auto}

#special .special {
	width: 98%; margin:0 auto;
}


}