@charset "UTF-8";
/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* Structure */
body {background:url(images/background.jpg) repeat ;font-family: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 100%;
line-height: 1.5; font-weight:400;
}
body, ul, li, p {margin:0; padding:0;}

/* Structure */

#wrapper {
width: 96%;
max-width: 920px;
margin: 0 auto;
padding: 1%;
}

#banner {
float: left;
position:relative;
margin-bottom: 15px;
width: 100%;
background-color:#ffffff;
-moz-border-radius : 5px; /* Firefox */
-webkit-border-radius : 5px; /* Safari & Chrome */
-khtml-border-radius : 5px; /* Linux browsers */
border-radius : 5px; /* CSS3 compatible browsers */
-moz-box-shadow : 0px 0px 4px #c7cacd; /* Firefox 3.5+ */
-webkit-box-shadow : 0px 0px 4px #c7cacd; /* Safari 3+ & Chrome */
box-shadow : 0px 0px 4px #c7cacd; /* CSS3 compatible browsers */
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd'); /* IE 5.5 - 7 */
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd')"; /* IE 8 */
}
#main {
width: 73%;
margin-bottom:15px;
float: right;
background-color:#ffffff;
-moz-border-radius : 5px; /* Firefox */
-webkit-border-radius : 5px; /* Safari & Chrome */
-khtml-border-radius : 5px; /* Linux browsers */
border-radius : 5px; /* CSS3 compatible browsers */
-moz-box-shadow : 0px 0px 4px #c7cacd; /* Firefox 3.5+ */
-webkit-box-shadow : 0px 0px 4px #c7cacd; /* Safari 3+ & Chrome */
box-shadow : 0px 0px 4px #c7cacd; /* CSS3 compatible browsers */
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd'); /* IE 5.5 - 7 */
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd')"; /* IE 8 */
}
aside {
width: 25%;
float: left;
margin-right: 2%;

}
.content {
padding:20px 40px;
}

/* Header */


header h1 {
height: 100px;
float:left;
font-size:1.25em;
color:#555555;
font-weight:300;
margin:20px 0 5px 0;
width:47%;
min-width:180px;
}
header h1 span {
color:#00afdd;
font-weight:600;
}
header h1 strong {
color:#000000;
font-weight:400;
}
img#logo {
float:left;
margin-right:5%;
padding-bottom:15px;
width:22%;
min-width:150px;
max-width:184px;
}
header #stepping-stones {
position:absolute;
right:25px; top:5px;
width:24%;
max-width:194px;
}

/* Nav */

aside nav {background-color:#00afdd;
-moz-border-radius : 5px; /* Firefox */
-webkit-border-radius : 5px; /* Safari & Chrome */
-khtml-border-radius : 5px; /* Linux browsers */
border-radius : 5px; /* CSS3 compatible browsers */
-moz-box-shadow : 0px 0px 4px #c7cacd; /* Firefox 3.5+ */
-webkit-box-shadow : 0px 0px 4px #c7cacd; /* Safari 3+ & Chrome */
box-shadow : 0px 0px 4px #c7cacd; /* CSS3 compatible browsers */
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd'); /* IE 5.5 - 7 */
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c7cacd')"; /* IE 8 */
margin-bottom:1.5em;
padding:1em 0;
}
aside nav li {
list-style:none;
width:100%;
border-bottom:2px dotted #c6edf7;
font-size:.9em;
}
aside nav li:first-child {
border-top:2px dotted #c6edf7;
}
aside nav li a{
color:#ffffff;
text-decoration:none;
font-weight:700;
background:url(images/black_circle.png) no-repeat 2% center;
padding:2% 1% 2% 14%;
display:block;}

aside nav li a.active, aside nav li a:hover{
color:#fd7802;
text-decoration:none;
font-weight:700;
background:url(images/blue_circle.png) no-repeat #ffffff 2% center;
display:block;}

#skipTo {
display: none;
}
#skipTo li {
background: #b1fffc;
}

/* accordion */

.accordionIcon { height:15px; width:15px; float:right; margin-top:5px; }
.accordionButton:Hover {  cursor:pointer; }
.plus { background:url(images/plus-sign.png); }
.minus { background:url(images/minus-sign.png); }


/* map */

