/* body */

body	{
	margin-left:0;
	margin-top:0; 
	margin-right:0;
	margin-bottom:0;
	}
	
.background {
	background-image: url(images/background-blue.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFFFFF;
	}

#wrapper	{
	width:100%;
	max-width:1280px;
	position:relative;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-color: #ffffff;
	height: auto;
	text-align:left;
	}

/* body */

/* header */

#wrapper #header	{
	display:block;
	border-top:2px solid #ffffff;
	height:auto;
	width:96%;
	line-height:0px;
	overflow:hidden;
	background-image: url(images/header.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFFFFF;
	background-size: 1280px auto;
	padding:20px 2%;
	}
	
#wrapper #header .img1 { 
	width:130px; 
	height:150px;
	overflow:hidden;
    }
    
#wrapper #header .img2 { 
	width:624px;
	height:150px; 
	overflow:hidden;
	float:right;
    }
    
/* Max width of  960 pixels */
@media screen and (max-width: 960px) {

#wrapper #header	{
	background-size: 960px auto;
	}

#wrapper #header .img1 { 
	width:104px;
	height:120px;
    }
    
#wrapper #header .img2 { 
	width:499px;
	height:120px;
    }

}

/* Max width of  768 pixels */
@media screen and (max-width: 768px) {

#wrapper #header	{
	background-size: 768px auto; 
	}

#wrapper #header .img1 { 
	width:auto;
	height:88px;
    }
    
#wrapper #header .img2 { 
	width:auto;
	height:88px;
    }

}

/* Max width of  699 pixels - iPhone6+ landscape using above */
@media screen and (max-width: 699px) and (orientation : landscape) {

#wrapper #header	{
	padding:10px 2%; 
	}

#wrapper #header .img1 { 
	width:auto;
	height:50px;
    }
    
#wrapper #header .img2 { 
	width:auto;
	height:50px; 
    }

}

/* Max width of  667 pixels */
@media screen and (max-width: 667px) {

#wrapper #header	{
	background-size: 667px auto;
	padding:10px 2%;
	}

#wrapper #header .img1 { 
	width:auto;
	height:56px;
    }
    
#wrapper #header .img2 { 
	width:auto;
	height:56px;
	display:none;
    }

}

/* Max width of  349 pixels */
@media screen and (max-width: 349px) {

#wrapper #header .img1 { 
	width:39px;
	height:45px; 
    }
    
#wrapper #header .img2 { 
	width:187px;
	height:45px;
    }

}

/* header */

/* #sticky-hold {  z-index:999; position:sticky; top:0px; } */

/* navigation */

#navigation	{ 
	width:100%;
	background-color:#000000;
	height:40px;
	line-height:40px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	display:block;
	}
	
#menu-icon {
	display: none;
	}

.first-item a,
.item a {
	display:inline-block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	background:#000000;
	font-weight:bold;
	padding-left:3.9%;
	padding-right:3.9%;
	border-left:1px solid #CCCCCC;
	}
	
.first-item a {
	border-left:1px none #696969;
}

.first-item a:hover, .item a:hover {
	text-decoration:none;
	background:#696969;
	}

.first-item.current a,
.first-item.current a:hover,
.item.current a,
.item.current a:hover {
	background:#ffffff;
	color:#000000; 
	text-decoration:none;
	}

/* Max width of  768 pixels */
@media screen and (max-width: 768px) {

#navigation	{
	width:100%;
	height:auto;
	display:none;
	clear:both;
	z-index:1000;
	overflow:hidden;
	font-size:13px;
	}	
	
#menu-icon {
	display: block; 
	height: 45px;
	background: #000000 url(images/menu.jpg) left no-repeat;
	background-position:10px 6px;
	text-align:left;
	width:100%;
	cursor:pointer;
	border-bottom:1px dotted #696969;
	}

#menu-icon:hover,
div#menu-icon:active {
	background: #000000 url(images/menu.jpg) left no-repeat;
	background-position:10px 6px;
	text-align:left;
	}

