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

/* Smartphones (portrait and landscape) ----------- */
   @media only screen and (min-device-width : 320px) and (max-device-width : 480px)
   {
    header
    {
     overflow:auto;
    }
   }
   /* Smartphones (landscape) ----------- */
   @media only screen 
   and (min-width : 321px)
   {
	    header
    {
     overflow:auto;
    }
   }
   /* Smartphones (portrait) ----------- */
   @media only screen 
   and (max-width : 320px)
   {
	    header
    {
     overflow:auto;
    }
   }
   /* iPads (portrait and landscape) ----------- */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px)
   {
	    header
    {
     overflow:auto;
    }
   }
   /* iPads (landscape) ----------- */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : landscape)
   {
	    header
    {
     overflow:auto;
    }
   }
   /* iPads (portrait) ----------- */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : portrait)
   {
	    header
    {
     overflow:auto;
    }
   }
   /* Desktops and laptops ----------- */
   @media only screen and (max-width: 1366px) and (max-height: 768px)
   {
    header
    {
     overflow:hidden;
    }
   }
   /* Desktops and laptops ----------- */
   @media screen and (max-width: 1024px) and (max-height: 768px)
   {
     header
    {
     overflow:hidden;
    }
   }
   /* Desktops and laptops ----------- */
   @media screen and (max-width: 1024px) and (max-height: 600px)
   {
     header
    {
     overflow:hidden;
    }
   }
   /* Large screens ----------- */
   @media only screen 
   and (min-width : 1824px)
   {
	    header
    {
     overflow:hidden;
    }
   }
   /* iPhone 4 ----------- */
   @media
   only screen and (-webkit-min-device-pixel-ratio : 1.5),
   only screen and (min-device-pixel-ratio : 1.5)
   {
     header
    {
     overflow:auto;
    }
   }


body { margin:auto; padding:0; font-family: 'Cuprum', sans-serif; text-align:center; }
html.fancybox-margin { margin-left: -9px !important; margin-right: 8px !important; }

	.main_separator { margin:0; padding:0; padding-top:50px; padding-bottom:50px; }
	.question-mark:hover { cursor: pointer; }
	
	
