@font-face {
    font-family: 'NovecentowideBold';
    src: url('../fonts/novecentowide-bold-webfont.eot');
    src: url('../fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-bold-webfont.woff') format('woff'),
         url('../fonts/novecentowide-bold-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-bold-webfont.svg#NovecentowideBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovecentowideMedium';
    src: url('../fonts/novecentowide-medium-webfont.eot');
    src: url('../fonts/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-medium-webfont.woff') format('woff'),
         url('../fonts/novecentowide-medium-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-medium-webfont.svg#NovecentowideMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* general styling */

*
{
	
	border: 0;
	margin: 0;
	padding: 0;
}

	body
	{
		margin: 40px 0;
		background-color: #369;
		color: #666;
		font: 11px/1.3 Tahoma, Helvetica, Verdana, Arial, sans-serif;	
	}
	
		a
		{
			text-decoration: none;
			color: #0099ff;
		}
		
		a:hover
		{
			color: #c0c0c0 ;
		}
		
		acronym
		{
			color: #0099cc;
			border-bottom: 1px dotted #0099cc;
			letter-spacing: -1px;
		}
		
		.adminlinks *
		{
			text-decoration: none;
			color: #666;
			padding: 0;
			font:  bold 13px/1 "Gill Sans MT", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			
		}
		
		.adminlinks a:hover
		{
			color: #0099CC;
			border: 0;
		}
		
		
		.articletitle
		{
			padding: 10px; 
		}
		
			.articletitle a
			{
				display: block;
			}
		
		.box
		{
			background: url(../images/panelbg.png);
		}
		
		.center
		{
			margin: auto;
		}
		
		.clear
		{
			clear: both;
		}
		
		#contactdetails
		{
			font-size: 14px;
			letter-spacing: -1px;
			font-weight: bold;
		}
		
		.dividerfive
		{
			float: left;
			width: 20%;
		}
		
		.dividerfour
		{
			float: left;
			width: 25%;
		}
		
		.dividerfourlong
		{
			float: left;
			width: 75%;
		}
		
		
		.dividerthreelong
		{
			float: left;
			width: 66.6%;
		}
		
		
		.dividerthree
		{
			float: left;
			width: 33.3%;
		}
		
		
		.divider
		{
			float: left;
			width: 50%;
		}
		
		.emphasis
		{
			font: normal 32px/0.8 "NovecentowideBold", Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
			color: #069;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
			
			
		.error
		{
			color: #990000;
			font-weight: bold;
			text-align: justify;
		}

		
		.floatleft
		{
			float: left;
			margin-right: 10px;
		}
		
		.floatright
		{
			float: right;
			margin-left: 10px;
		}
		
		h1
		{
			font: normal 31px/1 "NovecentowideMedium", "Lucida Grande", Helvetica, Arial, sans-serif;
			color: #0099ff;
			text-transform: uppercase;
		}
		
			
		h2
		{
			font: normal 24px/1 "NovecentowideBold", "Lucida Grande", Helvetica, Arial, sans-serif;
			color: #999;
			padding-bottom: 4px;
			border-bottom: 4px solid #e0e0e0;
			letter-spacing: -1px;
			text-transform: uppercase;
			margin: 0 0 10px;
		}
		
		h3
		{
			font: normal 16px/1 "NovecentowideMedium", "Lucida Grande", Helvetica, Arial, sans-serif;
			color: #444;
			text-transform: uppercase;
			margin-bottom: 3px;
			letter-spacing: -1px;
		}
		
		hr
		{
			height: 0px;
			border-top: 2px solid #f0f0f0;
			background: #f0f0f0;
			color: #f0f0f0;
			margin: 2px 0;
		}
		
		.imageheader
		{
			border-bottom: 1px dotted #e0e0e0;
			margin-bottom: 10px;
		}
		
		input[type=text], input[type=password], select, textarea
		{	
			font: 11px/1 Tahoma, Arial, Helvetica, sans-serif;
			border: 1px solid #c0c0c0;
			background-color: #fff;
			padding: 3px 0;

		}
		
		input[type=radio], input[type=checkbox]
		{
			border: 0;
			background-color: transparent;
		}
		
		input[type=submit], input[type=reset], input[type=button], .button
		{
			font: normal 13px/1 "NovecentowideBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			border: 0px;
			color: #fff;
			background-color: #369;
			margin-right: 3px;
			padding: 4px 10px;
		}
			
		.inside
		{
			padding: 15px;
		}
		
		.item .inside
		{
			padding: 5px 10px;
		}
		
		.itemthumb
    {
      border: 5px solid #222;
      position: relative;
      background-color: #000;
      margin: 3px;
			background-size: cover;
			font: normal 13px/1 "NovecentowideBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    
    	.itemthumb a
      {
        display: block;
      }
      
      .itemthumb .thumbdetails
      {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #000;
      }
      
        .itemthumb .thumbdetails .inside
        {
          padding: 5px;
          color: #999;
        }
        
          .itemthumb .thumbdetails .inside h3
          {
            font-size: 16px;
            color: #fc0;
            padding: 0;
            margin: 0;
          }
    
			
		.long
		{
			width: 98%;
		}	
		
		#newsContainer,#newsContainerLoader
		{
			padding: 15px;
			background: #f6f6f6;
		}
		
		#notice
		{
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 9999;
			font: 14px/1 "NovecentowideBold", Helvetica, Arial, Verdana, sans-serif;
			background-color: #09f;
			color: #fff;
			width: 100%;
			border-bottom: 4px solid #000;
		}
			
			#notice a
			{
				color: #ff9900;
			}
			
			#notice h6
			{
				background: #000;
				font-size: 17px;
				font-weight: normal;
				padding: 5px 15px;
				border: 0px none;
				margin: 0;
				color: #09f;
				letter-spacing: 0px;
				text-transform: uppercase;
			}
			
			#notice .inside
			{
				padding: 20px 15px;
			}
			
			
			#notice strong
			{
				font-size: 14px;
				letter-spacing: -1px;
				color: #fff;
			}
			
		p
		{
			text-align: justify;
			padding-bottom: 15px;
		}
		
		.panel
		{
			background: url(../images/panelbg.png) repeat;
		}
		
		
		.required
		{
			font-size: 13px;
			color: #f00;
		}
		
		.short
		{
			width: 50px;
		}
	
		
		small
		{
			font-size: 10px;
			color: #999;
			letter-spacing: 1px;
		}
		
		strong
		{
			color: #444;
		}
			
			strong.tip
			{
				color: #0099ff;
				cursor: pointer;
			}
		
		.tab
		{
			background: url(../images/panelbg.png);
			padding: 7px;
		}
		
		.tabButton
		{
			padding: 3px 20px;
			cursor: pointer;
			font: 12px/1 "Gill Sans MT", Helvetica, Arial, sans-serif; 
			margin-left: 3px;
			text-transform: uppercase;
		}
		
		.tabButtonArea
		{
			padding-left: 5px;
			text-align: right;
		}

		.tableft
		{
			font-size: 11px;
      font-weight: bold;
			color: #fff;
			padding: 6px 10px;
			text-align: center;
      
			
		}
		
		.tabright
		{
			position: absolute;
			top: 0;
			right: 0;
			font-size: 12px;
			margin: 5px 0 0 0;
			border-left: 3px solid #e0e0e0;
			border-color: #e0e0e0;
			padding: 5px;
			text-align: center;
		}
		
		textarea
		{
			height: 100px;
		}
		
		.togglepanel
		{
			font: 18px/1 "NovecentowideMedium", "Trebuchet MS", Helvetica, Arial, sans-serif;
			margin-top: 5px;
			padding: 3px 5px;
			background-color: #111;
			color: #fff;
			cursor: pointer;
			text-transform: uppercase;
			letter-spacing: -1px;
		}
			.togglepanel .inside
			{
				padding: 5px;
			}
		
		
		.tool .tip
		{
			border: 3px solid #333;
			background-color: #111;
			/*background: #EFF6FE;*/
			padding: 9px;
			max-width: 400px;
			line-height: 1;
			
		}
			
			.tool .tip-title
			{
				font: 18px/1 "NovecentowideMedium", "Lucida Grande", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				letter-spacing: -1px;
				color: #fc0;
			}
			
			.tool .tip-text
			{
				font-size: 10px;
				color: #a0a0a0;
			}
			
		ul
		{
			margin-left: 15px;
			text-align: justify;
			margin-bottom: 10px;
		}
		
	#showcasewrapper
	{
		width: 100%;
		overflow: auto; 
		margin: auto;
		background: url(../images/panelbg.png);
	}

	.success
	{
		color: #0099ff;
		font-weight: bold;
		text-align: justify;
	}
	
		.success a
		{
			color: #333;
		}
		
		.success a:hover
		{
			color: #a0a0a0;
		}


		
/* layout */

#wrap
{
	width: 100%;
	min-height: 100%;		
}

	.maxwidth
	{
		margin: auto;
		width: 970px;
		position: relative;
	}
		#header
		{
			background: #fefefe url(../images/headerbg.jpg) repeat-x bottom center;
			border-bottom: 4px solid #a0a0a0;
			border-top: 10px solid #000;
		}
		
			#logo
			{
				float: left;
				padding-top: 10px;
			}
			
			#logo a
			{
				text-decoration: none;
				border: 0;
			}
			
			#menu
			{
				padding-top: 40px;
				float: right;
			}
			
				#menu li
				{
					padding: 0;
					float: left;
					margin: 0 5px;
					list-style: none;
					position: relative;
					display: block;
					cursor: pointer;
				}
				
					#menu li a
					{
						font: normal 14px/1 "NovecentowideBold", Arial, Helvetica, sans-serif;
						padding: 10px;
						display: block;
						color: #000;
						text-transform: uppercase;
						
						-webkit-transition: all 0.15s ease-out;
						-moz-transition: all 0.15s ease-out;
						transition: all 0.15s ease-out;
					}
					
					#menu li a:hover
					{
						color: #fff;
						background: #369;
					}
				
					#menu li ul
					{
						position: absolute;
						top: 24px;
						left: 0;
						z-index: 4;
						padding: 0;
						margin: 0;
						background: transparent;
						display: none;
						
					}
						
						#menu li ul li
						{
							padding: 0;
							margin: 0;
							background: #060;
						}
					
						#menu li ul li a
						{
							color: #fff;
							font-size: 12px;
							display: block;
							line-height: 1em;
							margin: 0;
							padding: 3px 10px;
							min-width: 130px;
							border-bottom: 1px dotted #090;
						}
						
						#menu li ul li a:hover
						{
							color: #000;
							background: #fc0;
						}
		
		#content
		{
			padding: 30px 0;
			background: #fff;
		}
		
		#footer
		{	
			border-top: 4px solid #a0a0a0;
			border-bottom: 10px solid #000;
			text-align: center;
			font-size: 12px;
			color: #a0a0a0;
			padding-top: 5px;
			background: #fefefe url(../images/footerbg.jpg) repeat-x top center;
		}
			#footer .floatleft
			{
				padding: 15px;
				font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif;
			}
			
			#footer .floatleft a
			{
				font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif;
				text-decoration: none;
				color: #0099ff;
				text-transform: uppercase;
				padding: 5px;
				
				-webkit-transition: all 0.15s ease-out;
				-moz-transition: all 0.15s ease-out;
				transition: all 0.15s ease-out;
			}
			
			#footer .floatleft a:hover
			{
				color: #f0f0f0;
				background: #aaa;
			}
			
			#footer .floatright a
			{
				text-decoration: none;
			}
			
			#footer .floatright a:hover
			{
				border: 0;
			}