/*

	Stylesheet for CGK Group

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	Author:     Yoni De Beule <yoni@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.5;
	color: #333;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3 {
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	border: 0;
	color: #000 !important;
}

h1 {
	font-size: 23px;
	padding: 0 0 12px 0;
}

h2 {
	font-size: 21px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 17px;
	padding: 0 0 12px 0;
}

h4 {
	font-size: 14px;
	padding: 0 0 6px 0;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

/* Default links (purple) */

a:link {
	color: #ac2c85;
	border-color: #e3b7d5;
}

a:visited {
	color: #a32a7e;
	border-color: #e0b6d3;
}

a:hover {
	color: #9a2877;
	border-color: #9a2877;
}

a:active {
	color: #922571;
	border-color: #922571;
}

input.input-submit {
	color: #fff;
	background: #ac2c85;
}

input.input-submit:hover {
	background: #9a2877;
}

input.input-submit:active,
input.input-submit:focus {
	background: #922571;
}

/* Green links */

body#green a:link {
	color: #009932;
	border-color: #a8dcb9;
}

body#green a:visited {
	color: #00912f;
	border-color: #a8d9b8;
}

body#green a:hover {
	color: #00892d;
	border-color: #00892d;
}

body#green a:active {
	color: #00822b;
	border-color: #00822b;
}

body#green input.input-submit {
	color: #fff;
	background: #009932;
}

body#green input.input-submit:hover {
	background: #00892d;
}

body#green input.input-submit:active,
body#green input.input-submit:focus {
	background: #00822b;
}

/* Blue links */

body#blue a:link {
	color: #00699b;
	border-color: #a8ccdd;
}

body#blue a:visited {
	color: #006493;
	border-color: #a8cada;
}

body#blue a:hover {
	color: #005e8b;
	border-color: #005e8b;
}

body#blue a:active {
	color: #005984;
	border-color: #005984;
}

body#blue input.input-submit {
	color: #fff;
	background: #00699b;
}

body#blue input.input-submit:hover {
	background: #005e8b;
}

body#blue input.input-submit:active,
body#blue input.input-submit:focus {
	background: #005984;
}

/* Red links */

body#red a:link {
	color: #cd071e;
	border-color: #eeaab2;
}

body#red a:visited {
	color: #c3071c;
	border-color: #ebaab2;
}

body#red a:hover {
	color: #b8061b;
	border-color: #b8061b;
}

body#red a:active {
	color: #ae061a;
	border-color: #ae061a;
}

body#red input.input-submit {
	color: #fff;
	background: #cd071e;
}

body#red input.input-submit:hover {
	background: #b8061b;
}

body#red input.input-submit:active,
body#red input.input-submit:focus {
	background: #ae061a;
}

/* Yellow links */

body#yellow a:link {
	color: #dea900;
	border-color: #f4e2a8;
}

body#yellow a:visited {
	color: #d3a000;
	border-color: #f0dfa8;
}

body#yellow a:hover {
	color: #c79800;
	border-color: #c79800;
}

body#yellow a:active {
	color: #bd9000;
	border-color: #bd9000;
}

body#yellow input.input-submit {
	color: #fff;
	background: #dea900;
}

body#yellow input.input-submit:hover {
	background: #c79800;
}

body#yellow input.input-submit:active,
body#yellow input.input-submit:focus {
	background: #bd9000;
}

/* .content defaults */

.content .silverBox, .content h2, .content h3, .content h4 {
	clear: both;
}

.content ul {
	list-style: disc;
	padding: 0 0 12px 12px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
	text-indent: -0.8em;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #f4f4f4;
	width: 100%;
}

.content td,
.content th {
	border-bottom: 1px solid #f4f4f4;
	font-size: 11px; 
	padding: 4px;
}

.content th {
	font-weight: 700;
}

.content table.invisible {
	border: 0;
}

.content table.invisible td,
.content table.invisible th {
		border: 0;
}

