@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito-Regular'), url(http://fonts.gstatic.com/s/nunito/v7/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/nunito/v7/0rdItLTcOd8TSMl72RUU5w.woff) format('woff');

}


@charset "utf-8";
div.ccm-page div.ccm-pagination-wrapper{
float: left;
clear: both;
text-align: center
}
div.ccm-page .pagination > .active > a,div.ccm-page .pagination > .active > span,div.ccm-page .pagination > .active > a:hover,div.ccm-page .pagination > .active > span:hover,div.ccm-page .pagination > .active > a:focus,div.ccm-page .pagination > .active > span:focus{
background-color: #ff9900 !important;
border-color: #ff9900;
color: #fff;
cursor: default;
z-index: 2
}
div.ccm-page .pagination a{
color: #999 !important
}
div.ccm-page .pagination > li.active span{
background: #2a2a2a;
color: #fff;
border-color: #ccc
}
div.ccm-page .pagination > li.next a,div.ccm-page .pagination > li.next span{
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-right: 20px;
color: #ccc;
border-radius: 0
}
div.ccm-page .pagination > li.prev.disabled a,div.ccm-page .pagination > li.prev.disabled span{
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-left: 20px;
color: #ccc;
border-radius: 0
}
div.ccm-page .pagination > li > a{
font-size: 14px;
border-left: 0;
border-right: 0;
padding-top: 12px;
padding-bottom: 12px;
border-color: #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc
}
div.ccm-page .pagination > li > a:hover{
background: #f9f9f9;
color: #2a2a2a !important
}
div.ccm-page .pagination > li > span{
font-size: 14px;
border-left: 0;
border-right: 0;
padding-top: 12px;
padding-bottom: 12px;
border-color: #ccc
}
div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper{
width: 100%;
padding: 10px;
overflow: hidden
}
div.ccm-page div.ccm-block-page-list-page-entry-grid-item{
width: 32.333%;
margin: 10px .5%;
overflow: hidden;
float: left;
min-height: 240px
}
div.ccm-page div.ccm-block-page-list-page-entry-grid-item img{
width: 100%;
max-height: 240px
}
@media screen and (max-width: 768px){
div.ccm-page div.ccm-block-page-list-page-entry-grid-item{
width: 99%;
float: none
}
div.ccm-page div.ccm-block-page-list-page-entry-grid-item img{
width: 100%;
max-height: 100%
}

}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
border: 0;
margin: 0;
padding: 0
}
article,aside,figure,figure img,figcaption,hgroup,hr,footer,header,nav,section,video,object,details,main,summary{
display: block
}
audio,canvas,video{
display: block
}
a img{
border: 0
}
figure{
position: relative;
margin: 0
}
figure img{
width: 100%
}
img{
border: 0px
}
input[type="search"]{
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
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
}
table{
border-collapse: collapse;
border-spacing: 0
}
audio:not([controls]){
display: none;
height: 0
}
[hidden],template{
display: none
}
a{
background: transparent
}
a:focus{
outline: none
}
q{
quotes: "\201C" "\201D" "\2018" "\2019"
}
button,input,select,textarea{
font-family: inherit;
font-size: 100%
}
button,select{
text-transform: none
}
input[type="checkbox"],input[type="radio"]{
box-sizing: border-box;
padding: 0
}
a:active,a:hover{
outline: 0
}
object,embed{
max-width: 100%
}
.wrapper img{
max-width: 100%;
height: auto;
width: auto\9;
-ms-interpolation-mode: bicubic;
display: block
}
.youtubeBlock{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.youtubeBlock iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.wrapper{
width: 100%;
padding: 0;
min-height: 100%
}
.wrapper *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html{
min-height: 100%;
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: sans-serif;
position: relative
}
.Mysection{
clear: both;
padding: 0px;
margin: 0px;
width: 100%
}
.columns{
display: block;
float: left;
padding: 10px
}
.span12{
width: 100%
}
.span11{
width: 90%
}
.span10{
width: 85%
}
.span9{
width: 75%
}
.span8{
width: 66.666%
}
.span7{
width: 60%
}
.span6{
width: 50%
}
.span5{
width: 40%
}
.span4{
width: 33.333%
}
.span3{
width: 25%
}
.span2{
width: 16.666%
}
.span1{
width: 8.333%
}
.boxx20{
width: 19%
}
.boxx25{
width: 24%
}
.boxx30{
width: 29%
}
.boxx33{
width: 32.333%
}
.boxx35{
width: 34%
}
.boxx40{
width: 39%
}
.boxx45{
width: 44%
}
.boxx50{
width: 49%
}
.boxx55{
width: 54%
}
.boxx60{
width: 59%
}
.boxx65{
width: 64%
}
.boxx70{
width: 69%
}
.boxx75{
width: 74%
}
.boxx80{
width: 79%
}
.boxx85{
width: 84%
}
.boxx90{
width: 89%
}
.boxx100{
width: 99%
}
.boxx20,.boxx25,.boxx30,.boxx33,.boxx35,.boxx40,.boxx45,.boxx50,.boxx55,.boxx60,.boxx65,.boxx70,.boxx75,.boxx80,.boxx85,.boxx90,.boxx100{
float: left;
margin: 10px .5% 0 .5%;
padding: 10px
}
@media screen and (max-width: 768px){
body{
-webkit-text-size-adjust: none
}
.boxx20,.boxx25,.boxx30,.boxx33,.boxx35,.boxx40,.boxx45,.boxx50,.boxx55,.boxx60,.boxx65,.boxx70,.boxx75,.boxx80,.boxx85,.boxx90,.boxx100,.span12,.span11,.span10,.span9,.span8,.span7,.span6,.span5,.span4,.span3,.span2,.span1{
width: auto;
float: none
}

}
.columns{
margin: 1% 0
}
.contentHolder{
width: 100%;
max-width: 1260px;
margin: 20px auto;
padding: 0 20px !important;
clear: both;
position: relative
}
.wrapper .page-title{
padding: 10px
}
.wrapper .ccm-block-feature-item i{
font-size: 1.8rem
}
.ccm-block-page-list-wrapper,.thumbnail-page-list{
margin: 10px 0
}
.ccm-custom-style-pagefooter{
width: 100%;
clear: both;
margin: 0
}
.ccm-block-feature-item h4,.ccm-block-feature-item i{
color: #690
}
.Mysection .title-thin,.ccm-block-page-list-title{
font-family: 'Open Sans', Arial, sans-serif;
font-weight: normal !important;
padding: 0;
margin: 10px 0 0
}
.rslides_tabs{
display: none
}
.ccm-block-page-list-read-more,.btn-success{
background: #690;
display: inline-block;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
text-decoration: none;
color: #fff !important;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.ccm-block-page-list-read-more:hover,.btn-success:hover{
background: #6c0;
text-decoration: none !important;
color: #fff !important
}
.wrapper .breadcrumb{
margin-left: 15px;
display: inline-block;
list-style: none
}
.wrapper .breadcrumb li{
float: left;
margin: 0 5px
}
.wrapper .breadcrumb a{
text-decoration: none
}
div.alert-error,div.alert-danger{
color: #f00 !important
}
div.alert-success{
color: #690 !important
}
body{
background: #000;
color: #ccc;
font-size: 16px;
font-weight: 500;
font-family: Arial, sans-serif;
line-height: 24px;
margin-bottom: 50px;
background: url('graphics/celestialbg.png') no-repeat fixed;
background-size:cover;
}
#header{
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
background: rgba(0,0,0,0.75);
z-index: 100;
width: 100%;
margin: 0;
padding: 0;
min-height: 80px;
height: auto;
position: fixed;
border-bottom: 2px solid;
border-color: rgba(247,102,0,0.3)
}
#top{
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
height: auto
}
.wrapper .logo{
margin: 0px auto;
padding: 0 5px;
width: 75%;
max-width: 800px;
color: #999
}
.wrapper .logo a:hover{
color: #666
}
.topbox{
max-width: 1080px;
padding: 10px;
margin: 20px auto
}
.imageslider{
max-width: 1080px;
padding: 10px;
background: rgba(208,208,208,0.4);
border: 1px solid #ccc;
margin: 20px auto;
box-shadow: 0px 6px 6px -3px #666;
border-radius: .3em
}
.clearfix:before,.clearfix:after{
content: " ";
display: table
}
.clearfix:after{
clear: both
}
.imageslider img{
vertical-align: bottom
}
hr{
margin: 25px 0;
width: 100%;
clear: both;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525
}
.mainContent{
padding-top: 200px;
margin-bottom: 20px
}
.overlay{
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
background: rgba(0,0,0,0.58);
padding: 20px
}
.ctabutton{
overflow: hidden;
margin: 15px auto
}
.ctabutton a{
background: #0386e1;
color: #fff !important;
font-size: 24px;
margin: 10px 0;
display: block;
width: auto;
-webkit-transition: all .3s;
transition: all .3s;
padding: 15px;
border-radius: .2em;
height: auto;
float: left
}
.ctabutton a:hover{
background: #09f;
color: #fff !important
}
.wrapper .logo a,.wrapper .logo h1,.wrapper .logo h2{
color: #fff;
font-size: 36px;
font-weight: 500;
font-family: Open Sans;
line-height: 36px;
text-decoration: none;
-webkit-transition: .3s ease;
transition: .3s ease;
padding-top: 10px
}
h1, h2, h3, h4, h5, h6{
color: #239bbc;
font-weight: 500;
font-family: Open Sans;
text-transform: none
}
h1{
font-size: 4rem;
line-height: 48px;
}
h2{
font-size: 3rem;
line-height: 36px;
}
h3{
font-size: 2rem;
line-height: 36px;
}
h4{
font-size: 2rem;
line-height: 20px;
}
h5{
font-size: 2rem;
line-height: 20px;
}
h6{
font-size: 2rem;
line-height: 20px;
}
.wrapper .overlay a{
color: #8ec8d9;
text-decoration: none
}
.wrapper .overlay a:hover{
color: #f76600;
text-decoration: none
}
.flat-nav{
list-style: none;
clear: both;
overflow: hidden
}
.flat-nav li{
float: left;
margin: 5px
}
.ccm-block-social-links{
width: 100%;
clear: both
}
ul.list-inline a{
color: #0386e1 !important;
text-decoration: none
}
ul.list-inline a:hover{
color: #09f !important;
text-decoration: none
}
blockquote{
background: #1f1f1f;
color: #999;
font-size: 24px;
font-weight: 500;
font-family: Times;
font-style: italic;
line-height: 24px;
padding: 10px;
margin: 10px
}
blockquote:before{
content: open-quote;
content: "\201C";
font-size: 36px;
line-height: 36px
}
.wrapper .overlay ul{
margin-left: 15px;
list-style: none
}
.wrapper ul.vert{
list-style: none;
margin: 10px 0 !important;
clear: both;
float: left;
width: 100%;
max-width: 240px
}
.wrapper ul.vert li a{
margin: 0 0 5px 0;
padding: 10px;
display: block;
text-decoration: none;
background: #1f1f1f !important;
color: #f90 !important;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.wrapper ul.vert li a:hover{
background: #333 !important;
color: #fff !important
}
.wrapper p{
margin: 10px 0;
clear: both
}
.nav-button{
display: none
}
.navcon{
text-align: center;
width: 100%;
float: none;
margin: 0 auto;
clear: both
}
.dropdown ul li a:before{
color: #239bbc;
content: '+ '
}
.dropdown ul li a:hover:before{
color: #8ec8d9;
content: '+ '
}
.dropdown ul ul li a:before{
color: #239bbc;
content: '+ '
}
.dropdown ul ul li a:hover:before{
color: #fff;
content: '+ '
}
.dropdown ul li a:only-child:before{
content: ''
}
.dropdown ul ul li a:only-child:before{
content: ''
}
.dropdown ul li a.nav-path-selected:before{
color: #f76600;
content: '+ '
}
.dropdown ul ul li a.nav-path-selected:before{
color: #fff;
content: '+ '
}
.dropdown ul li a.nav-path-selected:only-child:before{
color: #8ec8d9;
content: ''
}
.dropdown select{
display: none
}
.dropdown{
text-align: center;
float: none;
display: block
}
.dropdown ul{
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style: none
}
.dropdown ul ul{
display: none;
padding-top: 10px;
margin: 0;
left: 0;
width: auto;
position: absolute;
z-index: 20;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
height: auto;
top: 42px;
background: transparent
}
.dropdown ul li{
float: left;
width: auto;
position: relative;
margin: 0 2px;
padding: 0
}
.dropdown ul li a{
text-transform: capitalize;
text-decoration: none;
position: relative;
z-index: 550;
display: block;
padding: 10px 15px;
color: #239bbc;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.dropdown ul li a:hover{
color: #8ec8d9
}
.dropdown ul ul li a{
background: rgba(0,0,0,0.75);
color: #239bbc
}
.dropdown ul li a.nav-path-selected{
color: #f76600 !important
}
.dropdown ul li:hover > ul{
display: block
}
.dropdown ul ul li{
float: none;
width: auto;
white-space: nowrap;
margin: 0 0 5px 0;
background: transparent;
text-align: left;
padding: 0
}
.dropdown ul ul li a{
padding: 10px 15px;
width: auto;
margin: 0;
box-shadow: 0px 0px 3px #333
}
.dropdown ul ul li a:hover,.dropdown ul ul li a.nav-path-selected{
background: #0386e1;
color: #fff !important
}
.dropdown ul ul ul{
display: none;
position: absolute;
left: 100%;
padding: 0 0 0 5px;
width: auto;
z-index: 20;
top: 0;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.drop ul ul{
position: absolute;
left: 100%;
top: 0;
padding: 0 0 0 10px;
background: none
}
.dropdown ul ul li.nav-dropdown:hover > ul{
display: block
}
#bottom{
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
background: rgba(0,0,0,0.75);
width: 100%;
padding: 0;
height: 60px;
margin: 0 !important;
position: absolute;
bottom: 0
}
.footer{
width: 90%;
max-width: 1200px;
font-size: .8em;
color: #999;
margin: 0 auto;
padding: 10px;
text-align: center
}
.footer a{
color: #999;
text-decoration: none
}
.footer a:hover{
color: #666
}
.searchResult span{
background: none !important;
font-weight: bold
}
.wrapper .ccm-search-block-form{
padding: 10px
}
.wrapper .ccm-block-type-form{
border: 2px solid;
border-color: #f76600;
padding: 20px;
background: rgba(0,0,0,0.25);
margin-top: 5px;
border-radius: .3em
}
.wrapper form{
margin-bottom: 20px
}
.wrapper fieldset{
margin-bottom: 20px
}
.wrapper input[type="text"],.wrapper input[type="password"],.wrapper input[type="email"],.fields textarea,.fields select{
border: 1px solid;
border-color: #333;
padding: 6px 4px;
outline: none;
border-radius: .3em;
font-size: 13px;
color: #CCC;
margin: 0;
width: 100%;
display: block;
margin-bottom: 20px;
background: #000
}
.wrapper input[type="text"]:focus,.wrapper input[type="password"]:focus,.wrapper input[type="email"]:focus,.wrapper textarea:focus{
border: 1px solid #aaa;
color: #444;
box-shadow: 0 0 3px #666
}
.wrapper textarea{
min-height: 60px;
resize: none
}
label,legend{
display: block;
font-weight: bold;
font-size: 13px
}
.wrapper input[type="checkbox"]{
display: inline
}
.wrapper label span,.wrapper legend span{
font-weight: normal;
font-size: 13px;
color: #999
}
.wrapper input[type="submit"]{
color: rgba(0,0,0,0.95);
background: #0386e1;
padding: 4px 12px;
display: inline-block;
font-weight: normal;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: 21px;
border: 1px solid #999;
border-radius: .3em;
-webkit-transition: .25s ease;
transition: .25s ease
}
.wrapper input[type="submit"]:hover{
background: #09f;
color: #4c4949
}
.pageLink span{
background: none !important
}
#up{
font-size: 36px;
color: #fff;
position: fixed;
top: 20px;
left: 10px;
cursor: pointer;
display: none;
z-index: 100;
-webkit-transition: .25s ease;
transition: .25s ease
}
#up:hover{
color: #eee
}
.ccm-image-slider-title{
color: #0386e1 !important
}
.ccm-image-slider-text{
color: #0386e1
}
@media screen and (max-width: 980px){
.mainContent{
padding-top: 200px
}
.navcon{
text-align: center;
width: 100%;
float: none;
margin: 0 auto;
clear: both
}
.dropdown{
text-align: center
}
.wrapper .logo,.wrapper .logo picture{
margin: 0 auto;
width: 100%;
min-width: 240px;
text-align: center;
float: none;
clear: both
}

}
@media screen and (max-width: 768px){
.mainContent{
padding-top: 200px
}
.nav-button{
display: block;
position: relative;
text-align: center;
width: auto;
height: auto;
margin: 0 0 10px 0;
padding: 10px 20px;
z-index: 1000;
background: rgba(0, 0, 0, 0.6);
border: 1px solid rgb(247, 102, 0);
border-radius: .2em;
font-size: 24px;
cursor: pointer;
color: rgb(35,155,188);
}
.nav-button:hover{
background: rgba(35, 155, 188, 0.6);
}
.nav-button.open{
background: rgba(35, 155, 188, 0.6);
color: rgb(247, 102, 0);
}
.dropdown{
text-align: left
}
.dropdown ul li a:before{
color: #fff;
content: '+ '
}
.dropdown ul li a:hover:before{
color: #fff;
content: '+ '
}
.dropdown ul ul li a:before{
color: #fff;
content: '+ '
}
.dropdown ul ul li a:hover:before{
color: #fff;
content: '+ '
}
.dropdown ul li a:only-child:before{
color: #f76600;
content: ''
}
.dropdown ul ul li a:only-child:before{
content: ''
}
.dropdown ul li a.nav-path-selected:before{
color: #f76600;
content: '+ '
}
.dropdown ul ul li a.nav-path-selected:before{
color: #fff;
content: '+ '
}
.dropdown ul li a.nav-path-selected:only-child:before{
color: #239bbc;
content: ''
}
.dropdown ul{
width: 100%;
display: block;
height: 50px;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute;
top: 75px;
left: 0px;
z-index: 98;
clear: both
}
.dropdown ul li{
display: none;
width: 100%;
margin: 0 !important;
padding: 0 !important;
float: left;
background: rgba(0, 0, 0, 0.75);
}
.dropdown ul li a{
-webkit-transition: none;
transition: none;
display: block;
width: 100%;
padding: 10px;
margin: 0;
text-shadow: -1px -1px 0 rgba(0,0,0,0.15);
color: white;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid rgba(255,255,255,0.1)
}
.dropdown ul li:hover a{
background: none;
border-top-color: transparent !important;
color: white
}
.dropdown ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.2)
}
.dropdown ul ul > li{
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid rgba(255,255,255,0.1);
box-shadow: none
}
.dropdown ul ul > li:last-child{
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid rgba(255,255,255,0.1)
}
.dropdown ul ul ul > li{
border-bottom: 1px solid rgba(0,0,0,0.2) !important;
border-top: 1px solid rgba(255,255,255,0.1) !important
}
.dropdown ul ul ul > li:last-child{
border-top: 1px solid rgba(255,255,255,0.1);
border-bottom: none !important
}
.dropdown ul.open{
height: auto;
padding-top: 50px
}
.dropdown ul.open li{
display: block
}
.dropdown ul > li:hover > a{
background: #000;
border-bottom-color: transparent
}
.dropdwon ul li .parent:hover,.dropdown ul ul li .parent:hover{
background: #000
}
.dropdown ul li ul{
position: relative;
display: none;
border-top: none;
padding: 0 !important;
margin: 0 !important;
width: 100%;
top: 0;
left: 0
}
.dropdown ul li ul a{
margin: 0;
border: none;
padding: 10px;
color: #fff !important;
box-shadow: none
}
.dropdown ul li:hover ul{
width: 102%;
border-top: none;
padding: 0 !important;
box-shadow: none;
margin: 0 !important;
background: rgba(20, 20, 20, 0.75);
}
.dropdown ul ul li{
text-indent: 15px;
margin: 0;
padding: 0
}
.dropdown ul ul li a:hover{
background: #999;
color: #fff !important;
margin: 0
}
.dropdown ul ul ul{
position: relative;
padding: 0 !important;
margin: 0 !important;
top: 0;
left: 0 !important
}
.dropdown ul ul ul li{
text-indent: 30px;
background: #666;
border: none;
box-shadow: none
}
.navcon{
width: 90%;
float: none;
margin: 0 auto
}
.wrapper h1,.wrapper h1 a{
font-size: 150%
}
.wrapper h2,.wrapper h3{
font-size: 130%
}
.logo h2,.logo h3{
padding: 0
}

}
@media screen and (max-width: 480px){
#header{
position: relative
}
.top{
padding-top: 5px
}
.mainContent{
padding-top: 0
}
#bottom{
height: auto !important;
overflow: hidden
}
#up{
display: none !important
}

}
.highlightImages{
}
.highlightImages img{
	float:left;	
}

.dropdown{
	font-family: 'Open Sans', sans-serif;    
}

.projectHeadline, .projectBlurb{
	display:inline-block;
	float:left;
	width:60%;
}

.projectPhoto{
	display:inline-block;
	float:right;
	
}
.projectSeparator{
	clear:both;
	height:15px;
}