.iframe-rwd  {
position: relative; padding-bottom: 65.25%; height: 0; overflow: hidden; border:1px solid #c4c4c4;}
.iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Footer */

footer {clear:both; background-color:#333333;
width:100%;color:#ffffff; }
footer p{font-size:.95em;color:#ffffff;text-align:center; }
footer p span{font-size:1em;color:#00afdd; font-weight:400;}


/* Typography */

a img {border:0;}
p {
font-size:.8em;
font-weight:400;color:#555555;margin-bottom:.5em;padding-bottom:.5em;}
p.intro {
font-size:.85em;
font-weight:500;color:#000000;}
p.outro {font-size:.8em;font-weight:400;color:#000000;font-size:.8em;margin-top:1em;}
#main ul {margin-bottom:1em;padding: 0 10px;}
#main li {list-style-type:none;font-size:.8em;border-bottom:2px dotted #00afdd;padding:1%;
}
p span {color:#00afdd;font-weight:600;}

a {color:#fd7802;text-decoration:underline;font-weight:600;}
h2 {margin: 0 0 .3em 0;color:#00afdd;font-size:1.3em;font-weight:700;

}
h2 span{color:#000000;
}
h3 {margin: 0 0 .6em 0;color:#00afdd;font-size:.9em;
}

/* Form */


fieldset { width:100%; margin:1em 0 1em 0; border:0; padding:0;}

label { clear:both; font-weight:400; float:left; width:18%; height:14px; padding:4px 0; color:#555555; font-size:.8em; margin-right:2%}
input, textarea {width:78%; float:right;height:16px;padding:3px; border:1px solid #c4c4c4; font-size:.8em; color:#999999;margin-bottom:1em;font-family: 'Open Sans', sans-serif; }
.textbox_error { border:1px solid red; }
textarea {height:50px;}
input#go {background-image: -ms-linear-gradient(bottom, #00afdd 0%, #59dafc 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #00afdd 0%, #59dafc 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #00afdd 0%, #59dafc 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00afdd), color-stop(1, #59dafc));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #00afdd 0%, #59dafc 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #00afdd 0%, #59dafc 100%);-moz-border-radius : 5px; /* Firefox */
background-color:#59dafc;
-webkit-border-radius : 5px; /* Safari & Chrome */
-khtml-border-radius : 5px; /* Linux browsers */
border-radius : 5px; /* CSS3 compatible browsers */
padding:1px 10px 5px;
cursor:pointer;
text-transform:uppercase;
color:#ffffff; 
font-weight:700;
font-size:.85em;
height:26px;width:100px;
clear:both;
}

/* Specifics */

#change h3, h3#change {
	background:transparent url(images/change.png) no-repeat;
	padding-left:50px;
	height:25px;}
#mergers h3, h3#mergers {
	background:url(images/mergers.png) no-repeat ;padding-left:50px;height:25px;}
#post-mergers h3, h3#post-mergers {
	background:url(images/post-mergers.png) no-repeat ;padding-left:50px;height:25px;}
	
h3#step1 {
	background:url(images/1.png) no-repeat ;padding-left:35px;height:25px;}
h3#step2 {
	background:url(images/2.png) no-repeat ;padding-left:35px;height:25px;}
h3#step3 {
	background:url(images/3.png) no-repeat ;padding-left:35px;height:25px;}
h3#step4 {
	background:url(images/4.png) no-repeat ;padding-left:35px;height:25px;}
	
div.expandable {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F6F7 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F6F7 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F6F7 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #F5F6F7));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F6F7 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #F5F6F7 100%);-moz-border-radius : 5px; /* Firefox */
-webkit-border-radius : 5px; /* Safari & Chrome */
-khtml-border-radius : 5px; /* Linux browsers */
border-radius : 5px; /* CSS3 compatible browsers */
-moz-box-shadow : 0px 0px 4px #c7cacd; /* Firefox 3.5+ */
-webkit-box-shadow : 0px 0px 4px #c7cacd; /* Safari 3+ & Chrome */
box-shadow : 0px 0px 4px #c7cacd; /* CSS3 compatible browsers */
padding:10px 10px 1px 10px;
margin-bottom:20px;}

div.expandable p, div.expandable li{ color:#333333;font-weight:400;}
div.expandable li{ color:#333333;font-weight:400;}
#main div.why li{ background:url(images/tick.png) 0 10px no-repeat; padding-left:20px;}
#main div.what li{ background:url(images/66.png) 0 10px no-repeat; padding-left:18px;}

#quote p {font-style:italic;font-weight:400; color:#000000; font-size:.9em; border-bottom:2px dotted #59dafc;border-top:2px dotted #59dafc;line-height:1.4em;padding-top:.5em;
}


/* Media Queries */
@media screen and (max-width: 950px) {
 
 body { font-size:95%;}
 header h1 {
	margin-top:10px;height:120px;}
}

@media screen and (max-width: 768px) {

 body { font-size:92%;}
 header h1 {
	 height:120px;width:40%;margin-top:10px;}
 .content { padding:15px 30px;}

}

@media screen and (max-width: 600px) {

 body { font-size:88%;}
 header h1 {
	 height:120px;width:51%;margin-top:10px;margin-right:0;float:right;}
 .content { padding:15px 25px;}
img#logo {
float:left;
width:40%;
min-width:150px;
max-width:184px;}
#stepping-stones{display:none;}

}
@media screen and (max-width: 460px) {
#skipTo {
display: block;
}
header nav, #main, aside, header h1 {
float: left;
clear: left;
margin: 0 0 15px;
width: 100%;
}
 header h1 {
	 height:60px;}
header nav li {
margin: 0;
background: #efefef;
display: block;
margin-bottom: 3px;
}
header nav a {
display: block;
padding: 10px;
text-align: center;
}
#stepping-stones{display:none;}
 body { font-size:85%;}
 
 .content { padding:10px 20px;}

}

@media screen and (max-width: 320px) {
#skipTo {
display: block;
}
header nav, #main, aside, header h1 {
float: left;
clear: left;
margin: 0 0 15px;
width: 100%;
}
 header h1 {
	 height:100px;}
header nav li {
margin: 0;
background: #efefef;
display: block;
margin-bottom: 3px;
}
header nav a {
display: block;
padding: 10px;
text-align: center;
}
#stepping-stones{display:none;}
 body { font-size:85%;}
 
 .content { padding:10px 20px;}

.cb { clear:both; }

img.accordionPointer {
	display:none;}