.first-item a {
	/* border-top:1px solid #ffffff; */
	}

.first-item a,
.item a {
	display:inline-block;
	width:100%;
	float:left;
	padding:0px;
	text-align:center;
	line-height:45px;
	height:45px;
	background:#000000;
	border-left:0px solid; 
	}

.first-item a:hover,
.item a:hover {
	background:#696969;
	color:#FFFFFF;
	}

.first-item.current a,
.item.current a,
.first-item.current a:hover,
.item.current a:hover {
	background:#696969;
	color:#FFFFFF; 
	}

}

/* Max width of  667 pixels */
@media screen and (max-width: 667px) {

#menu-icon {
	position:relative;
	background-position:center; 
	width:47px;
	height:47px;
	top:-61px;
	margin-bottom:-61px;
	float:right;
	margin-right:2%;
	z-index:999;
	-webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
    border-bottom:0px dotted #696969;
	}

#menu-icon:hover,
div#menu-icon:active {
	background-position:center;
	}

}

/* Max width of  349 pixels */
@media screen and (max-width: 349px) {

#menu-icon {
	top:-51px;
	margin-bottom:-51px;
	width:40px;
	height:40px;
	}

}
		
/* navigation */


/* sub navigation */

/* #sub-nav { 
	width:100%;
	display:block;
	background-color:#cccccc;
	overflow:hidden;
	height:32px;
	line-height:32px;
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
	}

#sub-nav .sub-first-item a,
#sub-nav .sub-item a {
	display:inline-block;
	float:left;
	color:#000000;
	text-decoration:none;
	background:#cccccc;
	font-weight:bold;
	padding-left:30px;
	padding-right:30px;
	}

#sub-nav .sub-first-item a:hover,
#sub-nav .sub-item a:hover {
	text-decoration:none;
	background:#696969;
	color:#ffffff;
	}

#sub-nav .sub-first-item.current a,
#sub-nav .sub-first-item.current a:hover,
#sub-nav .sub-item.current a,
#sub-nav .sub-item.current a:hover {
	background:#ffffff;
	color:#000000; 
	text-decoration:none;
	}

#navigation	.sub-item,
#navigation	.sub-first-item {
	display:none;
	} */

/* Max width of  768 pixels */
/*  @media screen and (max-width: 768px) {

#sub-nav {
	display:none;
	}

#navigation	.sub-item {
	display:block; 
	} 

#navigation .sub-item a {
	display:inline-block;
	width:100%;
	float:left;
	padding:0px;
	text-align:center;
	line-height:32px;
	height:32px;
	background:#cccccc;
	color:#000000;
	text-decoration:none; 
	}

#navigation .sub-item a:hover {
	background:#EEEEEE;
	color:#000000;
	}

#navigation .sub-item.current a, #navigation .sub-item.current a:hover {
	background:#ffffff;
	color:#000000; 
	}

} */


/* main content */

#content	{
	position:relative;
	width: 100%;
	z-index:2;
	background-color:#ffffff;
	height:auto;
	}
	
ul {
    list-style: none;
    padding-left: 0;
    width:auto;

}

ul li {
    display: inline-block;
    padding: 15px;
    margin-left: -2px;
    margin-bottom: 1px;
    background: #000000;
    color:#ffffff;
    text-transform:capitalize;
}


li.odd {
        /* background: #A7A7A7; */
        
}



/* main content */


/* footer */

#footer	{
	width:96%;
	max-width:1280px;
	display:block;
	height:auto;
	clear:both; 
	padding-left:2%;
	padding-right:2%;
	margin-top:20px;
	border-top:1px dotted #cccccc;
	padding-top:20px;
	}

#footer #footer-left {
	width:50%;
	display:block;
	float:left;
	height:auto;
	}
	
#footer #footer-right {
	width:50%;
	display:block;
	float:right;
	text-align:right;
	height:auto;
	}
	
#footer #footer-left img,
#footer #footer-right img {
	height:40px;
	width:35px;
	}

