a{
    color:#000;
}


 /* OLD BODY */

/*body {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

  background-color: #fff; /* Background color 

	color: #000;
    margin-top: 0px;
    margin-left: 0px;
    font-size:14px;
}*/


body {
    background: #3696CA; /*url("picts/background.jpg")no-repeat center center fixed;*/
         -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

/* ================== */

/* unvisited link */
a:link {
    color: #000;
}

/* mouse over link */
a:hover {
    color: #0CC2C0;
}

header {
	/* Color of header text */
	color: #fff;
	/* header background */
	background: #3696CA;
}

/* Color of header links */
header a {
	color: #fff;
}

.project-series .gallery-isotope .gallery-item {
  	border: none;
}

.top_bg {
   margin-top:-10px;
}

.phone_header {
   padding-bottom:0px;
   margin-top:-30px
}

.item-img-overlay{
 	background: url(/picts/overlay.png);
}

/* GALLERIES - Masonry Gallery Installed as a Series */


/* .project-title {text-transform: lowercase !important;}  */

.project-title {
    text-align: left important;
}

.projects-series { display: none; }

.gallery-links { display: none; }

.gallery-item {
  	border: none !important;
}

/* ANDREs CSS Projects borders, and title below - NOT LISTENING.*/

.project-series .gallery-isotope .gallery-item {
    text-transform: lowercase;
}

/* ANDRE SENT THIS CSS FOR VARIOIUS THINGS */

.masonry-series .item-img-overlay .portfolio-zoom {
 background: url(/picts/x.png);
}

.thumb-label-title-tags a {
 font-size: 12px;
}

/* END  --  ANDRE SENT THIS CSS FOR VARIOIUS THINGS */

.portfolio-zoom fa fa-arrows-alt{
    font-size:12;
    font-weight:normal;
    color:#333333;
}

.fa-arrows-alt{
    font-size:17;
    font-weight:normal;
    color:#333333;
}

/* Isotope and Masonry title bottom of TOC image */
.project-title{
    font-size:12;
    font-weight:normal;
    color:#333333;
}

/* Isotope and Masonry titles 
.title {
    margin-right: -50px;
} */

/* spacing between photos */
.gallery-item	  {
    padding:20px;
}

/* spacing between photos */
.thumb-label-item  {
    padding:10px;
}

.gallery-description {
    font-size:18pt;
    text-align:left;
    color:#ffffff;
}

.thumb-label-item-title {
    font-size:18pt;
    text-align:left;
    color:#ffffff;
}

.phone_header {

    margin-bottom:10px;
    margin-top: -10px;
}


.title {
    font-size:18pt;
    text-align:left;
    margin-left:0px;
    margin-bottom:20px;
    padding-top: 50px;
    color:#ffffff;
}

.page_title {
    font-size:18pt;
    text-align:left;
    margin-left:0px;
    margin-bottom:20px;
    padding-top: 30px;
    color:#ffffff;
}

.gallery-title {
    font-size:18pt;
    text-align:left;
    margin-left:20px;
    margin-bottom:20px;
    padding-top: 50px;
    color:#ffffff;
}

h1 {
  font-size: 42px;
  font-weight:bold;
  margin-top:20px;
  margin-left:20px;
  text-align:left;
}


h2 {
  font-size: 22px;
  font-weight:bold;
  margin-left:40px;
  margin-top: 10px;
  text-align:left;
}

/* PAGE TITLE - CURRENTLY  - WHY IS H3 USED FOR TITLE -  ???????????????????? */

h3 title{
  font-size: 24px;
  font-weight:bold;
  text-align:center;
  margin-top:80px;
  margin-bottom:-20px;
}

h3 {
  font-size: 24px;
  font-weight:bold;
  text-align:center;
  margin-top: 10px;
  margin-bottom:20px;
}


h5 {
  font-size: 20px;
  text-align:left;
  color:#9094ad;
  font-weight: bold;
}
h6 {
  font-size: 20px;
  text-align:left;
  color:#273162;
  font-weight: bold;
}
#title{
  display:inline;
}

.element-html {
  font-size: 18px;/*content text*/
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color:#ffffff;
  font-weight:bold;

}


.tree-back-to-series-link { display: none; }

.series-link-span i {display: none}


/* END --- TEXT SETTINGS - GLOBAL */

/* ========================================================== */

/* START ALL PAGE CSS */

/* ========================================================== */

/* Homepage */

.html-1765 {
	font-weight:normal !Important;
    color:white;
    font-size:18px;
    margin-top:10px;
    margin-right:30px;
    margin-left:30px;
}