/*
	Sticky footer
*/

html, body, #topWrapper {
	height: 100%;
}

body > #topWrapper {
	height: auto;
	min-height: 100%;
}

#content {
	padding-bottom: 80px; /* Footer height */
}

#bottomWrapper {
	position: relative;
	margin-top: -80px; /* Footer height */
	height: 60px;
	clear:both;
}

/*
	Page structure and layout
*/

#headerWrapper {
	background: url('../images/header_background.gif') repeat-x 0 0;
	height: 191px;
}

	body#green #headerWrapper { background-position: 0 -191px; }
	body#blue #headerWrapper { background-position: 0 -382px; }
	body#purple #headerWrapper { background-position: 0 -573px; }
	body#red #headerWrapper { background-position: 0 -764px; }
	body#yellow #headerWrapper { background-position: 0 -955px; }

#header {
	width: 984px;
	height: 191px;
	position: relative;
	margin: 0 auto;
	background: url(../images/header.png);
}

#content {
	width: 936px;
	padding-top: 24px;
	margin: 0 auto;
}

#footerWrapper {
	background: #cdcdcd;
	height: 80px;
}

#footer {
	width: 984px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/footer.gif) no-repeat;
}

	/* General */

	.item {
		padding-bottom: 24px;
	}

	.silverBox {
		padding: 24px;
		margin-bottom: 24px;
		background: #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.silverBox small {
		color: #999;
	}

	small {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
	}

	a.button:link,
	a.button:visited {
		height: 22px;
		line-height: 22px;
		padding: 0 0 0 10px;
		float: left;
		border: none;
		white-space: nowrap;
		color: #666 !important;
		background: url(../images/buttons.gif) no-repeat;
	}

	a.button:link span,
	a.button:visited span {
		float: left;
		padding: 0 10px 0 0;
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-weight: 700;
		border: none;
		cursor: pointer;
		background: url(../images/buttons.gif) no-repeat top right;
	}

	a.button:hover,
	a.button:active,
	a.button:focus {
		background: url(../images/buttons.gif) no-repeat 0 -22px;
	}

	a.button:hover span,
	a.button:active span,
	a.button:focus span {
		color: #000 !important;
		background: url(../images/buttons.gif) no-repeat right -22px;
	}

	.icon {
		vertical-align: middle;
		padding-right: 4px;
	}

	/* Header */

	#extraBar {
		float: right;
		padding-right: 24px;
	}

	#navigation {
		float: left;
		padding: 12px 6px;
	}

	#navigation li {
		float: left;
		padding: 0 12px;
		background: url(../images/navigation_divider.gif) no-repeat center right;
	}

		#navigation li.lastChild {
			background: none;
		}

	#navigation li a,
	#navigation li a:link,
	#navigation li a:visited {
		color: #666;
		border-color: #ababab;
	}

	#navigation li a:hover,
	#navigation li a:active {
		color: #333;
		border-color: #333;
	}

	#navigation li.selected a,
	#navigation li.selected a:link,
	#navigation li.selected a:visited {
		color: #000;
		border-color: #898989;
	}

	#navigation li.selected a:hover,
	#navigation li.selected a:active {
		color: #000;
		border-color: #000;
	}

	#language {
		float: left;
		padding: 12px 24px;
	}

	#language li {
		float: left;
		padding: 0 4px;
	}

	#language li a {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
		padding: 4px 4px;
		color: #666;
		border: 0;
	}

		#language li a:link,
		#language li a:visited {
			color: #666;
		}

		#language li a:hover,
		#language li a:active {
			color: #333;
			background: #e6e6e6;
		}

		#language li.selected a,
		#language li.selected a:link,
		#language li.selected a:visited {
			color: #333;
			background: #f4f4f4;
		}

		#language li.selected a:hover,
		#language li.selected a:active {
			color: #000;
			background: #fff;
		}

	#sectionNavigation {
		position: absolute;
		top: 137px;
		left: 30px;
		width: 936px;
		height: 64px;
	}

	#sectionNavigation li {
		float: left;
		padding-right: 10px;
	}

	#sectionNavigation li a {
		height: 64px;
		display: block;
		border: 0;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/navigation.gif') no-repeat;
	}

	#sectionNavigation li.id410 a {
		width: 137px;
		background-position: 0 0;
	}

		#sectionNavigation li.id410 a:link,
		#sectionNavigation li.id410 a:visited {
			background-position: 0 0;
		}

		#sectionNavigation li.id410 a:hover,
		#sectionNavigation li.id410 a:active {
			background-position: 0 -65px;
		}

		body#green #sectionNavigation li.id410 a {
			background-position: 0 -130px;
		}

	#sectionNavigation li.id411 a {
		width: 151px;
		background-position: -138px 0;
	}

		#sectionNavigation li.id411 a:link,
		#sectionNavigation li.id411 a:visited {
			background-position: -138px 0;
		}

		#sectionNavigation li.id411 a:hover,
		#sectionNavigation li.id411 a:active {
			background-position: -138px -65px;
		}

		body#blue #sectionNavigation li.id411 a {
			background-position: -138px -130px;
		}

	#sectionNavigation li.id412 a {
		width: 193px;
		background-position: -290px -130px;
	}

		#sectionNavigation li.id412 a:link,
		#sectionNavigation li.id412 a:visited {
			background-position: -290px 0;
		}

		#sectionNavigation li.id412 a:hover,
		#sectionNavigation li.id412 a:active {
			background-position: -290px -65px;
		}

		body#purple #sectionNavigation li.id412 a {
			background-position: -290px -130px;
		}

	#sectionNavigation li.id413 a {
		width: 198px;
		background-position: -484px -130px;
	}

		#sectionNavigation li.id413 a:link,
		#sectionNavigation li.id413 a:visited {
			background-position: -484px 0;
		}

		#sectionNavigation li.id413 a:hover,
		#sectionNavigation li.id413 a:active {
			background-position: -484px -65px;
		}

		body#red #sectionNavigation li.id413 a {
			background-position: -484px -130px;
		}

	#sectionNavigation li.id414 a {
		width: 192px;
		background-position: -683px -130px;
	}

		#sectionNavigation li.id414 a:link,
		#sectionNavigation li.id414 a:visited {
			background-position: -683px 0;
		}

		#sectionNavigation li.id414 a:hover,
		#sectionNavigation li.id414 a:active {
			background-position: -683px -65px;
		}

		body#yellow #sectionNavigation li.id414 a {
			background-position: -683px -130px;
		}

	/* Logo */

	#header h1,
	#header h2 {
		width: 408px;
		height: 70px;
		text-indent: -9999px;
		position: absolute;
		top: 20px;
	}

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

	/* Breadcrumb */

	#breadcrumb {
		clear: both;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
		padding: 9px 12px;
		border-bottom: 1px solid #e1e1e1;
		color: #999;
	}

	#breadcrumb p {
		padding: 0;
	}

	#breadcrumb a,
	#breadcrumb a:link,
	#breadcumb a:visited {
		color: #666 !important;
		border-color: #cdcdcd !important;
	}

	#breadcrumb a:hover,
	#breadcumb a:active {
		color: #555 !important;
		border-color: #555 !important;
	}

	/* Subnavigation */

	#subNavigation {
		width:168px;
		padding-bottom: 24px;
	}

	#subNavigation li {
		background: #ac2c85;
	}

	body#green #subNavigation li {
		background: #009932;
	}

	body#blue #subNavigation li {
		background: #00699b;
	}

	body#red #subNavigation li {
		background: #cd071e;
	}

	body#yellow #subNavigation li {
		background: #dea900;
	}

	#subNavigation li:hover,
	#subNavigation li:active,
	#subNavigation li.selected {
		background: #333 !important;
	}

	#subNavigation li.selected a {
		color: #333;
		font-weight: 700;
	}

	#subNavigation li a {
		background: url(../images/navigation_background.png) no-repeat;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
		padding: 5px 6px 5px 12px;
		display: block;
		border-color: #eee !important;
	}

		#subNavigation li a:hover,
		#subNavigation li a:active {
			color: #333 !important;
		}
	

	/* Content */

	#main {
		padding-top: 24px;
	}

	p.date {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
		color: #999;
	}

	/* Search bar */

	#searchBar {
		padding: 12px;
		margin-bottom: 24px;
		background: #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
	}

	#searchLoop {
		width: 13px;
		height: 14px;
		background: url(../images/search_icon.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 18px;
		left: 18px;
	}

	#searchBar input.input-text {
		width: 118px;
		padding: 4px 2px 4px 20px;
	}

	#searchBar input.input-submit {
		margin-top: 6px;
		width: 144px;
	}

	/* Newsletter */

	#newsletter input.input-text {
		width: 162px;
	}

	#newsletter input.input-submit {
		margin-top: 6px;
		width: 168px;
	}

	.form-error {
		padding: 4px;
		margin: 3px 0;
		background: #fbe3e4;
		border: 1px solid #fbc2c4;
		color: #8a1f11;
		display: block;
	}

	/* Lightbox */
	
	#lightbox, #overlay {
		display: none;
	}

	/* Footer */

	#footer ul {
		text-align: center;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.636;
		padding-top: 36px;
		color: #666;
	}

	#footer li {
		display: inline;
		padding: 0 12px;
	}

	#footer li a,
	#footer li a:link,
	#footer li a:visited {
		color: #444 !important;
		border-color: #ababab !important;
	}

	#footer li a:hover,
	#footer li a:active {
		color: #222 !important;
		border-color: #222 !important;
	}

