/* Copyright 2010 HID Digital Solutions. */

@media all {
	
	/* General. */
	html {
		overflow-x: hidden;
	}

	body {
		background: url(/images/website/background.jpg);
		margin: 0;
		font: 12px arial;
	}

	a img {
		border: 0;
	}

	form, fieldset {
		border: 0;
		padding: 0;
	}

	.postit {
		position: absolute;
	}

	/* Top links. */
	.topLink {
		position: absolute;
		color: #DC006B;
		font-size: 11px;
		text-decoration: none;
		margin: 7px 0 0 918px;
	}

	.topLink:hover {
		text-decoration: underline;
	}

	#webmail {
		margin-left: 865px;
	}

	/* Buttons. */
	.button {
		font-size: 11px;
		line-height: 23px;
		color: #dc006b;
		background: #fff;
		font-weight: 900;
		text-align: center;
		width: 88px;
		float: right;
		text-transform: uppercase;
		text-decoration: none;
		margin: 20px 40px 0 0;
	}

	.button:hover {
		text-decoration: underline;
	}

	/* Wrapper. */
	#wrapper {
		position: absolute;
		width: 1080px;
		left: 50%;
		margin-left: -540px;
		background: url(/images/website/background_wrapper.png) center repeat-y;
	}

	#wrapperInner {
		width: 957px;
		margin: 0 auto;
	}

	/* Header. */
	#header {
		height: 310px;
		background: url(/images/website/background_header.jpg) 164px 20px no-repeat;
	}

	#header #logo {
		position: absolute;
		width: 127px;
		height: 108px;
		margin: 62px 0 0 10px;
		background: url(/images/website/logo.png);
	}

	#header #slogan {
		position: absolute;
		width: 513px;
		height: 15px;
		background: url(/images/website/slogan.png);
		margin: 42px 0 0 164px;
	}

	#header form {
		position: absolute;
		margin-top: 185px;
	}

	#header input {
		float: left;
		border: 1px solid #c3c3c3;
		border-right: 0;
		color: #a5adb3;
		padding: 2px 0 1px 2px;
		width: 121px;
		height: 18px;
	}

	#header #buttonSearch {
		border: 1px solid #c3c3c3;
		border-left: 0;
		padding: 0;
		height: 21px;
		width: 22px;
	}

	/* Breadcrumb. */
	#breadcrumb {
		margin-top: -40px;
		line-height: 46px;
		color: #4d5b68;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	#breadcrumb a {
		color: #4d5b68;
		margin: 0 5px 0 5px;
	}
	
	#breadcrumb a:hover {
		text-decoration: none;
		color: #dc006b;
	}
	
	#breadcrumb #current {
		color: #aaadb0;
		margin: 0 5px 0 5px;
	}
	
	#breadcrumb .current {
		color: #aaadb0;
		margin: 0 5px 0 5px;
	}

	/* Main menu. */
	ul#mainMenu {
		position: absolute;
		padding: 0;
		margin: 228px 0 0 0;
		list-style-type: none;
		z-index: 20;
	}

	ul#mainMenu li {
		float: left;
		width: 137px;
	}

	ul#mainMenu li:hover ul,
	ul#mainMenu li.sfhover ul {
		left: auto;
		*margin-left: -137px;
	}

	ul#mainMenu li:hover,
	ul#mainMenu li.sfhover {  
		position: static; /* IE7 hack. */
	}

	ul#mainMenu li:hover a,
	ul#mainMenu li.active a,
	ul#mainMenu li.sfhover a {
		color: #fff;
		background: url(/images/website/background_menu_hover.png);
	}

	ul#mainMenu a {
		float: left;
		width: 136px;
		color: #4b5c68;
		background: url(/images/website/background_menu.png);
		border-right: 1px solid #fff;
		text-decoration: none;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		line-height: 44px;
	}

	ul#mainMenu a:hover {
		color: #fff;
		background: url(/images/website/background_menu_hover.png);
	}

	ul#mainMenu li#first, ul#mainMenu li#first a, ul#mainMenu li#last, ul#mainMenu li#last a {
		width: 135px;
		border-right: 0;
	}

	ul#mainMenu li#first {
		width: 136px;
	}

	ul#mainMenu li#last a {
		background: url(/images/website/background_menu_last.png);
	}

	ul#mainMenu li#first a {
		background: url(/images/website/background_menu_first.png);
	}

	ul#mainMenu li#first a:hover {
		background: url(/images/website/background_weblog.png);
	}

	ul#mainMenu li#last a:hover,
	ul#mainMenu li#last.active a {
		background: url(/images/website/background_weblog.png) right;
	}

	/* Submenu. */
	ul#mainMenu ul {
		position: absolute;
		margin: 44px 0 0 0;
		padding: 0;
		width: 136px;
		left: -999px;
		list-style-type: none;
	}

	ul#mainMenu li:hover ul a, ul#mainMenu li.sfhover ul a, ul#mainMenu ul a { /* ul#mainMenu li:hover ul a */
		background: #dfe1e3;
		color: #4b5c68;
		line-height: 29px;
		font-weight: 100;
		text-transform: none;
		border-right: 0;
		text-align: left;
		border-bottom: 1px solid #fff;
	}

	ul#mainMenu li:hover ul a:hover, ul#mainMenu li.sfhover ul a:hover, ul#mainMenu ul a:hover {
		color: #fff;
		background: #DC006B;
	}

	ul#mainMenu ul a span {
		margin: 0 17px 0 17px;
	}

	ul#mainMenu ul li.last {
		height: 25px;
		width: 136px;
		background: url(/images/website/background_submenu.png) bottom no-repeat;	
	}

	/* Left column. */
	#leftColumn {
		float: left;
		width: 507px;
	}

	#leftColumn p {
		line-height: 20px;
	}
	
	#leftBlocks {
		float: left;
		width: 249px;
		margin: 46px 0 0 0;
	}

	#rightBlocks {
		float: left;
		width: 209px;
		margin: 46px 0 0 0;
	}

	/* Banner. */
	#banner {
		background: #DC006B url(/images/website/background_banner.png);
		width: 458px;
		height: 258px;
	}

	#banner h1 {
		position: absolute;
		color: #fff;
		text-transform: uppercase;
		margin: 0 0 1px 80px;
		padding-top: 18px;
		font-size: 28px;
		font-weight: 100;
	}

	#banner h2 {
		position: absolute;
		margin: 50px 0 0 80px;
		color: #80013f;
		font-size: 18px;
	}

	#banner p {
		position: absolute;
		margin: 80px 40px 0 192px;
		color: #fff;
		width: 240px;
	}

	#banner .postit {
		width: 83px;
		height: 87px;
		background: url(/images/website/postit_new.png);
		margin: -9px 0 0 -15px;
	}

	#banner #box {
		position: absolute;
		width: 229px;
		height: 208px;
		background: url(/images/website/box.png);
		margin: 93px 0 0 -33px;
	}

	#banner .button {
		margin-top: 215px;
	}

	/* Newsletter. */
	#newsletter {
		float: left;
		width: 209px;
		height: 289px;
		background: url(/images/website/background_newsletter.png);
		margin: 0 0 50px 0;
	}

	#newsletter .postit {
		width: 96px;
		height: 82px;
		background: url(/images/website/postit_newsletter.png);
		margin: 236px 0 0 -14px;
	}

	#newsletter h1 {
		color: #4b5c68;
		font-size: 16px;
		font-weight: 900;
		margin: 15px 20px 20px 20px;
	}

	#newsletter p {
		color: #4b5c68;
		margin: 0 20px 24px 20px;
		line-height: 20px;
	}

	#newsletter form {
		float: left;
		margin: 0 20px 0 20px;
	}

	#newsletter input {
		border: 0;
		color: #a5adb3;
		margin: 0 0 12px 0;
		height: 17px;
		padding: 4px 0 1px 4px;
		font-size: 11px;
		width: 165px;
	}

	#newsletter .button {
		width: 88px;
		height: 23px;
		padding: 0;
		margin: 11px 0 0 0;
	}

	/* Contact. */
	#contact {
		float: left;
		width: 209px;
		height: 464px;
		background: url(/images/website/background_contact.png);
	}

	#contact .postit {
		width: 86px;
		height: 87px;
		background: url(/images/website/postit_contact.png);
		margin: -28px 0 0 136px;
	}

	#contact h1,
	#contact h2,
	#contact h3,
	#support h1 {
		color: #fff;
		font-size: 16px;
		font-weight: 900;
		margin: 15px 20px 20px 20px;
	}

	#contact h2 {
		font-size: 12px;
		margin: 0 20px 0px 20px;
	}

	#contact h3 {
		font-size: 12px;
		text-transform: none;
		margin: 0 20px 7px 20px;
	}

	#contact p {
		color: #fff;
		margin: 0 20px 24px 20px;
		line-height: 20px;
	}

	#contact p a {
		color: #fff;
	}

	#contact .button {
		color: #fff;
		background: url(/images/website/background_button_route.png);
		margin: 10px 20px 0 0;
	}

	/* Support. */
	#support {
		float: left;
		background: #DC006B url(/images/website/background_support.png);
		width: 209px;
		height: 183px;
		margin: 0 0 25px 0;
	}

	#support .postit {
		width: 86px;
		height: 80px;
		background: url(/images/website/postit_support.png);
		margin: 148px 0 0 -13px;
	}

	#support form {
		margin: 0 20px 0 20px;
		float: left;
	}

	#support input {
		border: 0;
		color: #a5adb3;
		margin: 0 0 12px 0;
		height: 17px;
		padding: 4px 0 1px 4px;
		font-size: 11px;
		width: 165px;
	}

	#support .button {
		width: 88px;
		height: 23px;
		padding: 0;
		margin: 11px 0 0 0;
	}

	/* Right column. */
	#rightColumn {
		float: left;
		width: 450px;
	}

	/* Tag cloud. */
	#rightColumn #tagCloud {
		clear: both;
		padding-top: 10px;
		text-align: center;
	}

	.magenta {
		color: #DC006B;
	}

	.green {
		color: #54b371;
	}

	.gray {
		color: #7a7e92;
	}

	#rightColumn #tagCloud .small {
		font-size: 16px;
	}

	#rightColumn #tagCloud .medium {
		font-size: 20px;
	}

	#rightColumn #tagCloud .large {
		font-size: 26px;
	}

	#rightColumn #tagCloud a {
		text-decoration: none;
	}

	#rightColumn #tagCloud a:hover {
		text-decoration: underline;
	}

	/* Weblog heading. */
	#weblog {
		width: 449px;
		height: 44px;
		background: url(/images/website/background_weblog.png);
		color: #fff;
		margin: 50px 0 31px 0;
	}

	#weblog .postit {
		width: 91px;
		height: 76px;
		background: url(/images/website/postit_news.png);
		margin: -48px 0 0 340px;
	}

	#weblog span {
		position: absolute;
		font-size: 16px;
		font-weight: 900;
		margin-left: 15px;
		line-height: 44px;
	}

	#weblog form {
		position: absolute;
		margin: 10px 0 0 105px;
	}

	#weblog select {
		border: 1px solid #c8c8c8;
		padding: 1px;
		width: 213px;
	}

	/* News items. */
	.newsItem h1 {
		color: #4b5c68;
		font-size: 16px;
		margin: 0 0 14px 0;
	}

	.newsItem p {
		color: #4b5c68;
		line-height: 20px;
		margin: 0 0 15px 0;
	}

	.newsItem .left {
		float: left;
		border: 1px solid #e1e4e6;
		margin: 5px 10px 3px 0;
	}

	.newsItem .magenta {
		font-weight: 900;
		float: left;
	}

	#oldNews {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#oldNews li {
		color: #4b5c68;
		line-height: 30px;
	}

	#oldNews a {
		color: #4b5c68;
		text-decoration: none;
	}

	#oldNews a:hover {
		text-decoration: underline;
	}

	#oldNews li .date {
		color: #dc006b;
	}

	/* Archive. */
	#archive {
		display: block;
		border-bottom: 1px solid #d0d5d8;
		margin: 11px 0 52px 0;
	}

	#archive .postit {
		width: 83px;
		height: 89px;
		background: url(/images/website/postit_archive.png);
		margin: -10px 0 0 -13px;
	}

	/* Footer. */
	#footer {
		clear: both;
		border-top: 1px solid #d0d5d8;
		color: #5a6b77;
		font-weight: 900;
		margin-top: 25px;
	}

	#footer p {
		margin: 0;
		line-height: 66px;
	}

	#footer #copyright {
		margin-right: 5px;
	}

	#footer a {
		color: #5a6b77;
		font-weight: 100;
		text-decoration: none;
		margin: 0 5px 0 5px;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#footer #socialTwitter,
	#footer #socialRSS,
	#footer #socialLinkedIn {
		display: block;
		width: 35px;
		height: 24px;
		background: url(/images/website/twitterOff.png) no-repeat;
		margin: 20px 0 0 15px;
		float: right;
	}

	#footer #socialTwitter:hover {
		background: url(/images/website/twitterOn.png) no-repeat;
	}

	#footer #socialRSS {
		width: 21px;
		margin-top: 21px;
		background: url(/images/website/rssOff.jpg) no-repeat;
	}

	#footer #socialRSS:hover {
		background: url(/images/website/rssOn.jpg) no-repeat;
	}

	#footer #socialLinkedIn {
		width: 20px;
		height: 20px;
		margin-top: 22px;
		background: url(/images/website/linkedinOff.png) no-repeat;
	}

	#footer #socialLinkedIn:hover {
		background: url(/images/website/linkedinOn.png) no-repeat;
	}

	/* Google maps popup. */
	.popup {
		display: none;
	}

	#googlemaps {
		width: 500px;
		height: 500px;
	}

	/* Content column. */
	#colIntroduction,
	#colContent {
		width: 468px;
		float: left;
		margin-right: 30px;
	}

	#colIntroduction h1,
	#colContent h1 {
		color: #dc006b;
		margin: 0 0 15px 0;
		font-size: 22px;
	}

	#colIntroduction h2,
	#colIntroduction h3,
	#colContent h2,
	#colContent h3 {
		color: #4a5c68;
		margin: 0 0 15px 0;
		font-size: 14px;
	}

	#colIntroduction h3,
	#colContent h3 {
		color: #dc006b;
	}

	#colIntroduction p,
	#colContent p {
		color: #4a5c68;
		line-height: 20px;
		margin: 0 0 20px 0;
	}

	#colContent hr {
		display: block;
		border: 0;
		border-bottom: 1px dotted rgb(222, 224, 227);
		margin: 10px 0 20px 0;
	}

	#colIntroduction .left,
	#colContent .left {
		float: left;
		border: 1px solid #e1e4e6;
		margin: 5px 10px 3px 0;
	}

	#colIntroduction img.right,
	#colContent img.right {
		float: right;
		border: 0;
		margin: 10px 0 10px 20px;
	}

	#colIntroduction img.left,
	#colContent img.left {
		float: left;
		border: 1px solid #cccccc;
		margin: 5px 10px 10px 0;
	}

	#colIntroduction a,
	#colContent a {
		color: #dc006b;
	}

	#colIntroduction ul,
	#colContent ul {
		line-height: 20px;
		color: #4a5c68;
		list-style: none;
		padding: 0 0 0 10px;
		margin: 0 0 20px 0;
	}

	#colIntroduction ul li,
	#colContent ul li {
		background: url(/images/website/ul_bullet.png) 0 8px no-repeat;
		padding-left: 15px;
	}

	/* Col extra. */
	#colExtra {
		float: left;
		width: 209px;
		background: #dc006b url(/images/website/background_extra_top.png) top no-repeat;
		margin: 0;
		padding-bottom: 0px;
	}
	
	#colExtraBottom {
		display: block;
		float: left;
		background: url(/images/website/background_extra_bottom.png);
		width: 209px;
		height: 4px;
		margin: 0 0 40px 0;
	}
	
	#colExtra h1 {
		color: #fff;
		font-size: 16px;
		font-weight: 900;
		margin: 15px 20px 20px 20px;
	}
	
	#colExtra p {
		color: #fff;
		margin: 0 20px 24px 20px;
		line-height: 20px;
	}
	
	#colExtra p a {
		color: #fff;
	}
	
	#colExtra p a:hover {
		color: #CCCED1;
	}
	
	#colExtra .button {
		color: #dc006b;
		background: #fff;
		margin: 10px 0 0 0;
	}

	/* Content read more. */
	.readMore {
		border-bottom: 1px solid #d0d5d8;
		height: 23px;
		margin-bottom: 32px;
	}

	.readMore .button {
		margin: 0;
		background: url(/images/website/background_button.png);
		width: 120px;
		height: 23px;
		color: #fff;
	}

	.readMore .button span {
		color: #fff;
	}

	/* Fancybox. */
	div#fancy_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 30;
	}
	
	div#fancy_loading {
		position: absolute;
		height: 40px;
		width: 40px;
		cursor: pointer;
		display: none;
		overflow: hidden;
		background: transparent;
		z-index: 100;
	}
	
	div#fancy_loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background: transparent url(/js/tools/fancybox/fancy_progress.png) no-repeat;
	}
	
	div#fancy_outer {
		position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 90;
	    padding: 20px 20px 40px 20px;
	    margin: 0;
	    background: transparent;
	    display: none;
	}
	
	div#fancy_inner {
		position: relative;
		width:100%;
		height:100%;
		background: #FFF;
	}
	
	div#fancy_content {
		margin: 0;
		z-index: 100;
		position: absolute;
	}
	
	div#fancy_div {
		background: #fff;
		height: 100%;
		width: 100%;
		z-index: 100;
	}
	
	img#fancy_img {
		position: absolute;
		top: 0;
		left: 0;
		border:0; 
		padding: 0; 
		margin: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
	}
	
	div#fancy_close {
		position: absolute;
		top: -12px;
		right: -15px;
		height: 30px;
		width: 30px;
		background: url(/js/tools/fancybox/fancy_close.png) top left no-repeat;
		cursor: pointer;
		z-index: 181;
		display: none;
	}
	
	#fancy_frame {
		position: relative;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#fancy_ajax {
		width: 100%;
		height: 100%;
		overflow: auto;
	}
	
	a#fancy_left, a#fancy_right {
		position: absolute; 
		bottom: 0px; 
		height: 100%; 
		width: 35%; 
		cursor: pointer;
		z-index: 111; 
		display: none;
		background-image: url("data:image/gif;base64,AAAA");
		outline: none;
		overflow: hidden;
	}
	
	a#fancy_left {
		left: 0px; 
	}
	
	a#fancy_right {
		right: 0px; 
	}
	
	span.fancy_ico {
		position: absolute; 
		top: 50%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		z-index: 112; 
		cursor: pointer;
		display: block;
	}
	
	span#fancy_left_ico {
		left: -9999px;
		background: transparent url(/js/tools/fancybox/fancy_left.png) no-repeat;
	}
	
	span#fancy_right_ico {
		right: -9999px;
		background: transparent url(/js/tools/fancybox/fancy_right.png) no-repeat;
	}
	
	a#fancy_left:hover, a#fancy_right:hover {
		visibility: visible;
		background-color: transparent;
	}
	
	a#fancy_left:hover span {
		left: 20px; 
	}
	
	a#fancy_right:hover span {
		right: 20px; 
	}
	
	#fancy_bigIframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}
	
	div#fancy_bg {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;
	}
		
	div.fancy_bg {
		position: absolute;
		display: block;
		z-index: 70;
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	div#fancy_bg_n {
		top: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_n.png) repeat-x;
	}
	
	div#fancy_bg_ne {
		top: -20px;
		right: -20px;
		width: 20px;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_ne.png) no-repeat;
	}
	
	div#fancy_bg_e {
		right: -20px;
		height: 100%;
		width: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_e.png) repeat-y;
	}
	
	div#fancy_bg_se {
		bottom: -20px;
		right: -20px;
		width: 20px;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_se.png) no-repeat;
	}
	
	div#fancy_bg_s {
		bottom: -20px;
		left: 0;
		width: 100%;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_s.png) repeat-x;
	}
	
	div#fancy_bg_sw {
		bottom: -20px;
		left: -20px;
		width: 20px;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_sw.png) no-repeat;
	}
	
	div#fancy_bg_w {
		left: -20px;
		height: 100%;
		width: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_w.png) repeat-y;
	}
	
	div#fancy_bg_nw {
		top: -20px;
		left: -20px;
		width: 20px;
		height: 20px;
		background: transparent url(/js/tools/fancybox/fancy_shadow_nw.png) no-repeat;
	}
	
	div#fancy_title {
		position: absolute;
		z-index: 100;
		display: none;
	}
	
	div#fancy_title div {
		color: #FFF;
		font: bold 12px Arial;
		padding-bottom: 3px;
		white-space: nowrap;
	}
	
	div#fancy_title table {
		margin: 0 auto;
	}
	
	div#fancy_title table td {
		padding: 0;
		vertical-align: middle;
	}
	
	td#fancy_title_left {
		height: 32px;
		width: 15px;
		background: transparent url(/js/tools/fancybox/fancy_title_left.png) repeat-x;
	}
	
	td#fancy_title_main {
		height: 32px;
		background: transparent url(/js/tools/fancybox/fancy_title_main.png) repeat-x;
	}
	
	td#fancy_title_right {
		height: 32px;
		width: 15px;
		background: transparent url(/js/tools/fancybox/fancy_title_right.png) repeat-x;
	}

	/* Contact form. */
	.contactForm {
		border: 0;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.contactForm fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	.contactForm label {
		float: left;
		display: block;
		width: 125px;
		color: #4A5C68;
		line-height: 22px;
		
	}

	.contactForm input,
	.contactForm textarea {
		border: 1px solid #D6D8DB;
		color: #4A5C68;
		font-size: 12px;
		height: 17px !important
		height: 21px;
		margin-bottom: 10px;
		width: 300px;
		padding: 2px 2px 2px 2px;
	}

	.contactForm #remarks {
		height: 75px;
	}

	.contactForm input#sendButton {
		font-size: 11px;
		color: #dc006b;
		background: #fff;
		font-weight: 900;
		text-align: center;
		width: 88px;
		height: 23px;
		float: right;
		text-transform: uppercase;
		text-decoration: none;
		background: url('/images/website/butSend.png') no-repeat;
		border: 0;
		margin: 0px 33px 0 0px;
	}

	.contactForm .spanError {
		display: block;
		padding: 0 0 10px 125px;
		color: #dc006b;
	}

}

@media print {

	#mainMenu,
	#contact,
	#colExtra,
	#newsletter,
	#footer,
	#breadcrumb,
	form,
	#support,
	#tagCloud,
	#weblog {
		display: none;
	}

}