#footer .footertext	{
	z-index:4;
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#ffffff;
	line-height:15px;
	text-indent:10px;
	height:auto;
	display:block;
	text-align:left;
	padding-top:3px; 
	}

#footer span {
	margin-left:10px;
	}

#footer span.first {
	margin-left:0px;
	}

#footerfill	{
	width:100%;
	max-width:1280px;
	height:10px;
	background-image: url(images/footerfill.jpg);
	background-repeat:repeat;
	overflow:hidden;
	display:block;
	clear:both;
	border-bottom:2px solid #ffffff;
	border-top:10px solid #ffffff;
	}
	
/* Max width of  768 pixels. */
@media screen and (max-width: 768px) {

#footer .footertext	{
	padding-top:0px;
	}

#footer #footer-left {
	width:100%;
	display:block;
	float:left;
	height:auto;
	}
	
#footer #footer-right {
	width:100%;
	display:block;
	float:left;
	text-align:left;
	height:auto;
	margin-top:10px;
	}

#footer #footer-left img, #footer #footer-right img {
	height:32px;
	width:28px;
	}

}

/* hotfix for iPhone landscape  mode */
@media screen and (max-width: 768px) and (orientation : landscape) {

#footer #footer-left {
	width:50%;
	}

}


/* Max width of  359 pixels. */
@media screen and (max-width: 359px) {

#footer .footertext	{
	/* */
	}

}

/* Max width of  329 pixels */
@media screen and (max-width: 329px) {

#footer .footertext	{
	font-size:10px;
	line-height:15px;
	}

}

/* Max width of  299 pixels */
@media screen and (max-width: 299px) {

#footer #footer-left img, #footer #footer-right img {
	height:30px;
	width:26px;
	}

#footer .footertext	{
	width:100%;
	font-size:9px;
	line-height:14px;
	}

}

/* footer */


/* general styles */

.text	{
	font-family:arial,helvetica,sans-serif !important;
	font-size: 12px !important;
	color: #000000 !important;
	text-align:left !important;
	padding:15px 2% 0 2%;
	background-color:#FFFFFF ;
	/* border-left:1px #0000ff dotted;
	border-right:1px #0000ff dotted;
	border-bottom:1px #0000ff dotted; */
	height:auto;
	width:auto;
	}

.text a:link, .text a:visited {
	color: #018BC9;
	text-decoration: none;
	}

.text a:hover, .text a:active {
	color: #018BC9;
	text-decoration: underline;
	}


/* general styles */


/* contact page */
	
label {
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;
	}
	
.button1	{
	position:relative;
	background-color: #018BC9;
	border:1px solid #018BC9;
	color: #ffffff;
	font-size: 12px;
	font-family:arial,helvetica,sans-serif;
	width:100%;
	height:35px;
	display:block;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
    overflow:hidden;
    margin-top:10px;
    cursor:pointer;
    font-weight:bold;
	  }
	  
.button2	{
	position:relative;
	background-color: #696969;
	border:1px solid #696969;
	color: #ffffff;
	font-size: 12px;
	font-family:arial,helvetica,sans-serif;
	width:100%;
	height:40px;
	display:block;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px;
    overflow:hidden;
    margin-top:10px;
    cursor:pointer;
	  }

.button-over {
	position:relative;
	background-color: #0078B5;
	color: #ffffff;
	font-size: 12px;
	border:1px solid #0078B5;
	font-family:arial,helvetica,sans-serif;
	width:100%;
	height:35px;
	display:block;
	-webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
    overflow:hidden;
    margin-top:10px;
    cursor:pointer;
    font-weight:bold;
	}


.textbox {
	font-size: 12px;
	color: #000000;
	border: 1px none #eeeeee;
	background-color: #eeeeee;
	height:30px;
	width:98%;
	overflow:hidden;
	padding-left:1%;
	padding-right:1%;
	font-family:arial,helvetica,sans-serif;
	margin-bottom:10px;
	}

select#subject.textbox {
	font-size: 12px;
	height:31px;
	text-indent:0px;
	font-family:arial,helvetica,sans-serif;
	width:100%;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:10px;
}

