@charset "UTF-8";

/*------------------------------------------------------------------------------------------
					
					0. Reset
					1. Structure
					2. Header Stylings
					3. Navigation
					4. Content Stylings
					5. Footer Stylings
					6. Media queries
					7. DotNetNuke Controls Stylings					
					
------------------------------------------------------------------------------------------*/

/* ==========================================================================
   0. Reset
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {display: block;}

audio,
canvas,
video {display: inline-block;*display: inline;*zoom: 1;}

audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}

html {/* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}

html,body {font-size: 100%;}

html,
button,
input,
select,
textarea {font-family: sans-serif;}

body {margin: 0;}

a:focus {outline: thin dotted;}

a:active,
a:hover {outline: 0;}

h1 {font-size: 2em;margin: 0.67em 0;letter-spacing: 0;font-weight: normal;margin: 0;}
h2 {font-size: 1.5em;margin: 0.83em 0;letter-spacing: 0;font-weight: normal;margin: 0;}
h3 {font-size: 1.17em;margin: 1em 0;letter-spacing: 0;margin: 0;}
h4 {font-size: 1em;margin: 1.33em 0;letter-spacing: 0;margin: 0;}
h5 {font-size: 0.83em;margin: 1.67em 0;letter-spacing: 0;}
h6 {font-size: 0.75em;margin: 2.33em 0;letter-spacing: 0;}

abbr[title] {border-bottom: 1px dotted;}

b,
strong {font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

mark {background: #ff0;color: #000;}

p,
pre {margin: 1em 0;}

code,
kbd,
pre,
samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}

pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}

q {quotes: none;}

q:before,
q:after {content: '';content: none;}

small {font-size: 80%;}

sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

dl,
menu,
ol,
ul {margin: 1em 0;}

dd {margin: 0 0 0 40px;}

menu,
ol,
ul {padding: 0 0 0 40px;}

ol li {
	padding-bottom: 15px;
}

nav ul,
nav ol {list-style: none;list-style-image: none;}

img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}

svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

form {margin: 0;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend {border: 0; /* 1 */padding: 0;white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}

button,
input,
select,
textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}

button,
input {line-height: normal;}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */*overflow: visible;  /* 4 */}


button[disabled],
input[disabled] {cursor: default;}

input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */*height: 13px; /* 3 */*width: 13px; /* 3 */}

input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}


button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}

textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}

table {border-collapse: collapse;border-spacing: 0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

img, object, embed { max-width: 100%;}
img { height: auto;}


/*----------------------------------------------------------------------------------------*/
/*    1. Structure                                                                   */
/*----------------------------------------------------------------------------------------*/

.Museo-300 { 
	font-family: Museo-300;
	font-weight: normal;
	font-style: normal;
}

/*html.home-bg {
	background-color: #85c226;
}

html.secondary-bg {
	background-color: #fff;
}*/

body {
  font-family: Arial, sans-serif;
  font-size: 0.875em;
  /*font-size: 1em;*/
  line-height: 1.6em;
  color: #67686a;
}

a {text-decoration: none;}

a, a:hover, a:focus, a:active, a:visited {
	color: #1da3e0;
}

p {
  margin: 0 0 1.7em 0;
}

ul {
	margin-top: 5px;
}

h1,h2,h3,h4 {
    line-height: 1em;
}

h1 {
  margin-bottom: 25px;
  font-family: Museo-300;
  font-size: 30px;
  font-weight: bold;
}

h2 {
  font-family: Museo-300;
  margin-bottom: 25px;
  font-size: 24px;
    font-weight: bold;
}

h3 {
  margin-bottom: 8px;
  font-size: 1.125em;
  color: #1da3e0;
}

h4 {
  margin-bottom: 7px;
  font-size: 1em;
  color: #000;
}

.Home {
  width:100%;
  position:relative;
  z-index:1;
  min-height:100%;
  /*padding-top: 175px;*/
}

.TwoColRight,
.SingleCol {
  width:100%;
  position:relative;
  min-height:100%;
}

#wrapper {
max-width: 980px;
margin: 0 auto; }