/*smartbox border */
.html-1665 {
	margin-top: -20px;
	margin-bottom: 20px;
}

/* ABOUT */
.html-1769 {
   font-size: 18px;/*content text*/
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color:#ffffff;
  font-weight:normal !Important;
}

/* SERVICES */

.html-1772{
    font-size:30px;
	margin-top:0px;
    margin-bottom:20px;
}

.html-1770, .html-1771{
    font-size:18px;
    font-weight:normal;
	margin-top: 0px;
    margin-left:0px;
   
}

.single-image-1766 {
	margin-top:30px;
    margin-left:-10px;
    width:100%;
}

/*content text*/


/* END SERVICES */


/* CONTACT US */

/*  Contact Form - Sizing it Vertically */

.html-1775   {
    font-weight:normal !Important;
}

.contact-form-1777  textarea {
    height: 200px;
}

.contact-form-1777 {
    font-size:16px;
    color:white;
	font-weight:normal !Important;
}

.form-group {
    font-weight: normal;
}

/*.btn-primary {
  font-size: 18px !Important;/*content text
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align:center!Important;
  color:#ffffff;
  font-weight:bold;
}*/

/* Contact Form Only */

.btn-primary {
    background-image: linear-gradient(to bottom, #35BBD4 0px, #298293 60%);/* send button background */
    background-repeat: repeat-x;
    border-color: #ffffff;
    font-size:16pt;
    color:#ffffff;/* send button text color */
    font-weight:bold;
}

/* send button hover */
.btn-primary:hover {
  	background: #35BBD4; /* send button background on hover */
    font-size:16pt;
  	color:#ffffff; /*send button text color */
    font-weight:bold;
      
}

.contact-form-1777 .btn-primary {
    color:white;
    font-size:16pt;
    font-weight:normal;
}

/* TESTIMONIALS */

.testimonial {
  /*background-color:transparent!Important;*/
  opacity: 0.7;  
  font-size: 16px !Important;/*content text*/
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align:left!Important;
  margin-top:20px;
  margin-right:20px;
  margin-left:20px;
}

.testimonial-body {    
  font-size: 16px !Important;/*content text*/
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align:left!Important;
}

.testimonial-name {
  font-size: 18px !Important;/*content text*/
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align:left!Important;
  font-weight:normal;
  color:#ffffff!Important;
}

/* Removs Round Dummy Head Image t*/
.avatarspic { display: none; }

.author-wrapper {
    border:1px;
    color:#293064;
}

/* PROJECTS - GALLERY CSS */

/*gallery menu*/
.well {
    background-image: linear-gradient(to bottom, #FFF 0px, #FFF 100%);/*background color*/
    background-repeat: repeat-x;
    border-color: #ffffff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) inset, 0px 0px 0px rgba(255, 255, 255, 0.1);
}

.series-link-span {
 	font-size: 20px !Important;/*content text*/
  	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  	text-align:left!Important;
	color:#293064 !Important;
}

.gallery-link-span {
  	font-size: 16px !Important;/*content text*/
  	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  	text-align:left!Important;
	color:#293064 !Important;

}
.gallery-isotope .links {
	background-color: rgba(39, 159, 187, 0.5) !important;
}
.phone-header{
 font-weight: bold;
 font-size:24px;
 margin-top:30px;
}

/* ========================================================== */

/*PHONE CSS ONLY*/

/* ========================================================== */

@media (max-width:767px){
h1 {
  font-size: 24px;
  text-align:center;
  color:#FFFFFF;
  margin-left:5px;
  margin-right:5px;
}

h2 {
  font-size: 12pt;
  text-align:center;
  color:#FFFFFF;
  margin-left:5px;
  margin-right:5px;
}

h3 {
  font-size: 24px;
  text-align:center;
  color:#ffffff;
}
h5 {
  font-size: 20px;
  text-align:center;
  color:#9094ad;
  font-weight: bold;
}
h6 {
  font-size: 20px;
  text-align:center;
  color:#273162;
  font-weight: bold;
}
#title{
  display:inline;
  
}
.col-xs-12 {
    padding: 0px !important;
}


/* unvisited link */
a:link {
    color: black;
}

/* mouse over link */
a:hover {
    color: white;
}
    
    
    
#logo{
  margin-left:0px;
}
    
.footer-company{
  text-align: center !important;
}
.copyright {
  text-align: center !important;
     margin-top:0px;
     margin-bottom:0px;
}

.hwd-link{
  text-align: center !important;
     margin-top:0px;
     margin-bottom:0px;
}
}