#message {
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px none #eeeeee;
	background-color: #eeeeee;
	width:97%;
	padding:1.5%;
	z-index:999;
}

/* iOS device specifics */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

select#subject.textbox {
	height:35px !important;
}

#message {
	width:98%;
	padding:1%;
}

label {
	font-family:arial,helvetica,sans-serif !important;
	font-size: 12px !important;
	 }

}

@media only screen and (device-width: 768px) {

select#subject.textbox {
	height:35px !important;
}

#message {
	width:98%;
	padding:1%;
}


}

@media only screen and (device-width: 320px) {

select#subject.textbox {
	height:35px !important;
}

#message {
	width:98%;
	padding:1%; 
}

}

}


/* section headers */


.banner	{
	z-index:2;
	display:block;
	background:url(images/banner-blue.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	height:25px;
	line-height:25px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight:bold;
	width: 96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:15px;
	margin-bottom:1px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radiusleftright: 5px;
	border-top-left-radius: 5px;
	}
	
#content .section-1 .banner-1, 
#content .section-2 .banner-2,
#content .section-2-3 .banner-2-3,
#content .section-3 .banner-3	{
	z-index:2;
	display:block;
	background:url(images/banner-blue.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	height:25px;
	line-height:25px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight:bold;
	width: 100%;
	margin-top:0px;
	margin-bottom:0px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radiusleftright: 5px;
	border-top-left-radius: 5px;
	}
	
div#content div.section-1 div.section-3 div.images h4 {
	display:block;
	color:#939393;
	height:21px;
	line-height:21px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight:normal;
	width: 100%;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
	}

div#content div.section-1 div.section-3 div.images h4.first { 
	margin-top:-5px;
	}
	
div#content h4 {
	display:block;
	width: 96%;
	margin-left:2%;
	margin-right:2%;
	color:#000000;
	height:21px;
	line-height:21px;
	text-align:left;
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:1px dotted #cccccc;
	}
	
div#content h1 {
	background:white;
	color:#000000;
	margin:0px;
	padding:16px 2% 16px 2%;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size: 26px;
	line-height: 29px;
}
	
div#content h2 {
	background:white;
	color:#000000;
	margin:0px;
	padding:23px 2% 13px 2%;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size: 26px;
	line-height: 26px;
	font-weight:bold;
	
}

div#content h2 a {
	text-decoration:none;
	color:#0405ff;
}

div#content h2 a:hover {
	text-decoration:underline;
}


div#content #intro {
	margin-top:0px;
	}

div#content h1.even,
div#content h2.even {
	background-image: radial-gradient(circle, #eeeeee, white);
	}


/* Max width of  960 pixels */
@media screen and (max-width: 960px) {

div#content h1,
div#content h2 {
	font-size: 24px;
	line-height: 24px;
}

}

/* Max width of  768 pixels. */
@media screen and (max-width: 768px) {

#content .banner {
	margin-top:15px; 
	}

#content .banner,
#content .section-1 .banner-1,
#content .section-2 .banner-2 {
	height:22px;
	line-height:22px;
	font-size: 12px;
	}

#content .section-3 .banner-3 {
 	font-size:12px;
 	} 

div#content div.section-1 div.section-3 div.images h4 {
	height:18px;
	line-height:18px;
	font-size: 12px; 
	margin-top:10px; 
	}
	
div#content h4 {
	margin-top:10px;

}

div#content h1,
div#content h2 {
	font-size: 22px;
	line-height: 22px;
	padding:15px 2%;
}

}

/* Max width of  667 pixels */
@media screen and (max-width: 667px) {

div#content h1,
div#content h2 {
	font-size: 18px;
	line-height:20px;
	}
	
div#content #intro {
	margin-top:0px;
	}
	
}


/* Max width of  480 pixels */
@media screen and (max-width: 480px) {

div#content h1,
div#content h2 {
	font-size: 16px;
	line-height:18px;
	}
	
}


/* Max width of  360 pixels */
@media screen and (max-width: 360px) {

#content .banner {
	margin-top:10px; 
	}