#panes {
max-width:980px;
margin: 40px 0; }

#DNN6.Home #dnn_ContentPane,
#DNN6.Home #dnn_BluePane1,
#DNN6.Home #dnn_WhitePane2,
#DNN6.Home #dnn_BluePane2,
#DNN6.Home #dnn_WhitePane3,
#DNN6.Home #ContactPane,
#DNN6.Home #dnn_WhitePane4 {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 10px;
}

#DNN6.Home #ContactPane { 
	position: relative;
}

#DNN6.TwoColRight #dnn_ContentPane {
	float: left;
	width: 660px;
	padding-right: 39px;
	border-right: 1px dashed #ebebeb;
}

#Dnn6.SingleCol #dnn_ContentPane {
	width: 100%;
}

#DNN6.TwoColRight #dnn_RightPane {
	float: right;
	width: 260px;
	padding-left: 20px;
}

#DNN6.TwoColRight #ContactPane,
#DNN6.SingleCol #ContactPane {
	width: 980px;
	margin: 0 auto;
}

.Flexible-container {
    position: relative;
    padding-bottom: 36.25%;
    padding-top: 30px;
    padding-left: 1%;
    padding-right: 1%;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
}

/*----------------------------------------------------------------------------------------*/
/*    2. Header Stylings                                                        */
/*----------------------------------------------------------------------------------------*/

.header-panel {
  width: 100%;
  background-color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 999;
}

.header-panel-sec {
	width: 100%;
	height: 140px;
	background-color: #fff;
}

.header {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
    padding: 0 10px;
}

.logo {
  max-width: 591px;
  padding: 20px 0;
}

.social-media {
  width: auto;
  position: absolute;
  top: 7px;
  right: 15px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.social-media li {
  display: block;
	float: left;
	width: auto;
	padding: 0;
	margin-right: 7px;
}

.social-media li.phone-number {
  padding-left: 40px;
  background: transparent url('images/phone-icon.png') center left no-repeat;
  font-family: Museo-300;
  font-size: 20px;
  color: #000;
  line-height: 29px;
  font-weight: bold;
}

.page-title-panel {
	width: 100%;
	height: 45px;
	background-color: #3f4447;	
}

.page-title {
	width: 980px;
	margin: 0 auto;
}

span.page-heading {
	display: block;
	font-family: Museo-300;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	line-height: 47px;
}
	    	 
/*----------------------------------------------------------------------------------------*/
/*    3. Navigation Stylings                                                   */
/*----------------------------------------------------------------------------------------*/

/* Main Menu */

.main-menu {
  width: auto;
  height: 28px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
}

.main-menu li {
  display: inline;
}

.main-menu li a {
  display: block;
	float: left;
	width: auto;
	padding: 4px 7px;
	margin-right: 17px;
	font-family: Museo-300;
	text-align: center;
	color: #3f4447;
	font-size: 1.23em;
	/*line-height: 1em;*/
	text-decoration: none;
}

.main-menu li:last-child a {
    margin-right: 0;
}

.main-menu li a:hover,
.main-menu li.active a {
  color: #fff;
  background-color: #1da3e0;
}

.main-menu li a.home-button {
	width: 25px;
	height: 23px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: transparent url('images/home-sprite.png') -25px 0 no-repeat;
}

.main-menu li a.home-button:hover,
.main-menu li.active a.home-button {
	background-position: 0 0;
	background-color: transparent;
}

/* DNN Menu */
#nav-container nav {
width:720px;
height:auto;
float: left;
z-index: 1000;
position: relative; }

nav[role="navigation"] {

}

/*----------------------------------------------------------------------------------------*/
/*    4.  Content Stylings                                                      */
/*----------------------------------------------------------------------------------------*/

