/**
 * Stylesheet for <Cubizz>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <yoni@netlash.com>
 */

/* Typography and text styles */

html {
	height: 100%;
}

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.48; /* Safari 2.0.4 */
	color: #000;
	background: #fff;
	height: 100%;
}

#container {
	width: 890px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

/* Headings and links */
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.1;
	font-family: Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}

h1 {
	font-size: 19px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 13px;
}

p {
	padding-bottom: 10px;
}

a:link,
a:visited {
	color: #16286a;
}

a:hover,
a:active {
	color: #222;
}

/* Page structure and layout */

	/* Header */

	#header {
		padding-top: 96px;
	}

	#headerimage {
		width: 890px;
		height: 170px;
	}

	/* Logo */

	#header h1 {
		width: 295px;
		height: 46px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 23px;
		left: 17px;
	}

	#header h2 {
		width: 300px;
		height: 23px;
		background: url(../images/slogan.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 46px;
		right: 0px;
	}

	#header h1 a,
	#header h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}

	/* Navigation */

	#navigation {
		background: url(../images/navigation_background.gif) no-repeat;
		width: 850px;
		height: 28px;
		padding: 11px 20px;
	}

	#navigation ul {
		padding: 0;
	}

	#navigation li {
		float: left;
		padding: 0 20px 0 0;
	}

	#navigation li a:link,
	#navigation li a:visited {
		float: left;
		padding: 0 0 0 5px;
		background: url(../images/navigation_inactive_front.gif) no-repeat;
		color: #fff;
		line-height: 28px;
		font-size: 14px;
		text-decoration: none;
	}

	#navigation li a:link span,
	#navigation li a:visited span {
		background: url(../images/navigation_inactive_slide.gif) no-repeat right top;
		padding: 0 10px 0 5px;
		display: block;
		float: none;
	}

	#navigation li a:hover,
	#navigation li a:active {
		background-position: 0 100%;
		color: #f08b13;
	}

	#navigation li a:hover span,
	#navigation li a:active span {
		background-position: 100% 100%;
	}

	#navigation li.active a:link,
	#navigation li.active a:visited {
		float: left;
		padding: 0 0 0 5px;
		background: url(../images/navigation_active_front.gif) no-repeat;
		color: #fff;
		line-height: 28px;
		font-size: 14px;
		text-decoration: none;
	}

	#navigation li.active a:link span,
	#navigation li.active a:visited span {
		background: url(../images/navigation_active_slide.gif) no-repeat right top;
		padding: 0 10px 0 5px;
		display: block;
		float: none;
	}

	#navigation li.active a:hover,
	#navigation li.active a:active {
		background-position: 0 100%;
	}

	#navigation li.active a:hover span,
	#navigation li.active a:active span {
		background-position: 100% 100%;
	}

	/* Content blocks */

	#content {
		padding: 30px 0;
	}

	#introduction {
		width: 415px;
		padding: 0 10px 15px 20px;
		float: left;
		text-align: right;
	}

	#introlist {
		width: 415px;
		padding: 0 12px 15px 10px;
		float: left;
	}

	#titles {
		width: 870px;
		padding: 0 0 0 20px;
	}

	#sidebar {
		width: 218px;
		padding: 0 10px 0 20px;
		float: left;
	}

	#sidecontent {
		width: 612px;
		padding: 0 20px 0 10px;
		float: left;
	}

	/* Introduction */

	#introduction h2 {
		font-size: 32px;
		color: #16286a;
	}

	#introduction span {
		font-size: 13px;
		color: #999;
	}

	#introduction p {
		font-size: 16px;
		color: #666;
		line-height: 33px;
		padding-top: 40px;
	}

	/* Intolist */

	#introlist span {
		font-size: 13px;
		color: #16286a;
		line-height: 21px;
		padding: 0 0 26px 0;
		display: block;
	}

	#introlist ul {
		background: #f5f7fc;
		color: #16286a;
		padding: 3px 30px 18px 30px;
	}

	#introlist ul li {
		list-style-type: disc;
	}

	#introlist ul li a:link,
	#introlist ul li a:visited {
		color: #222;
		text-decoration: none;
	}

	#introlist ul li a:active,
	#introlist ul li a:hover {
		color: #16286a;
		text-decoration: underline;
	}	

	#introlist ul li span {
		font-size: 16px;
		font-weight: bold;
		color: #16286a;
		display: block;
		padding: 15px 0 0 0;
	}

	/* Intolist */

	#titles ul {
		padding: 0;
	}

	#titles ul li {
		float: left;
		width: 197px;
		padding: 0 20px 0 0;
	}

	#titles h3 {
		font-size: 18px;
		color: #f08b13;
		line-height: 24px;
		padding: 0 0 10px 0;
	}

	#titles .picture {
		height: 97px;
		width: 197px;
		display: block;
		position: relative;
		padding: 0 0 16px 0;
	}

	#titles .picture span {
		height: 97px;
		width: 197px;
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		background: url(../images/picture_border.png);
	}

	#titles p {
		font-size: 12px;
		color: #444;
	}

	#titles p a:link,
	#titles p a:visited {
		color: #16286a;
		text-decoration: none;
	}

	#titles p a:active,
	#titles p a:hover {
		text-decoration: underline;
	}

	/* Calltoaction */

	#calltoaction {
		width: 395px;
		height: 48px;
		background: url(../images/call_to_action_background.jpg) no-repeat;
		padding: 28px 30px 20px 465px;
		color: #fff;
	}

	#calltoaction a:link,
	#calltoaction a:visited {
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		padding: 0 0 0 18px;
		background: url(../images/arrow.gif) no-repeat left center;
	}

	#calltoaction a:active,
	#calltoaction a:hover {
		text-decoration: underline;
	}

	#calltoaction h4 {
		font-size: 18px;
		font-weight: normal;
		color: #f5f7fc;
	}

	/* Sidebar */

	#sidebar ul {
		background: #f5f7fc;
		padding: 20px 0 20px 10px;
		margin-bottom: 20px;
	}

	#sidebar ul ul {
		padding-top: 0;
	}

	#sidebar li {
		font-size: 14px;
		color: #222;
		font-weight: bold;
	}

	#sidebar li a:link,
	#sidebar li a:visited,
	#sidebar ul li.active ul li a:link,
	#sidebar ul li.active ul li a:visited {
		padding: 0 0 0 25px;
		background: url(../images/arrow_sidebar.gif) no-repeat 4px center;
		font-size: 14px;
		font-weight: normal;
		color: #16286a;
	}

	#sidebar li a:active,
	#sidebar li a:hover {
		color: #f08b13;
	}

	#sidebar li.active a:link,
	#sidebar li.active a:visited {
		background: none;
		color: #222;
		text-decoration: none;
		font-weight: bold;
	}

	#sidebar a#c415 {
		background: url(../images/flags/Netherlands.gif) no-repeat left center;
	}

	#sidebar a#c421 {
		background: url(../images/flags/United-Kingdom.gif) no-repeat left center;
	}

	#sidebar a#c422 {
		background: url(../images/flags/Ireland.gif) no-repeat left center;
	}
	
	#sidebar a#c423 {
		background: url(../images/flags/Denmark.gif) no-repeat left center;
	}

	#sidebar a#c424 {
		background: url(../images/flags/Sweden.gif) no-repeat left center;
	}

	#sidebar a#c425 {
		background: url(../images/flags/Norway.gif) no-repeat left center;
	}

	#sidebar a#c426 {
		background: url(../images/flags/Finland.gif) no-repeat left center;
	}

	#sidebar a#c427 {
		background: url(../images/flags/Poland.gif) no-repeat left center;
	}

	#sidebar a#c428 {
		background: url(../images/flags/Russian-Federation.gif) no-repeat left center;
	}

	#sidebar a#c430 {
		background: url(../images/flags/Germany.gif) no-repeat left center;
	}

	#sidebar a#c431 {
		background: url(../images/flags/Switzerland.gif) no-repeat left center;
	}

	#sidebar a#c432 {
		background: url(../images/flags/Austria.gif) no-repeat left center;
	}

	#sidebar a#c433 {
		background: url(../images/flags/Czech-Republic.gif) no-repeat left center;
	}

	#sidebar a#c434 {
		background: url(../images/flags/Slovakia.gif) no-repeat left center;
	}

	#sidebar a#c435 {
		background: url(../images/flags/Hungary.gif) no-repeat left center;
	}

	#sidebar a#c436 {
		background: url(../images/flags/France.gif) no-repeat left center;
	}

	#sidebar a#c437 {
		background: url(../images/flags/Belgium.gif) no-repeat left center;
	}

	#sidebar a#c438 {
		background: url(../images/flags/Luxembourg.gif) no-repeat left center;
	}

	#sidebar a#c439 {
		background: url(../images/flags/Italy.gif) no-repeat left center;
	}

	#sidebar a#c440 {
		background: url(../images/flags/Spain.gif) no-repeat left center;
	}

	#sidebar a#c441 {
		background: url(../images/flags/Portugal.gif) no-repeat left center;
	}

	#sidebar a#c443 {
		background: url(../images/flags/Turkey.gif) no-repeat left center;
	}

	#sidebar a#c454 {
		background: url(../images/flags/Romania.gif) no-repeat left center;
	}

	#sidebar a#c455 {
		background: url(../images/flags/Greece.gif) no-repeat left center;
	}

	/* Sidecontent navigation */

	#sidecontent .navigation {
		padding: 0 0 10px 0;
	}

	#sidecontent .navigation li {
		float: left;
		padding: 10px 10px 10px 0;
	}

	#sidecontent .navigation li a:link,
	#sidecontent .navigation li a:visited {
		float: left;
		padding: 0 0 0 5px;
		background: url(../images/button_front.gif) no-repeat;
		color: #16286a;
		line-height: 36px;
		font-size: 13px;
		text-decoration: none;
	}

	#sidecontent .navigation li a:link span,
	#sidecontent .navigation li a:visited span {
		background: url(../images/button_slide.gif) no-repeat right top;
		padding: 0 10px 0 5px;
		display: block;
		float: none;
	}

	#sidecontent .navigation li a:hover,
	#sidecontent .navigation li a:active {
		background-position: 0 100%;
		color: #222;
	}

	#sidecontent .navigation li a:hover span,
	#sidecontent .navigation li a:active span {
		background-position: 100% 100%;
	}

	#sidecontent .navigation li.active a:link,
	#sidecontent .navigation li.active a:visited,
	#sidecontent .navigation li.active a:active,
	#sidecontent .navigation li.active a:hover {
		background-position: 0 100%;
		color: #222;
		cursor: default;
	}

	#sidecontent .navigation li.active a:link span,
	#sidecontent .navigation li.active a:visited span,
	#sidecontent .navigation li.active a:active span,
	#sidecontent .navigation li.active a:hover span {
		background-position: 100% 100%;
	}

	#sidecontent .navigation ul {
		padding: 0; 
	}

	#sidecontent .navigation li {
		list-style-type: none;
	}

	/* Sidecontent regular */

	#sidebar .regular li {
		font-size: 12px;
		font-weight: normal;
		color: #16286A;
		padding: 0 0 10px 0;
	}
	
	#sidebar .regular li a:link,
	#sidebar .regular li a:visited {
		background: none;
		color: #16286A;
		font-size:12px;
		font-weight:normal;
		padding: 0;
	}
	
	#sidebar .regular li a:active,
	#sidebar .regular li a:hover {
		color: #333;
	}

	/* Sidecontent */

	#sidecontent h1 {
		font-size: 32px;
		font-weight: bold;
		color: #16286a;
		padding: 20px 0 10px 0;
	}
	
	#sidecontent.regular h1 {
		padding: 0 0 10px 0;
	}

	#sidecontent h2 {
		padding: 5px 0 10px 0;
		color: #16286A;
	}

	#sidecontent ol, ul {
		padding: 5px 0 15px 40px; 
		}

	#sidecontent ol li {
		list-style-type: decimal;
		}

	#sidecontent ul li {
		list-style-type: disc;
		}

	/* Attention */
	
	.attention {
		background: #f5f7fc;
		padding: 15px 20px;
	}

	/* Demoattention */

	#sidecontent #demoattention h2 {
		font-size: 22px;
		color: #222;
		float: left;
		padding: 0;
	}

	#sidecontent #demoattention h4 {
		font-size: 14px;
		float: right;
		padding: 5px 0 0 0;
	}

	#sidecontent #demoattention h4 a:link,
	#sidecontent #demoattention h4 a:visited {
		color: #222;
		text-decoration: underline;
	}

	#sidecontent #demoattention h4 a:active,
	#sidecontent #demoattention h4 a:hover {
		color: #f08b13;
	}

	/* Loggedinattention */

	#sidecontent #loggedinattention a:link,
	#sidecontent #loggedinattention a:visited {
		float: right;
		padding: 0 0 0 10px;
		color: #222;
	}

	#sidecontent #loggedinattention a:active,
	#sidecontent #loggedinattention a:hover {
		color: #f08b13;
	}

	#sidecontent #loggedinattention p {
		float: left;
		padding: 0;
	}

	/* Introsummary */

	#sidecontent .introsummary {
		padding: 0 0 30px 0;
	}

	#sidecontent .introsummary p,
	#sidecontent .introsummary li {
		font-size: 14px;
		color: #666;
		line-height: 23px;
	}

	#sidecontent .introsummary ul {
		color: #666;
	}

	#sidecontent .introsummary li span {
		color: #f08b13;
		font-weight: bold;
	}

	#sidecontent a.button:link,
	#sidecontent a.button:visited {
		float: left;
		padding: 0 0 0 5px;
		background: url(../images/button_dark_front.gif) no-repeat;
		color: #fff;
		line-height: 36px;
		font-size: 13px;
		text-decoration: none;
		display: block;
		overflow: hidden;
	}

	#sidecontent a.button:link span,
	#sidecontent a.button:visited span {
		background: url(../images/button_dark_slide.gif) no-repeat right top;
		padding: 0 10px 0 5px;
		display: block;
		float: none;
	}

	#sidecontent a.button:active,
	#sidecontent a.button:hover {
		background-position: 0 100%;
	}

	#sidecontent a.button:active span,
	#sidecontent a.button:hover span {
		background-position: 100% 100%;
	}

	#sidecontent a.button strong {
		width: 20px;
		height: 36px;
		background: url(../images/arrow.gif) no-repeat left center;
		text-indent: -9999px;
		overflow:hidden;
		display: block;
		float: left;
	}

	/* Summaryattention */

	#sidecontent #summaryattention h2 {
		font-size: 16px;
		color: #222;
	}
	
	#sidecontent #summaryattention ul {
		color: #16286a;
		font-size: 12px;
	}

	#sidecontent #summaryattention h4 {
		color: #666;
		font-size: 14px;
	}

	#sidecontent #summaryattention h4 a:link,
	#sidecontent #summaryattention h4 a:visited {
		color: #222;
		text-decoration: underline;
	}

	#sidecontent #summaryattention h4 a:active,
	#sidecontent #summaryattention h4 a:hover {
		color: #f08b13;
	}

	/* Countries */

	#sidecontent #countries h3 {
		font-size: 22px;
		padding: 30px 0 20px 0;
	}

	#sidecontent #countries ul {
		float: left;
		width: 137px;
		padding: 0 0 0 15px;
		border-right: 1px solid #e4e4e4;
	}

	#sidecontent #countries ul.last {
		border-right: none;
	}

	#sidecontent #countries li {
		list-style-type: none;
		line-height: 22px;
	}

	#sidecontent #countries img {
		vertical-align: middle;
	}

	/* Start */
	
	#sidecontent #start h3{
		font-size: 14px;
		color: #16286a;
		padding: 20px 0 10px 0;
	}

	#sidecontent #start h4{
		font-size: 14px;
		color: #222;
		padding: 10px 0;
	}

	/* Footer */
	
	#footer {
		background: url(../images/footer_background.gif) no-repeat;
		width: 890px;
		height: 50px;
		position: relative;
		margin-top: -50px;
		margin: 0 auto;
	}
	
	#footer ul {
		padding: 18px 0 0 0;
		text-align: center;
	}
	
	#footer li {
		display: inline;
		padding: 0 15px;
		color: #fff;
		font-size: 12px;
	}
	
	#footer li a:link,
	#footer li a:visited {
		color: #fff;
		text-decoration: none;
	}

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


/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}