#content .section-3 .banner-3	{
	height:22px;
	line-height:22px;
 	font-size: 12px;
 	}
 	

}

/* Max width of  299 pixels */
@media screen and (max-width: 299px) {

#content .banner,
#content .section-1 .banner-1,
#content .section-2 .banner-2,
#content .section-2-3 .banner-2-3,
#content .section-3 .banner-3,
#content h4 {
 	font-size:10px;
 	height:20px;
 	overflow:hidden;
 	}

}

/* section headers */

/* sections */

#content .klb-promo {
	background-color: #ffffff;
	width:96%;
	height: auto;
	/* margin-bottom:-20px; */
	display:block;
	padding: 20px 2% 0px 2%; 
	}

#content .img-block {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	display:block;
	overflow:hidden;
	height:auto;
	line-height:0px;
	margin-top:20px;
	}
	
#content .img-block-logos {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	display:block;
	overflow:hidden;
	height:auto;
	line-height:0px;
	margin-top:0px;
	}

#content .section-1 {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:10px;
	margin-bottom:0px;
	overflow:hidden;
	height:auto;
	}

#content .section-2 {
	width:49%;
	margin-left:2%;
	margin-right:0%;
	margin-top:0px;
	display:block;
	float:left; 
	height:auto;
	}

#content .section-2.first {
	margin-left:0%;
	margin-right:0%;
	}

#content .section-2-3 {
	width:16%;
	margin-left:2%;
	margin-right:0%;
	margin-top:0px;
	display:block;
	float:left; 
	height:auto;
	}

#content .section-3 {
	width:32%;
	margin-left:2%;
	margin-right:0%;
	margin-top:0px;
	display:block;
	float:left; 
	height:auto;
	}

#content .section-3.first {
	margin-left:0%;
	margin-right:0%;
	}

#content .section-3 .images,
#content .section-1 .images	{
	display:block;
	line-height:0px;
	padding:15px;
	background-color:#FFFFFF;
	border-left:1px #0000ff dotted;
	border-right:1px #0000ff dotted;
	border-bottom:1px #0000ff dotted;
	text-align:center;
	}

/* Max width of  768 pixels. */
@media screen and (max-width: 768px) {

#content .klb-promo {
	padding: 15px 2% 0px 2%; 
	}

#content .section-2 {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:0px;
	}

#content .section-2.first {
	margin-top:0px;
	margin-left:0%;
	margin-right:0%;
	}

#content .section-2-3 {
	display:none;
	}

#content .section-1 {
	margin-top:10px;
	}

#content .section-3 {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-top:10px;
	}

#content .section-3.first {
	margin-top:0px;
	margin-left:0%;
	margin-right:0%;
	}

#content .section-3 .images	{
 	padding:10px; 
 	}

}

/* Max width of  667 pixels. */
@media screen and (max-width: 667px) {


#content .img-block {
	margin-top:15px;
	width:96%;
	margin-left:2%;
	margin-right:2%;
	}
	
}

/* Max width of  360 pixels. */
@media screen and (max-width: 360px) {

#content .section-3 .images	{
 	padding:15px;
	}

}

/* sections */


/* image styles */

#content .klb-promo img {
	width:100%;
}

#content .klb-promo img.mobile {
	display:none;
}

#content .img-block .img-3-first,
#content .img-block .img-3 {
	width:32.92%;
	float:left;
	margin-bottom:0.3%;
	margin-left:0.3%;
	border:1px solid #cccccc;
	}
	
#content .img-block .img-3-first {
	margin-left:0%;
}

.ie7 #content .img-block .img-3-first,
.ie7 #content .img-block .img-3 {
	width:32.6%;
	}
	
#content .img-block .img-3 img,
#content .img-block .img-3-first img { 
	width:100%;
	height:auto;
    }
    
.ie7 #content .img-block .img-3 img { 
	border-left:0px solid #ffffff !important;
    }

#content .section-3 .images img,
#content .section-1 .images img { 
	width:100%;
	height:auto; 
    }