.blue-section-panel {
 width: 100%;
 height: auto;
 background: #1da3e0 url('images/blue-panel-bg.jpg') top left repeat;
}

.white-section-panel {
  width: 100%;
  min-height:500px;
  padding: 50px 0;
  background: #fff url('images/diagonal-bg.jpg') left top repeat-x;
}

.wts {
    background: transparent url('images/binders-icon.png') 5% bottom no-repeat;
}

.rc {
    background: transparent url('images/handshake-icon.png') 5% bottom no-repeat;
}

.qa-bg {
    padding: 50px 0;
    background: transparent url('images/question-icon.png') 5% bottom no-repeat;
}
.who-we-are-bg {
    padding: 50px 0;
    background: transparent url('images/who-we-are-icon.png') 5% bottom no-repeat;
}

.where-to-bg {
  background: transparent url('images/road-sign-icon.png') 5% bottom no-repeat;
}

a.button {
	display: block;
	font-family: Museo-300;
	font-size: 22px;
	line-height: 1.136em;
	padding:  12px 10px;
	max-width: 600px;
	margin: 0 auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

a.blue {
	color: #fff;
	background-color: #1da3e0;
}

a.blue:hover {
	color: #fff;
}

a.white {
	color: #1da3e0;
	background-color: #fff;
}

a.white:hover {
	color: #1da3e0;
}

.hero-section {
  max-width: 980px;
  min-height: 400px;
  margin: 0 auto;
  padding:0 10px;
  position: relative;
  text-align: left;
}

.hero-image {
  float: right;
  margin-top: -70px;
  margin-right: 50px;
}

.tagline {
	display: block;
	font-family: Museo-300;
	font-size: 50px;
	line-height: 54px;
	color: #fff;
}

.recent-cases-cta,
.contact-cta,
.where-start-cta {
	position: absolute;
	left: 10px;
}

.where-start-cta {
	top: 193px;
}

.recent-cases-cta {
	top: 250px;
}

.contact-cta {
	top: 307px;
}

/* Bios Section */
/*.bios-col-1 {
  float: left;
  width: 444px;
  padding-right: 45px;
  border-right: 1px dashed #ebebeb;
}

.bios-col-2 {
  float: left;
  width: 445px;
  padding-left: 45px;
}

.profile {
  min-height: 388px;
  padding-top: 23px;
  padding-bottom: 21px;
  border-bottom: 1px dashed #ebebeb;
}

.featured {
	background-color: #85c226;
	color: #fff;
}

.profile-pad {
	padding: 15px;
}

.featured h3 {
	color: #fff;
}

.bios-col-1 .profile:first-child,
.bios-col-2 .profile:first-child {
  padding-top: 0;
}

.bios-col-1 .profile:last-child,
.bios-col-2 .profile:last-child {
  border-bottom: none;
  padding-bottom: 0;
}*/

/* Suppliers Section */
/*.supplier-col1 {
  float: left;
	width: 480px;	
	margin-right: 10px;
}

.supplier-col2 {
	float: left;
	width: 480px;
	margin-left: 10px;
}

.suppliers h2 {
	font-size: 24px;
	line-height: 24px;
	color: #353A3D;
	margin-bottom: 0;
}

.suppliers p {
	color: #fff;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.highlight {
	font-weight: bold;
}*/

/* Footer Styles */
#dnn_ContactLeftPane{
	float: left;
	width: 48%;	
	margin-right: 2%;
}

#dnn_ContactRightPane {
	float: right;
	width: 48%;
}

span.contact-intro {
	display: block;
	margin-bottom: 25px;
	font-family: Museo-300;
	font-size: 42px;
	line-height: 42px;
	text-transform: uppercase;
	color: #fff;
}

span.footer-email,
span.footer-call,
span.footer-agreement {
	display: block;
	height: 54px;
	font-family: Museo-300;
	font-size: 31px;
	line-height: 54px;
	text-transform: uppercase;
	color: #fff;
	padding-left: 65px;
}