a img { border:none; }	


	/*  HEADER  */

	header { position:fixed; width:100%; top:0; height:83px; margin:auto; padding:0; padding-top:35px; background:url(../images/header-bg.png) top repeat-x; z-index:600; }

		header nav { margin:0; padding:0px 0px 0px 40px; color:#989898; z-index:300; }
		header nav ul { text-align:left; margin:0; padding:0; list-style-type:none; z-index:500;}
		header nav ul li { margin:0; padding:0; display:inline; z-index:400; }
		header nav ul li.menu_separator { margin:0; padding:0; padding-left:10px; padding-right:10px; }
		header nav ul li a,
		header nav ul li a:visited { margin:0; padding:0; color:#989898; text-decoration:none; font-size:1.20em; }
		header nav ul li a:hover { margin:0; padding:0; color:#777777; text-decoration:none; font-size:1.20em; }
	
	
	
	/*  HOME  */
	
	section.home { height:630px; width:100%; margin:0; padding:0; background:url(../images/home-bg.png) no-repeat left top; z-index:10; }
	
		section.about h1 { margin:0; padding:0; color:#09a79c; font-size:5em; font-weight:300; }
		
		section.about span.about_light { margin:0; padding:0; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; 
											color:#fff; font-size:2.125em; background-color:#0fc5b0; }
		section.about span.about_dark { margin:0; padding:0; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; 
											color:#fff; font-size:2.125em; background-color:#048b8a; }
											
											
		section.home .slideshow_home {  z-index:5; }									
	
	
	
	/*  ABOUT  */
	
	section.about { margin:0; padding:0; }
	
		section.about h1 { margin:0; padding:0; color:#09a79c; font-size:5em; font-weight:300; }
		
		section.about span.about_light { margin:0; padding:0; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; 
											color:#fff; font-size:2.125em; background-color:#0fc5b0; }
		section.about span.about_dark { margin:0; padding:0; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; 
											color:#fff; font-size:2.125em; background-color:#048b8a; }
	
	
	
	/*  WHAT WE DO  */
	
	section.whatwedo { margin:0; padding:0; }
		
		section.whatwedo h1 { margin:0; padding:0; color:#ffc000; font-size:5em; font-weight:300; }
		section.whatwedo span { font-size:1.725em; color:#8d8d8d; margin:0; padding:0; }
		
		section.whatwedo .whatwedo_box { margin:0; padding:0; padding-top:10px; padding-left:40px; padding-right:40px; color:#808080; font-size:1em; 
											line-height:1.35em; }
		section.whatwedo .whatwedo_box h2 { margin:0; padding:0; font-size:2em; color:#14b1ab; font-weight:300; }
	
	
	
	/*  SERVICES  */
	
	section.services { margin:0; padding:0; }
	
		section.services h1 { margin:0; padding:0; color:#09a79c; font-size:5em; font-weight:300; }
		section.services span { font-size:1.375em; color:#8d8d8d; margin:0; padding:0; line-height:1.35em; }
		
		.services_box { margin:0; margin-top:0px; padding:0; padding-top:40px; padding-bottom:45px; color:#fff; 
						background:url(../images/service-box-bg.jpg) center no-repeat; text-align:center; }
		.services_box h2 { margin:0; padding:0; padding-bottom:10px; font-weight:300; color:#fff; font-size:3em; }
		.services_box p { margin:0; padding:0; padding-bottom:10px; font-size:1em; line-height:1.3em; }
		.services_box ul { margin:0; margin-left:15px; padding:0; font-size:1em; text-align:left;  }
		.services_box ul li { }
	
	
	
	/*  FACTS  */
	
	section.facts { margin:0; padding:0; }
		
		section.facts h1 { margin:0; padding:0; color:#ffc000; font-size:3.85em; font-weight:300; }
		section.facts p { font-size:1.375em; color:#8d8d8d; margin:0; padding:0; }
		section.facts span { font-size:5em; margin:0; padding:0; }
		
		.facts1 { color:#3ccad5; }
		.facts2 { color:#29b7c2; }
		.facts3 { color:#1da0aa; }
		.facts4 { color:#118f99; }
		
		
		
	/*  TEAM  */
	
	section.team { margin:auto; padding:0; }
	
		section.team h1 { margin:0; padding:0; color:#09a79c; font-size:5em; font-weight:300; }
	
		section.team p { font-size:2.15em; color:#8d8d8d; margin:0; padding:0; line-height:1.15em; font-weight:300; }
		section.team span { font-size:1em; color:#ffc000; margin:0; padding:0; line-height:1.15em; font-weight:700; }
		section.team span.name { font-size:1.5em; color:#017a7f; margin:0; padding:0; line-height:1.65em; font-weight:700; }
		section.team span.title { font-size:1.15em; color:#09a79c; margin:0; padding:0; line-height:1em; font-weight:300; }
		section.team span.name1 { font-size:1.25em; color:#017a7f; margin:0; padding:0; line-height:1.5em; font-weight:700; }
		
		
		section.team .slideshow_team { width:100%; height:216px; margin:auto; padding:0; padding-top:10px;
						background:url(../images/team-bg.jpg) top center no-repeat;}
		
		section.team .slideshow { width:660px; margin:auto; padding:0; }

		.team-popup:hover { cursor: pointer; }	
			
		.bio { width:550px; padding:30px; padding-top:20px; padding-bottom:20px; color:#787878; text-align:left; }
			.bio ul { margin:0; padding:0; margin-top:15px; }	
			.bio h3 { margin:0; padding:0; color:#017a7f; font-size:1.6em; }
			.bio span { font-weight:700; font-size:1.25em; }
		
	
	/*  CONTACT  */
	
	section.contact { margin:0; padding:0; color:#8d8d8d; }
	
		section.contact h1 { margin:0; padding:0; color:#ffc000; font-size:5em; font-weight:300; }
		section.contact h2 { margin:0; padding:0; padding-bottom:10px; color:#8d8d8d; font-size:1.725em; font-weight:700; }
		section.contact a, section.contact a:visited { font-size:2em; font-weight:300; color:#1da0aa; text-decoration:none; }
		section.contact a:hover { color:#29b7c2; text-decoration:none; }
		
		
		
	/*  FOOTER  */
	
	footer { margin:0; padding:0; padding-top:35px; padding-bottom:35px; color:#735500; background-color:#ffc000; font-size:0.875em; }