#content .section-1 .images img.space-1 {
	margin-right:43px;
	}

#content .section-1 .images img.space-2 {
	margin-right:55px;
	}

#content .img-block a:hover img,
#content .img-block a:active img,
#content .section-1 a:hover img,
#content .section-1 a:active img,
#content .section-2-3 a:hover img,
#content .section-2-3 a:active img,
#footer a:hover img,
#footer a:active img  {  
	opacity:0.4;
	}

div#content div.section-1 div.images img.full-width {
	width:90%;
}

.c-c-image { 
	margin-top:30px;
	width:12%;
	max-height:auto;
	margin-left:5.24%;
	}
	
.c-c-image.first {
	margin-left:0px;
}


.klb-icon {
	width:45px;
	height:45px;
	margin-top:-10px;
	vertical-align:middle;
	margin-right:15px;
	display:none;
}

/* Max width of  1180 pixels */
@media screen and (max-width: 1180px) {

#content .img-block .img-3-first,
#content .img-block .img-3 {
	width:32.85%;
	
	}
	
.c-c-image { 
	width:11.93%; 
	}
	
}

/* Max width of  960 pixels */
@media screen and (max-width: 960px) {

#content .img-block .img-3-first,
#content .img-block .img-3 {
	width:49.29%;
	margin-left:0%;
	}

#content .img-block .img-3-first.tablet,
#content .img-block .img-3.tablet { margin-left:0.3%;}

.c-c-image { 
	width:11.84%; 
	}

}
    
/* Max width of 768 pixels. */
@media screen and (max-width: 768px) {

/* #content .img-block .img-3-first,
#content .img-block .img-3 {
	width:100%;
	margin-left:0%;
	margin-bottom:15px;
	border-left:0px solid;
	border-right:0px solid;
	}
	
#content .img-block .img-3.last {
	margin-bottom:0px;
	}

.ie7 #content .img-block .img-3-first,
.ie7 #content .img-block .img-3 {
	width:99.96%;
}

#content .img-block .img-3 img { 
	border-left:0px solid red !important;
    } */

/* #content .section-3 .images img { 
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:25%; 
    }
    
div#content div.section-1 div.images img.full-width {
	width:100%;
	} */
	
#content .klb-promo img.mobile {
	display:block;
}

#content .klb-promo img.mobileup {
	display:none;
}	
	
.c-c-image { 
	width:28.67%; 
	}
	
.c-c-image.fourth {
	margin-left:0px;
}

.klb-icon {
	display:none;
}

}

/* Max width of 667 pixels. */
@media screen and (max-width: 667px) {

/*

#content .img-block .img-3-first,
#content .img-block .img-3 {
	width:100%;
	margin-left:0%;
	margin-bottom:15px;
	border-left:0px solid;
	border-right:0px solid;
	}
	
#content .img-block .img-3.last {
	margin-bottom:0px;
	}

.ie7 #content .img-block .img-3-first,
.ie7 #content .img-block .img-3 {
	width:99.96%;
}

#content .img-block .img-3 img { 
	border-left:0px solid red !important;
    }
    
#content .img-block .img-3-first.tablet,
#content .img-block .img-3.tablet {
	margin-left:0%;
	}
*/
    
}

/* Max width of 500 pixels. */
@media screen and (max-width: 500px) {
    
    .c-c-image { 
	 width:28.41%;
	}

}

/* Max width of  349 pixels. */
@media screen and (max-width: 349px) {
/*
.ie7 #content .img-block .img-3-first,
.ie7 #content .img-block .img-3 {
	width:99.96%;
	}

#content .img-block .img-3 img { 
	border-left:0px solid #ffffff !important;
	}

#content .section-3 .images img { 
	width:100%;
	height:auto;
	margin-left:0%;
	margin-right:0%; 
    } */

  .c-c-image { 
	 width:28.31%;
	}

}

/* Max width of  299 pixels */
@media screen and (max-width: 299px) {

  .c-c-image { 
	 width:31.09%;
	}
	
}

/* image styles */