span.footer-email {
	margin-bottom: 12px;
	background: transparent url('images/email-icon.png') left center no-repeat; 
}

span.footer-email a {
	color: #000;
	text-decoration: none;
}

span.footer-email a:hover {
	text-decoration: underline;
}

span.footer-call {
  margin-bottom: 12px;
	background: transparent url('images/phone-icon.png') left center no-repeat; 
}

span.footer-agreement {
	background: transparent url('images/agreement-icon.png') left center no-repeat; 
}

span.footer-agreement a {
	text-decoration: none;
}

span.footer-agreement a:hover {
	text-decoration: underline;
}

#dnn_ContactLeftPane ul,
#dnn_FooterRightPane ul {
	margin: 0;
	padding: 30px 0 5px 0;
	list-style-type: none;
}

#dnn_FooterRightPane ul {
	padding-top: 0;
	float: right;
}

#dnn_ContactLeftPane ul li,
#dnn_FooterRightPane ul li {
	display: block;
	float: left;
	width: auto;
	padding: 0;
	margin-right: 7px;
}

#Copyright {
	margin-bottom: 10px;
}

#DNN6.Home #ContactPane {
	padding-top: 50px;
	padding-bottom: 50px;
}

#ContactPane a,
#ContactPane a:hover,
#ContactPane a:focus,
#ContactPane a:active,
#ContactPane a:visited {
	color: #fff;
}

/* Contact Form Stylings */
.contact-form .cf-input {
	width: 98%;
	/*max-height: 40px;*/
	padding: 0 5px;
	font-size: 14px;
	line-height: 40px;
	border: none;
}

.contact-form .cf-textarea {
	width: 98%;
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.3em;
	border: none;
}

.captcha input {
	max-height: 40px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 40px;
	border: none;
}

.captcha div {
	color: #fff;
}

.contact-form .cf-label {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
}

.submit-button {
	 display: block;
   width: 100%;
   font-family: Museo-300;
	 font-size: 22px;
	 color: #fff;
	 text-transform: uppercase;
	 line-height: 2em;
	 background-color: #000;
	 background-color: rgba(0,0,0,0.7);
   border: none;
   cursor: pointer;
}

.error-msg {
	background-color: #ff0000;
	color: #fff;
	padding: 2px 5px;
}

.success-msg {
	display: block;
	background-color: #71B604;
  color: #FFFFFF;
  font-size: 17px;
  padding: 10px 15px;
  border: 3px solid white;
}

/* News Section */
.post {
	margin-bottom: 60px !important;
}

.post-title a {
	font-size: 30px !important;
	line-height: 30px;
}

.DnnModule-SunBlog {
	margin-bottom: 30px !important;
}

.news-article {
	padding: 40px 0 16px 0;
	border-bottom: 1px dashed #ebebeb;
}

.news-article h3 {
	font-size: 20px;
}

.news-article:first-child {
	padding-top: 0;
}

.news-article:last-child {
	/*padding-bottom: 0;*/
	border-bottom: none;
}

.js-commentsClosed {
	display: none;
}

#twitter-widget-0 {
 width: 100% !important;
}

.mobile-menu {
    height: 33px;
}

.slicknav_menu,
.mobile-menu {
    display:none;
}

.mobile-menu .slicknav_menu {
    background-color: transparent;
    margin: 0;
    padding: 0;
    background-color: #5e5f61;
}

.mobile-menu .slicknav_menu .slicknav_nav a {
    padding: 10px;
}

.mobile-menu .slicknav_menu .slicknav_nav a:hover {
    border-radius: 0;
    background-color: #545557;
    color: #fff;
}

.mobile-menu .slicknav_btn {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    text-shadow: none;
}

.mobile-menu .slicknav_menu .slicknav_menutxt {
    font-family: Museo-300;
    text-shadow: none;
}

/*Footer styles */
#Copyright span.SkinObject {
font-weight:normal;
display: block;
float: left; }