/*END PHONE CSS ONLY*/



/* M E N U  ------------------------------------------------------- */

@media (min-width: 767px) {
  #MENU .navbar-nav {
      float:cemter;
      margin-left:40px;
      margin-right:20px;
      display:inline-block;
      zoom:0;              
  }

.galleria-container {
    margin-top: -5px;
   } 
    
 
.galleria-image-nav-right {
    margin-right: 15px;
   } 

    
    
  #MENU{
      margin-bottom:0px; 
      margin-top: 0px;
  }
    .navbar-nav>li {
        float: none;
        display: inline-block;
        zoom: 0;
        margin-top: -5px;
        margin-right: 5px;
    }
    .navbar-nav {
        font-size:0;
        height: 10px;
    }
    
    
    
    
/* HOVER - Menu */
    
.navbar-collapse { 
        text-align: center; 
        margin-top:0px; /* Above Menu area - header area above menu */
        margin-bottom:5px;
	background-color: #ffffff;  /*menu background color*/  
/*        opacity: 0.8; */
        /* background: url(/picts/menu_background.jpg); Image behind menu area. */
}  

.navbar-collapse {
        padding-left:0px;
        padding-right:-5px; 
}

.col-md-12{
    padding-left:0px;
    padding-right:0px;    
}

    
}

/* MENU =============================================*/

.nav > li > a {
    color:#000000;
    font-size:18px; /* link text size */
    font-weight:normal;
    background-color: transparent;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}

@media (min-width:768px) and (max-width: 991px){
    #MENU .nav > li > a {
        padding:8px 8px;
        font-size:16px;
    }
    #MENU .children {
		font-size:13px;
	}
}
#MENU .navbar-toggle {
	  	margin-bottom:0;
    	color: #000;
    	margin-top: 0px;
        font-size: 18px;
}
#MENU .navbar-toggle span {
      	margin-left:auto;
    	margin-right:auto;
}
.navbar-toggle {
    float: left;
}

/* ACTIVE - Menu 

.menu .active { THIS ONE WAS IN APJ - DOES NOT WORK. USED TERRY'S BELOW - WORKS
    background: none repeat scroll 0% 0% #000;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}*/




.navbar-header {
    margin:0px;
}



/* DROPDOWN MENU*/

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #293064;
    font-size:18px;
    white-space: nowrap;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	  text-align: left;
}

.dropdown-menu {
    background-color: rgba(254, 254, 254, 0.42);
}


/* BOX HOVER ICON - MENU ================================= BOX HOVER*/


/* HOVER - MENU */
.nav > li > a:hover, .nav > li > a:focus {
    border-bottom: 0px solid #ffffff; /*hover underline */
    background-color: transparent;
    font-weight:normal;
    color: #0CC2C0; /* hover color */
}

/* ACTIVE - MENU 


#MENU .nav > li.active > a::before{
  /*content: " \f04d ";
  font-family: FontAwesome;
  font-size: 12px;
  color:0CC2C0;
}*/


/* Active menu link --- terry's - which works for some reason */

.nav > li.active > a, .nav > li > a:focus {
  color: #0CC2C0 !important;
  font-size: 18px;
  font-weight: normal;
  background: none;
}

.active-self {
    margin-bottom:10px;
}




/* MENU - END */



/* SOCIAL ICONS */
.social {
	margin-top:15px;
	font-size:14px;

}
.social i {
	/*background-color:#222;*/
    font-size:20px;
}
}
.social-footer {
	margin-top:30px;
    margin-left:60px;
	font-size:14px;
}
/* Share widget code */
.share-wrapper {
    position:relative;
	display: inline;
	cursor: pointer;
}
.share {
    display:none;
    position:absolute;
    width:220px;
    background-color:#FFF;
    border:2px solid #000;
	z-index: 10;
    padding:10px;
    margin-top:-160px;
	text-align: center;
}
@media (min-width: 767px) {
    .share {
        right:0;
    }
}
/* The social popup */
.popover {
    color: black;
}
#SOCIAL_LINE {
	display:inline;
}
.fb-like {
	position: relative;
	top: -5px;
	margin-left:15px;
}

/* SOCIAL ICONS - END */

/*FOOTER*/

footer p {
	 color:#555555;
	 font-size:14px; /*footer font size*/
}

footer{
	margin-top: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
/* footer background color here */
	background-color: #3696CA;
	
}

footer a{
   color:#293064;
}
.copyright {
color:#fff;
}

.hwd-link{
color:#fff;
}
.hwd-link a{
color:#fff;
}
/*FOOTER END*/