/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.header-area{
	background-color:#ede7dd;
	padding-top: 10px

}

.header-contact h3{
	margin-left: 0px;
	margin-bottom: 10px;
	line-height: 24px;
}
.header-contact {
	
	padding-bottom: 10px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	
}

.title-subheader{
	font-weight:400;
	margin-bottom: 3px;
	line-height: 18px;}

.penpic {text-align:center;
padding-bottom: 5px
}

.shadow {
	-webkit-box-shadow: rgba(0,0,0, 0.15) 1px 1px 5px 1px;
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);}
.nalogo{text-align:center;}

.img-scaled {
	width:100%;
	height:auto;
	max-width:257px;
}

.img-scaled-content{
	width:100%;
	height:auto;

}


.iconlist
{
	list-style: none;
	margin: 0;
	padding: 0;
}

li.tel-icon
{
	font-size:1.6em;
	background-image:url(../images/tel-icon.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 2px 30px;
	margin: .3em 0;
	color: #e62d49;
}

li.email-icon
{
background-image:url(../images/email-icon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 2px 30px;
margin: .3em 0;
}

li.fb-icon
{
background-image:url(../images/fb-icon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 2px 30px;
margin: .3em 0;
}

li.twitter-icon
{
background-image:url(../images/twitter-icon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 2px 0 2px 30px;
margin: .3em 0;
}

ul.press{margin-left:20px}

.nav-area{
	background-color:#007354;
	background-image:url(../images/bg-green.jpg);
	background-repeat:repeat-x;
	background-position:center;
	height:auto;}

.tinynav { 
	display: none }

.menu-centered {
         font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
          padding: 14px 0px 14px 0px;
		  font-size:1.2em;
          
      }
      .menu-centered ul {
           margin: 0;
           padding: 0;
           text-align: center;
      }
      .menu-centered li {
           display: inline;
           list-style: none;
		   padding: 10px;
      }
      .menu-centered a {
           
           color: #ffffff;
           text-decoration: none;
           padding: 5px;
         
      }
      .menu-centered a:hover {
           color: #d89544;
      }

.content-area{
	background-color:#ede7dd;

}

.content-area h3{
	color:#005a42;
	border-bottom:#CCC 1px solid;
	margin-right:10px;
	margin-left:10px}
	
.content-area h4{
	margin-right:10px;
	margin-left:10px}

.content-area h5{
	color:#005a42;
	margin-right:10px;
	margin-left:10px}

.content-main{
}

.right-content{
	
	margin-top:10px;
	height:auto;

}

.right-content h3, h2, h1, p{
	padding: 10px 10px 0px 10px
}

.news{
	background-color:#FFF;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 1px 1px 5px 1px;
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	border-radius: 0 0 10px 10px; /* future proofing */
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom: 5px;
	padding-top:10px;
}
.slider123{
	background-color:#FFF;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 1px 1px 5px 1px;
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	border-radius: 0 0 10px 10px; /* future proofing */
	margin-top:20px;
	margin-bottom:0px;
	
	padding:10px;
}

.news p{
	margin-left:10px;
	padding-top:5px
}

.content-area a {
    color: #e31837;
    text-decoration: none;
      		}
	  
.content-area a:visited {
    color: #e31837;
    text-decoration: none;
      		}
			
.content-area a:hover {
    color: #e31837;
	text-decoration: underline;
      		}

.content-main h5, h4, h3, h2, h1, p{
	padding: 10px 10px 0px 10px}
	
.content-main h3{
	margin-bottom: 20px}

.testbg{background-color:#C66}


.subscribe{
	background-color:#ff0000;
	background-image:url(../images/newsletter-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	border-radius: 0 0 10px 10px; /* future proofing */
	-webkit-box-shadow: rgba(0,0,0, 0.15) 1px 1px 5px 1px;
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0, 0.15);
	
}

.subscribe h3{
	color:#ffffff;
	border-bottom:none
	}



.social{
	height:auto;
	background-color:#FFF;
	border-radius: 0 0 10px 10px; /* future proofing */
	margin:10px 0 20px 0;
	padding-bottom:20px;
}

.poll{
	height:auto;
	background-color:#FFF;
	border-radius: 0 0 10px 10px; /* future proofing */
	margin:10px 0 20px 0;
	padding-bottom: 10px;
	padding-top: 10px;
	
	
}

.poll-wrapper{
	width:90%;
	margin:0 auto;
	}

/* #You Tube container
================================================== */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	padding:10px;
	max-width: 100%;
}

/* #MEssage Push Styles
================================================== */

.feature-facebook {
	line-height:1.4em;
	margin:20px 10px 10px 10px;
	padding-left:48px;
	background-image:url(../images/fb-stream-icon.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	min-height:40px;
		}
        
.feature-twitter {
	    line-height:1.2em;
        margin:20px 10px 10px 10px;
		padding-left:48px;
        background-image:url(../images/twitter-stream-icon.jpg);
        background-repeat:no-repeat;
        background-position: 0px 0px;
		min-height:40px;}
		
.feature-twitterfeed {
	    line-height:1.2em;
        margin:20px 10px 10px 10px;
		padding-left:0px;
		min-height:40px;}
		
.feature-instagramfeed {
	    line-height:1.2em;
        margin:20px 10px 10px 10px;
		padding-left:0px;
		min-height:180px;}
        
.feature-email {
	    line-height:1.2em;
        margin:20px 10px 10px 10px;
		padding-left:48px;
        background-image:url(../images/email-stream-icon.jpg);
        background-repeat:no-repeat;
        background-position: 0px 0px;
		min-height:40px;}
        

.feature-sms {
		line-height:1.2em;
        margin:20px 10px 10px 10px;
	    padding-left:48px;
        background-image:url(../images/sms-stream-icon.jpg);
        background-repeat:no-repeat;
        background-position: 0px 0px;
		min-height:40px;}

.footer-menu-holder{
	font-size:0.9em;
	color:#82bfb0}
	
.footer-menu-holder li{
		line-height: 1em}

.footer-menu-holder p{
	padding-left:20px;}


.footer-area{
	color:#82bfb0;
	background-color:#005943;
	background-image:url(../images/footer-bg-green.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

.footer-header{
	color:#f39825;
	padding-left: 20px;
	padding-top:15px}
	
.footer-area a {
    color: #ffffff;
    text-decoration: none;
    
	
      		}
	  
.footer-area a:visited {
    color: #ffffff;
    text-decoration: none;
    padding: 25px;
      		}
			
.footer-area a:hover {
    color: #d89544;
	text-decoration: none;
      		}
			
.sdlplogo {text-align:center;
	padding-top:20px}
	

.sub-footer{
	line-height:1em;
	color:#FFF;
	background-color:#333;
	background-image:url(../images/subfooter-bg.png);
	background-repeat:repeat-x;
	background-position:top;}
	
	
.sub-footer p{padding-top:15px;}	
	
	
.sub-footer a {
    color: #ffffff;
    text-decoration: underline;
	line-height:.8em;
      		}
	  
.sub-footer a:visited {
    color: #ffffff;
    text-decoration: none;
        		}
			
.sub-footer a:hover {
    color: #d89544;
	text-decoration: underline;
      		}
	
.yellow{color:#d89544}

.footer-menu li{padding:5px 5px 0px  20px;
margin:0}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.tinynav { display: none }}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.tinynav { display: none }
		.header-contact {font-size:80%;
		
		}
		h3{font-size:20px}
		li.tel-icon{
		background-image:none;
		padding: 1px 0px 1px 10px;
		line-height:85%
		}
		
		li.email-icon
		{
		background-image:none;
		padding: 1px 0px 1px 10px;
		line-height:85%
		}
		
		li.fb-icon
		{
		background-image:none;
		padding: 1px 0px 1px 10px;
		line-height:85%
		}
		
		li.twitter-icon
		{
		background-image:none;
		padding: 1px 0px 1px 10px;
		line-height:85%
		}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.tinynav { display: none }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-contact {text-align: center}
		
    .tinynav { display: block;
	margin: 0 auto}
    #nav { display: none }
	
li.tel-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.email-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.fb-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.twitter-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}


	.menu{text-align:center}
	
	.footer-area{
	background-color:#ede7dd;
	background-image:none;}

.footer-menu-holder{
	
	background-image:url(../images/footer-bg-green.jpg);}

.menu{text-align:center}

.menu h4{padding: 0px}

.footer-menu ul{ padding:0px}

.footer-menu li{ display:block;
border-bottom-color:#82bfb0;
border-bottom-style:solid;
border-bottom-width:1px;
padding:7px}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.header-contact {text-align: center}
	

    .tinynav { display: block;
	margin: 0 auto}
    #nav { display: none;}
	
	
li.tel-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.email-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.fb-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

li.twitter-icon
{
background-image:none;
padding: 2px 0px 2px 0px;
}

.footer-area{
	background-color:#ede7dd;
	background-image:none;}

.footer-menu-holder{
	
	background-image:url(../images/footer-bg-green.jpg);}

.menu{text-align:center}

.menu h4{padding: 0px}

.footer-menu ul{ padding:0px}

.footer-menu li{ display:block;
border-bottom-color:#82bfb0;
border-bottom-style:solid;
border-bottom-width:1px;
padding:7px}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/