#Copyright a.SkinObject {
float:right;
font-weight:normal; }

#Copyright a.SkinObject:link, 
#Copyright a.SkinObject:active, 
#Copyright a.SkinObject:visited {
color: #1da3e0;
padding:0 0 0 15px; }
 
#Copyright a.SkinObject:hover {
color: #1da3e0;
text-decoration: underline; }

/*----------------------------------------------------------------------------------------*/
/*    6.  Media Queries                                                        */
/*----------------------------------------------------------------------------------------*/
@media handheld, only screen and (max-width: 980px) {
    .main-menu li a {
        font-size: 1.149em;
        margin-right: 5px;
    }
    .tagline {
        max-width: 400px;
        font-size: 48px;
        line-height: 50px;
    }
    .hero-image {
        margin-top: -150px;
    }
}

@media handheld, only screen and (max-width: 860px) {
    .main-menu li a {
        float: none;
    }
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu,
    .js .mobile-menu {
		display:block;
	}	
 }
 
 @media handheld, only screen and (max-width: 800px) {
	 #dnn_ContactLeftPane,
	 #dnn_ContactRightPane {
			float: none;
			width: 100%;	
			margin-right: 0;
			}
			 #dnn_ContactLeftPane {
				 margin-bottom: 40px;
			 }
			#Copyright span.SkinObject {
				float: none;
			}
			#Copyright a.SkinObject:link, 
			#Copyright a.SkinObject:active, 
			#Copyright a.SkinObject:visited  {
				float:none;
				display: block;
				padding-left: 0;
			}
  }
 
  @media handheld, only screen and (max-width: 760px) {
    .tagline {
        max-width: 100%;
    }
    .hero-image {
        margin-top: 20px;
        float: none;
        margin-bottom: 220px;
    }
    .where-start-cta {
        top: 413px;
    }
    .recent-cases-cta {
        top: 470px;   
    }
    .contact-cta {
        top: 527px;
    }
  }
    
  @media handheld, only screen and (max-width: 600px) {
    .social-media {
        position: relative;
        width: 260px;
        margin: 0 auto 10px auto;
        top:auto;
        right: auto;
    }
      
    .logo {
        padding-bottom: 10px;  
    }
    .tagline {
        font-size: 36px;
        line-height: 38px;
    }
    .hero-image {
        width: 260px;    
    }
    .wts,
    .where-to-bg,
    .rc,
    .qa-bg,
    .who-we-are-bg {
    background-image: none;
			} 
			a.button {
				font-size: 15px;
			}    
  }

/*----------------------------------------------------------------------------------------*/
/*    7.  DotNetNuke Controls Stylings                                 */
/*----------------------------------------------------------------------------------------*/

/* Password Information */
#Passwords{margin:2em 0;padding:0;}
#Passwords li{display:inline-block;height:62px;width:305px;background:url(images/Icons.png) no-repeat -256px -64px;margin:0 15px 0 0;padding:0;list-style-type:none;}
#Passwords li.Host{margin:0;}
#Passwords span.SubHead{display:block;color:#FFF;font-size:14px;padding:11px 0 8px 15px;}
#Passwords span.Password{color:#FFF;padding:0 0 0 15px;}
p.Disclaimer{clear:both;color:#666666;font-size:11px;line-height:14px;}
/* Default Over-rides */
#ControlPanelWrapper #dnnCPWrap{filter:none !important;}
/* Modules */
.DnnModule{margin: 0;}
/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}
#iPopUp{display:none;}
.eipbackimg{z-index:1000;}
/* Fonts */
.Normal{font-size:1em;line-height:1.7em;color:#484848;}
.SubHead{color:#333;}
/* Language Object */
.language-object { display:inline-block; margin-left: 5px; }
.SkinObject {color:#484848;}

/*----------------------------------------------------------------------------------------*/
/*    7.  Print Styles                                                              */
/*----------------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}