/*
* 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
================================================== */
div .homewrapper
{
	background: rgb(255, 255, 255);
	margin-right: auto;
	margin-left: auto;
	max-width: 998px;
	font-size: 14px;
}

.homewrapper body
{
	font-family: Arial, Helvetica, sans-serif;
	background: rgb(134, 146, 160) url('http://www.iec.ch/img/bg-body.jpg') 50% 0% repeat-x;
}

/* colors */
.homewrapper .lite-blue
{	
	background-color: rgb(119, 178, 217);
}

.homewrapper .grey-blue
{
	background-color: rgb(68, 139, 187);
}

.homewrapper .grey-purple
{
	background-color: rgb(116, 119, 152);
}

.homewrapper .grey
{
	background-color: rgb(160, 170, 180);
}
		
.homewrapper h1, .homewrapper h2, .homewrapper h3, .homewrapper h4, .homewrapper h5, .homewrapper h6
{
	/*color: rgb(68, 139, 187);*/
	color: rgb(110, 115, 130);
}

.homewrapper div, .homewrapper img
{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.homewrapper ul, .homewrapper ol
{
	margin-bottom: 0;
}

.homewrapper a
{
	color: rgb(0, 99, 166);
	border-bottom: 1px dotted transparent;
	text-decoration: none;
}

.homewrapper a:hover, .homewrapper a:focus
{
	color: rgb(64, 64, 64);
	outline: none;
	text-decoration: none;
	border-bottom: 1px dotted;
	/*top: 1px;
	position: relative;*/
}

.homewrapper [href]
{
	transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	text-decoration: none;
}

.homewrapper .wrapper
{
	background: rgb(255, 255, 255);
	margin-right: auto;
	margin-left: auto;
	max-width: 998px;
}

/* #Page Styles
================================================== */
.homewrapper .myButton 
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #029cd0), color-stop(1, #0189c3));
	background:-moz-linear-gradient(top, #029cd0 5%, #0189c3 100%);
	background:-webkit-linear-gradient(top, #029cd0 5%, #0189c3 100%);
	background:-o-linear-gradient(top, #029cd0 5%, #0189c3 100%);
	background:-ms-linear-gradient(top, #029cd0 5%, #0189c3 100%);
	background:linear-gradient(to bottom, #029cd0 5%, #0189c3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#029cd0', endColorstr='#0189c3',GradientType=0);
	background-color:#029cd0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	padding:8px 15px;
	text-decoration:none;
	border: none;
}

	.homewrapper .myButton:hover 
	{
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0189c3), color-stop(1, #029cd0));
		background:-moz-linear-gradient(top, #0189c3 5%, #029cd0 100%);
		background:-webkit-linear-gradient(top, #0189c3 5%, #029cd0 100%);
		background:-o-linear-gradient(top, #0189c3 5%, #029cd0 100%);
		background:-ms-linear-gradient(top, #0189c3 5%, #029cd0 100%);
		background:linear-gradient(to bottom, #0189c3 5%, #029cd0 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0189c3', endColorstr='#029cd0',GradientType=0);
		color: rgb(255, 255, 255);
		background-color:#0189c3;
		border: none;
	}
	
	.homewrapper .myButton:active 
	{
		position:relative;
		top:1px;
	}
	
	.homewrapper .myButton img
	{
		vertical-align: bottom;
		margin-right: 8px;
	}


/* COMMON SLIDES STYLES */
#home, #work, #learn, #news, #buy
{
	height: 375px;
	overflow:hidden !important;
}

	#work div, #work aside, #buy div, #buy aside
	{
		margin-bottom: 0;
	}
	
		#work * > h4, #buy * > h4, #news * > h4
		{
			line-height: 45px;
			margin-bottom: 0;
		}
		
		#work * > p, #buy * > p, #news * > p
		{
			/*font-size: 0.9em;*/
			margin-bottom: 0;
			line-height: 1.2em;
		}
		
		#work * > ul li, #buy * > ul li, #news * > ul li
		{
			margin-bottom: 0;
		}

#work .myButton, #buy .btnWebstore
{
	margin-top: 25px;
	position: relative;
}
#tickeractions  .myButton{
	float:right;
	margin-top:7px;
	padding: 3px 15px 3px 10px;
	font-size:14px;
	line-height:15px;
	width:160px;
}

#tickeractions  .myButton img {margin:-2px -5px 0px 8px;}
#tickeractions  .myButton span {display:inline-block;}
#tickeractions  .myButton span.cbuttontext {width: 125px; margin-left:2px;}
#home .btnList, #buy .btnList
{
	font-size: 12px;
}

.homewrapper .leftSide
{
	float:left;
	width:480px;
}

.homewrapper .rightSide
{
	float: right;
	height: 375px;
	width:480px;
	background-color: rgb(255, 255, 255);
	/*opacity:0.95;*/
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f5fa');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f5fa')";
	background-image: -moz-linear-gradient(top, #ffffff, #f2f5fa);
	background-image: -ms-linear-gradient(top, #ffffff, #f2f5fa);
	background-image: -o-linear-gradient(top, #ffffff, #f2f5fa);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f2f5fa));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f5fa);
	background-image: linear-gradient(top, #ffffff, #f2f5fa);
}

#work .rightSide, #news .container, #buy .rightSide
{
	padding-top: 5px;
}

/*#home .branding,*/ #learn .branding
{
	position: relative;
	top:312px;
}

#home .branding
{
	margin-top: 12px;
}

	#home .branding p, #learn .branding p
	{
		color: rgb(255, 255, 255);
		line-height: 1.3em;
		font-size: 1.15em;
		padding-top: .2em;
	}

#work h2, #buy h2
{
	font-size: 46px;
	line-height: 50px;
	margin-bottom: 14px;
	color: rgb(68, 139, 187);
}

/* HOME SLIDE */
#home
{
	background:url('../images/homepage-backdrop-sprite-0.jpg') 0 0 no-repeat;
}

	#home h1
	{
		font-size: 1.4em;
		height: 286px;
		line-height: 45px;
	}
	
	#home h1 a:link, #home h1 a:visited
	{
		color: #FFFFFF;
	}

	#home .survey p
	{
		color: rgb(255, 255, 255);
		line-height: 1.3em;
		padding-top: .2em;
		padding-left: .5em;
		border-left: 5px double rgb(255, 210, 110);
	}
	
		#home .survey .btnList
		{
			margin-top: 15px;
		}

/* WORK SLIDE */
#work
{
	background:url('../images/homepage-backdrop-sprite-0.jpg') 0 -375px no-repeat;
}

	#work h4
	{
		font-size: 1.35em;
		line-height: 57px;
	}
	
	#work h5
	{
		font-size: 1.15em;
		font-weight: bold;
	}

#work .leftSide p
{
	color: rgb(255,255,255);
}

#work aside
{
	min-height: 300px;
}

	#work aside ul li a
	{
		font-size: 0.93em;
		line-height: 1.3em;
	}
		
	#work aside .row
	{
		margin-bottom: 12px;
	}

#work .btnRestricted h4 a
{
	background: url(../images/padlock.png) 100% 65% no-repeat;
	padding-right: 20px;
}

#work .btnEmail
{
	background: url(../images/email.png) 0% 50% no-repeat;
	padding-left: 20px;
}

#work .btnStaff
{
	background: url(../images/iec-people.png) 0% 50% no-repeat;
	padding-left: 20px;
}

/* LEARN SLIDE */
#learn
{
	background:url('../images/homepage-backdrop-sprite-0.jpg') 0 -750px no-repeat;
}

#learn h4
{
	font-size: 1.4em;
	margin: 20px 0px;
	line-height: 15px;
}

/* NEWS SLIDE */
#news
{
	background:url('../images/homepage-backdrop-sprite-0.jpg') 0 -1125px no-repeat;
}

	#news h4
	{
		font-size: 1.35em;
	}
	
	#news h5
	{
		font-size: 1.15em;
		font-weight: bold;
	}
	
	#news .video
	{
		background-color: rgb(230, 235, 255);
	}
	
		#news .video a, #news .cover a 
		{
			border: 0;
		}
		
#news a
{
	font-size: 13px;
	line-height: 1.3em;
}

	#news span.gv
	{
		position: absolute;
		padding: 5px;
		/*padding-left: 60px;*/
		z-index: 10;
		color: rgb(255, 255, 255);
		cursor: pointer;
	}
	
		#news span.gv strong
		{
			font-size: 1.1em;
			color: rgb(255, 255, 255);
		}
		
		#news span.gv img
		{
			padding: 10px;
			opacity: 0.5;
			transition: all .3s ease;
			-o-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-webkit-transition: all .3s ease;
		}
		
			#news .video a:hover span.gv img
			{
				opacity: 1;
			}
		
#news ul li a, #news p, #news strong
{
	color: rgb(64, 64, 64);
	font-size: 0.93em;
	line-height: 1.3em;
}

	#news ul li a:hover
	{
		color: rgb(0, 99, 166);
	}
	
#news .barMore
{
	background-color: rgb(238, 246, 250);
	padding: 2px 0px 0px 0px;
	min-height: 25px;
}

	#news .barMore h5
	{
		padding-left: 5px;
	}

#news .btnMore
{
	padding: 3px 8px;
	font-size: 0.8em;
	border-radius: 0;
}

/* BUY SLIDE */
#buy
{
	background:url('../images/homepage-backdrop-sprite-0.jpg') 0 -1500px no-repeat;
}

	#buy .row
	{
		margin-bottom: 12px;
	}
	
	#buy .pubs ul
	{
		height: 210px;
		max-height: 210px\9;
		*max-height: 200px;
		overflow-y: hidden;
		margin-bottom: 5px;
	}
	
	#buy h5
	{
		font-size: 1.15em;
		font-weight: bold;
	}
	
	#buy small
	{
		color: rgb(143, 151, 159);
		font-size: 0.93em;
	}
	
	#buy small, #buy h5
	{
		margin-bottom: 0px;
	}
	
	#buy aside, #buy ul li a
	{
		font-size: 0.93em;
		line-height: 1.3em;
	}
	
	#buy ul li span
	{
		background-color: rgb(220, 225, 231);
		padding: 0px 4px;
		font-size: 0.80em;
		color: rgb(0, 99, 166);
		font-weight: bold;
		text-align: center;
		border-radius: 2px;
	}

#buy .searchBar
{
	position: relative;
	top: 15px;
	padding: 12px 0px 0px 8px;
	background-color: rgb(172, 182, 191);
	height: 50px;
	height:50px\9;
	*height:40px;
}

	#buy .searchBar > *
	{
		float: left;
	}
	
	#buy .searchBar h4
	{
		line-height: 25px;
		color: rgb(255, 255, 255);
	}
	#buy .searchBar form
	{
		width:395px\9;
		height: 25px\9;
	}

	#buy .searchBar h4, #buy .searchBar input
	{
		margin-right: 10px;
	}
	
	#buy .searchBar input
	{
		width: 330px;
		*width:326px;
		height: 25px;
		float: left;
		*float: none;
		*display: inline-block;
	}
	
	#buy .searchBar input.btnSearch
	{
		background: url(../images/submit-btn.png) no-repeat;
		border: none;
	}
	
		#buy .searchBar input[title]
		{
			color: rgb(143, 151, 159);
		}
	
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{	
	#buy .pubs ul
	{
		height: 220px;
		overflow-y: hidden;
		margin-bottom: 5px;
	}
	
 	#buy .searchBar form  
 	{
		 margin-right:0px;
		 padding-right:0px; 
		 width:390px; 
	 }
 
  	#buy .searchBar input
	{
		width:330px !important;
	}
	
		#buy .searchBar input.btnSearch
		{
			background: url(../images/submit-btn.png) no-repeat;
			border: none;
			margin-right:0px; padding-right:0px; width:35px !important; 
		}
}

/* SPECIAL ELEMENTS */
#home .GM p, #work .GM p
{
	color: rgb(255, 255, 255);
	line-height: 1.3em;
	/*padding-top: .2em;
	padding-left: .5em;*/
	/*border-left: 2px solid rgb(255, 255, 255);*/
	margin-bottom: 3px;
}

#work .GM p
{
	color: rgb(68, 139, 187);
}

	#home .GM p strong
	{
		color: rgb(255, 255, 255);
	}
	
	#work .GM p strong
	{
		color: rgb(68, 139, 187);
	}

#home .GM img, #work .GM img
{
	background-color: rgb(255, 255, 255);
}

#home .GM ul li, #work .GM ul li
{
	float: left;
	color: rgb(255, 255, 255);
	border-right: 1px solid rgb(68, 139, 187);
}
	#home .GM ul li:last-child, #work .GM ul li:last-child
	{
		border: none;
	}

	#home .GM ul li a, #work .GM ul li a
	{
		font-size: .93em;
		background-color: rgb(255, 255, 255);
		display: block;
		padding: 0.08em 0.35em;
		border-bottom: 0;
		outline: 1px solid rgb(68, 139, 187);
	}
	
	#home .GM ul li a:hover, #work .GM ul li a:hover
	{
		background-color: rgb(0, 99, 166);
		color: rgb(255, 255, 255);
		border-bottom: 0;
		outline: 1px solid rgb(68, 139, 187);
	}
	
#news .specialAd
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bfe4ff), color-stop(1, #9fd5fc));
	background:-moz-linear-gradient(top, #bfe4ff 5%, #9fd5fc 100%);
	background:-webkit-linear-gradient(top, #bfe4ff 5%, #9fd5fc 100%);
	background:-o-linear-gradient(top, #bfe4ff 5%, #9fd5fc 100%);
	background:-ms-linear-gradient(top, #bfe4ff 5%, #9fd5fc 100%);
	background:linear-gradient(to bottom, #bfe4ff 5%, #9fd5fc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe4ff', endColorstr='#9fd5fc',GradientType=0);
	outline:1px solid #77b5de;
}
#sponsor {height:60px; padding:2px; text-align:center; margin-right:-30px !important;}
#sponsor a:link, #sponsor a:hover, #sponsor a:visited {color: white !important;}
#sponsor p {line-height:1.1em !important; margin-top:10px;}
#sponsor p:hover {font-size: 1.2em !important;}


/* TICKER */
.homewrapper section.ticker
{
	height: 50px;
	/* gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d2d7dd', endColorstr = '#c6ccd3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d2d7dd', endColorstr = '#c6ccd3')";
	background-image: -moz-linear-gradient(top, #d2d7dd, #c6ccd3);
	background-image: -ms-linear-gradient(top, #d2d7dd, #c6ccd3);
	background-image: -o-linear-gradient(top, #d2d7dd, #c6ccd3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#d2d7dd), to(#c6ccd3));
	background-image: -webkit-linear-gradient(top, #d2d7dd, #c6ccd3);
	background-image: linear-gradient(top, #d2d7dd, #c6ccd3);
}
	
#ticker
{
	height: 50px;
}

	#ticker p
	{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 50px;
	}
	
	#ticker p strong, #ticker span
	{
		/*color: rgb(68, 139, 187);*/
		color: rgb(110, 115, 130);
	}
	
	#ticker div
	{
		margin-top: 11px;
	}
	
	#ticker .btnList
	{
		font-size: 12px;
		margin-left: 10px;
		padding: 5px 10px;
	}

.homewrapper ul.social
{
	margin-bottom: 0;
	text-align: right;
}
	
	.homewrapper ul.social li
	{
		display: inline-block;
		height: 30px;
		width: 34px;
		zoom: 1;
		*display: inline; /* IE6 & IE7 hack */
		padding: 10px 8px;
		margin: 0;
		line-height: 45px;
		transition: all .3s ease;
		-o-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
	}

	.homewrapper ul.social li:hover
	{
		background-color: rgb(0, 91, 158);
		cursor: pointer;
	}
	
		.homewrapper ul.social li a
		{
			display: block;
			width: 34px;
		}
		
			.homewrapper ul.social li a.fb
			{
				background: url(../images/social-icons-sprite.png) no-repeat -9px 3px;
			}
			
			.homewrapper ul.social li a.tw
			{
				background: url(../images/social-icons-sprite.png) no-repeat -60px 3px;
			}
			
			.homewrapper ul.social li a.in
			{
				background: url(../images/social-icons-sprite.png) no-repeat -108px 3px;
			}
			
			.homewrapper ul.social li a.pin
			{
				background: url(../images/social-icons-sprite.png) no-repeat -157px 3px;
			}
			
			.homewrapper ul.social li a.yt
			{
				background: url(../images/social-icons-sprite.png) no-repeat -208px 3px;
			}
			
		.homewrapper ul.social li a, .homewrapper ul.social li a:hover
		{
			border: 0;/* override general link style */
		}
	
/* FOOTER */
.homewrapper footer.row{ margin-bottom:15px !important;}

.homewrapper footer ul
{
	margin: 0;
	padding-bottom:10px;
}

	.homewrapper footer ul li
	{
		line-height: 12px;
	
	}
	
		.homewrapper footer ul li.fcol1 div
		{
			*margin-top: 10px;
			*margin-bottom: -10px;
		}
		
		.homewrapper footer ul li.fcol2 div
		{
			*margin-top: -14px;
		}
		
		.homewrapper footer ul li.fcol3 div
		{
			*margin-top: -38px;
		}
		
		.homewrapper footer ul li.fcol4 div
		{
			*margin-top: -62px;
		}

.homewrapper footer h4
{
	margin-bottom: 0;
	color: rgb(68, 139, 187);
	font-size: 1em;
	font-weight: bold;
}

.homewrapper footer a
{
	color: rgb(143, 151, 159);
	font-size: 0.93em;
}

.homewrapper footer div a:hover
{
	color: rgb(0, 99, 166);
}

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

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

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	/*@media only screen and (min-width: 768px) and (max-width: 959px)
	{
		.rsDefault .rsThumb 
		{
			width: 172px;
			height: 100px;
		}
	}*/

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

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	/*@media only screen and (min-width: 480px) and (max-width: 767px) 
	{
		.rsDefault .rsThumb 
		{
			width: 96px;
			height: 100px;
		}
	}*/

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


/* #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; }
*/