/*
	Column system
*/

.col { width: 72px; padding-right: 24px; float: left; }
.col-2 { width: 168px; }
.col-3 { width: 264px; }
.col-4 { width: 360px; }
.col-5 { width: 456px; }
.col-6 { width: 552px; }
.col-7 { width: 648px; }
.col-8 { width: 744px; }
.col-9 { width: 840px; }
.lastCol { padding-right: 0; }
.paddingLeftCol { padding-left: 96px; }
.cols { clear: both; }
img.goLeft { float:left; margin-left:-96px; padding-right:24px; width:72px; height: auto; }

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Form styles */

legend {
	display: none;
}

label {
	font-size: 11px;
	font-weight: 700;
	display: block;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 4px 0;
}

input.input-text,
input.text,
textarea {
	font-size: 11px;
	background: #fcfcfc;
	border: 1px solid #bbb;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 4px 2px;
}

input:focus, 
textarea:focus {
	border-color: #999; 
	background: #fff;
}

@-moz-document url-prefix() {
	input[type="text"]:focus,
	input[type="search"]:focus,
	textarea:focus { 
		outline: 2px solid #b6cbe5;
		-moz-outline-radius: 5px;
		fborder-color: #5d92d4;
	}
} 

input.input-submit {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 0;
	text-align: center;
	cursor: pointer;
}

/* General classes */

.hidden { display: none; }
.block { display: block; }

.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }

.floatLeft { float: left; }
.floatRight { float: right; }

.noBorder { border: none !important; }
.border { border: 1px solid #C7C7C7; }

.clear { clear: both;}

.serif { font-family: "Times New Roman", Times, Georgia, serif; }
.serifSpecial { font-family: "Hoefler Text", "Palatino Linotype", "Times New Roman", Times, Georgia, serif; }
.uc { text-transform: uppercase; }
.sc { font-variant: small-caps; }
.lc { text-transform: lowercase; }

.rc {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: 0;
}

/*
	Clearfix
*/

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