/*
Theme Name: Sevengreen
Author: Michał Stanowski
Author URI: http://stanowski.info
*/


/* Reset ---------------------------------------------------- */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary {
  display: block;
}


a, ins, del {
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  content: "";
}

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

body {height: 100%; width: 100%; font: normal 12px Arial, Helvetica, sans-serif; color: #1a1a1a; background:#f0f0f0; }
html, body {width: 100%;}

/* Headings */
h2 {font-size: 22px}
h3 {font-size: 20px}
h4 {font-size: 18px}
h5 {font-size: 16px}
h6 {font-size: 14px}


/* Anchors */
a {outline: 0;}
a img {border: none; text-decoration: none;}


/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}


/* Custom ----------------------------------------------------------------------- */


#Container {display:block; width:1222px; margin:0 auto; }
#Top { display:block; margin:0 20px; height: 150px; overflow:hidden;font-size:11px;color:#404041; }
	#Top h1 {display:block; float:left; width: 419px; height:120px; margin-top:20px; }
	#Top h1 a {display:block; float:left; width: 419px; height:120px; background:url(images/Logo.png) left top no-repeat; text-indent:-9000px; }

	#Top .Right {display:block; float:right; margin-top:20px;}
	#Top .Right .Language {display:block; text-align:right; margin-bottom:5px;}
		#Top .Right .Language a {color: #404041; text-transform:uppercase;}
		#Top .Right .Language a:hover,
		#Top .Right .Language a.active {color: #87c440;}

	#Top .Right .Contact {display:block; width:300px;}
		#Top .Right .Contact h3 {display:block; float:right;text-transform:uppercase; font-size:11px; padding-top:5px; border-top: 1px dotted #404041; margin-bottom:10px;}
		#Top .Right .Contact .Box {display:block; overflow:hidden; padding:10px; background:#fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float:right;}
			#Top .Right .Contact .Box img {float:left;margin-right:10px;}
			#Top .Right .Contact .Box ul {display:block; float:left; }
			#Top .Right .Contact .Box ul li {display:block; font-size:9px; margin-top:3px; padding-top:2px; border-top: 1px dotted #404041; text-transform:uppercase; }
			#Top .Right .Contact .Box ul li:first-child {border:none; padding:0; margin:0;}
			#Top .Right .Contact .Box ul li a {color: #404041;}

#Menu {display:block; height:30px; overflow:hidden; margin:0 20px 20px 20px;}
	#Menu ul {display:block; float:right;}
	#Menu ul li {display:block; float:right; margin-left: 10px; height:30px; line-height:30px;}
	#Menu ul li a {display:block; float:left; height:30px; line-height:30px; font-size: 11px; text-transform:uppercase; text-align:center; padding: 0 10px; background:#ababab; color:#fff;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
	#Menu ul li a:hover,
	#Menu ul li a.active {background:#404041;}



#HomePage-Wrapper {display:block; padding:0 20px; overflow:hidden; background:url(images/HomePage-TopBck.png) left bottom no-repeat; }
#HomePage-Wrapper .Box {display:block; width: 541px; height: 425px;  padding:20px;border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px;}
	#HomePage-Wrapper .Box.Green {background:#87c440 url(images/GreenBox.png) left bottom repeat-x; float:left;}
	#HomePage-Wrapper .Box.Blue {background:#6dcff6 url(images/BlueBox.png) left bottom repeat-x; float:right;}

#HomePage-Wrapper .Box .Title {display:block;}
#HomePage-Wrapper .Box .Title h2 {display:block; font-size:20px; text-transform:uppercase; color:#fff; padding-bottom: 10px; margin-bottom:10px; border-bottom:1px dotted #fff; padding-left:35px; height:24px; line-height:24px;}
	#HomePage-Wrapper .Box.Green .Title h2 {background: url(images/HomePage-Sport-Icon.png) left top no-repeat;}
	#HomePage-Wrapper .Box.Blue .Title h2 {background: url(images/HomePage-Interactive-Icon.png) left top no-repeat;}
	#HomePage-Wrapper .Box.Green .Title h2 a,
	#HomePage-Wrapper .Box.Blue .Title h2 a {color: #fff;}
#HomePage-Wrapper .Box .Menu {display:block; margin-bottom:20px; color:#fff; font-size:11px; text-transform:uppercase;}
	#HomePage-Wrapper .Box .Menu a {color: #fff;}
	#HomePage-Wrapper .Box .Menu a:hover {text-decoration:underline;}

#HomePage-Wrapper .Box .Slider {display:block; width: 541px; height:331px; margin-bottom:15px;}
	#HomePage-Wrapper .Box .Slider li {display:block; width: 541px; height:331px; position:relative;}
	#HomePage-Wrapper .Box .Slider li .Photo {display:block;width: 541px; height:331px; position:absolute; left:0; top: 0; z-index:2; }
		#HomePage-Wrapper .Box .Slider li .Photo img {position:absolute; left:0; top: 0; z-index:1;}
		#HomePage-Wrapper .Box .Slider li .Photo span {width: 541px; height:331px;position:absolute; left:0; top: 0; z-index:2; }
			#HomePage-Wrapper .Box.Green .Slider li .Photo span {background:url(images/GreenBox-PhotoFrame.png) left top no-repeat;}
			#HomePage-Wrapper .Box.Blue .Slider li .Photo span {background:url(images/BlueBox-PhotoFrame.png) left top no-repeat;}

	#HomePage-Wrapper .Box .Slider li .Text {display:block; position:absolute; left:20px; top: 150px; z-index:99; color:#fff;}
		#HomePage-Wrapper .Box .Slider li .Text h2 {display:block; font-size:30px; color:#fff; margin:0 50px 10px 0; padding-bottom:10px; border-bottom:1px dotted #fff; text-transform:uppercase;}
		#HomePage-Wrapper .Box .Slider li .Text h2 a {color: #fff;}
		#HomePage-Wrapper .Box .Slider li .Text h2 a:hover {text-decoration:underline;}
		#HomePage-Wrapper .Box .Slider li .Text p {display:block; font-size:12px; text-transform:uppercase;}

	#HomePage-Wrapper .Box .Slider li .More {display:block; float:left; height:18px; line-height:18px; color:#fff; font-size:20px; text-transform:uppercase; padding-right: 20px; background:url(images/HomePage-Box-More-Arrow.png) right top no-repeat; position:absolute; left:20px; bottom:20px; z-index:99;}
	#HomePage-Wrapper .Box .Nav {display:block; text-align:center;}
		#HomePage-Wrapper .Box .Nav a {display:inline-block; margin:0 5px; height:9px; width:9px; background:url(images/HomePage-Box-Nav.png) right top no-repeat; text-indent:-9000px;  }
		#HomePage-Wrapper .Box .Nav a:hover,
		#HomePage-Wrapper .Box .Nav a.activeSlide {background:url(images/HomePage-Box-Nav.png) left top no-repeat;}


.Content-Wrapper {display:block; width:100%;background:#fff url(images/BottomBck.png) left bottom no-repeat; color:#404041; overflow:hidden; margin-bottom:20px;
border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px;
}

.Short-News {display:block; margin:20px;border-bottom: 1px dotted #404041; padding-bottom:10px;}
	.Short-News h3 {display:block; font-size:20px; text-transform:uppercase; margin-bottom:10px;}
	.Short-News h3 a {color: #404041;}
	.Short-News ul {display:block; overflow:hidden;}
		.Short-News ul li {display:block; float:left; height:30px; line-height:30px; margin-left:20px; padding-left:20px; border-left: 1px dotted #404041; width: 31%;}
		.Short-News ul li:first-child {margin:0; padding:0; border:none;}
		.Short-News ul li h4 {font-size:11px; color:#b3b3b3;}
		.Short-News ul li h4 a {color:#404041;}
		.Short-News ul li h4 a:hover {text-decoration:underline;}

.Trusted {display:block; margin:20px; margin-bottom:0; border-bottom: 1px dotted #404041; padding-bottom:20px; overflow:hidden;}
	.Trusted h3 {display:block; font-size:20px; text-transform:uppercase; margin-bottom:10px;}
	.Trusted h3 a {color: #404041;}
	.Trusted .Logos {display:block; height: 38px; width:100%; }
	.Trusted .jcarousel-container {display:block; position:relative; width:1182px;}
	.Trusted .jcarousel-clip {display:block; position:absolute !important; left:66px; height:38px; width:1050px; overflow:hidden;}
		.Trusted .Logos ul {display:block; width:1050px; height:38px; }
		.Trusted .Logos ul li {display:block; float:left; margin-right:30px; padding-right:30px; border-right: 1px dotted #000;}
		.Trusted .Logos ul li:last-child {margin:0; padding:0; border:none;}
		.Trusted .Logos .jcarousel-prev,
		.Trusted .Logos .jcarousel-next {display:block; width:14px; height:38px; float:left; position:absolute; text-indent:-9000px; z-index:99;}
		.Trusted .Logos .jcarousel-prev {left: 20px; background:url(images/Trusted-Prev.png) left center no-repeat;}
		.Trusted .Logos .jcarousel-next {right: 20px; background:url(images/Trusted-Next.png) left center no-repeat;}


#Content-Wrapper {display:block; }
.Content {display:block; width:100%; background:#fff url(images/BottomBck-Page.png) left bottom no-repeat;padding-top:40px;  color:#404041; margin-bottom:20px;
border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px;}

.Color-Menu {display:block; padding:0 20px; height:230px; overflow:hidden; background:url(images/Page-TopBck.png) left bottom no-repeat; }
	.Color-Menu .Green-Inactive {display:block; float:left; width:580px; height:55px; margin-top:30px; background:url(images/Green-Menu.png) left top repeat-x;
	border-radius: 8px 8px 0 0px; -webkit-border-radius: 8px 8px 0 0px; -moz-border-radius: 8px 8px 0 0px; line-height:55px;}
	.Color-Menu .Green-Inactive a {display:block; font-size:20px; text-transform:uppercase; color:#fff; padding-left:35px; height:55px; line-height:55px; margin-left:20px; background: url(images/HomePage-Sport-Icon.png) left center no-repeat;}
	.Color-Menu .Blue-Inactive {display:block; float:right; width:580px; height:55px; margin-top:30px; background:url(images/Blue-Menu.png) left top repeat-x;
	border-radius: 8px 8px 0 0px; -webkit-border-radius: 8px 8px 0 0px; -moz-border-radius: 8px 8px 0 0px; line-height:55px;}
	.Color-Menu .Blue-Inactive a {display:block; font-size:20px; text-transform:uppercase; color:#fff; padding-left:35px; height:55px; line-height:55px; margin-left:20px; background: url(images/HomePage-Interactive-Icon.png) left center no-repeat;}

	.Color-Menu .Blue-Active {display:block; float:right; width:540px; height:66px;background:#6dcff6; padding:20px 20px 0 20px;
	border-radius: 8px 8px 0 0px; -webkit-border-radius: 8px 8px 0 0px; -moz-border-radius: 8px 8px 0 0px; margin-left:20px; }
	.Color-Menu .Blue-Active .Title h2 {display:block; font-size:20px; text-transform:uppercase; color:#fff; padding-bottom: 10px; margin-bottom:10px; border-bottom:1px dotted #fff; padding-left:35px; height:24px; line-height:24px;background: url(images/HomePage-Interactive-Icon.png) left top no-repeat;}

	.Color-Menu .Green-Active {display:block; float:left; width:540px; height:66px;background:#87c440; padding:20px 20px 0 20px;
	border-radius: 8px 8px 0 0px; -webkit-border-radius: 8px 8px 0 0px; -moz-border-radius: 8px 8px 0 0px; margin-right:20px; }
	.Color-Menu .Green-Active .Title h2 {display:block; font-size:20px; text-transform:uppercase; color:#fff; padding-bottom: 10px; margin-bottom:10px; border-bottom:1px dotted #fff; padding-left:35px; height:24px; line-height:24px;background: url(images/HomePage-Sport-Icon.png) left top no-repeat;}

	.Color-Menu .Blue-Active .Menu {display:block; margin-bottom:20px; color:#fff; font-size:11px; text-transform:uppercase;}
		.Color-Menu .Blue-Active .Menu a {color: #fff;}
		.Color-Menu .Blue-Active .Menu a:hover {text-decoration:underline;}
	.Color-Menu .Green-Active .Menu {display:block; margin-bottom:20px; color:#fff; font-size:11px; text-transform:uppercase;}
		.Color-Menu .Green-Active .Menu a {color: #fff;}
		.Color-Menu .Green-Active .Menu a:hover {text-decoration:underline;}

	.Color-Menu .Info {display:block; width:1182px; height:144px; overflow:hidden;}
		.Color-Menu .Info.Green {background: url(images/Green-Active.png) left top no-repeat;}
		.Color-Menu .Info.Blue {background: url(images/Blue-Active.png) left top no-repeat;}

	.Color-Menu .Info h3 {display:block; font-size:20px; text-transform:uppercase; color:#fff; margin:25px 0 0 284px;}
	.Color-Menu .Info h4 {display:block; font-size:37px; text-transform:uppercase; color:#fff; margin:10px 0 0 284px; padding-top:10px; border-top: 1px dotted #fff; float:left;}


.Project {display:block; overflow:hidden; margin:0 20px 60px 20px;}
	.Project .Photos {display:block; width:600px; float:left; height:257px; margin-right:20px;}
	.Project .Photos .Left {display:block; width:459px; height:257px; position:relative; float:left; padding-right:20px; border-right: 1px dotted #404041;}
		.Project .Photos .Left img {display:block; width:459px; height:257px; position:absolute; left:0;top: 0; z-index:2;}
		.Project .Photos .Left span {display:block; width:459px; height:257px; position:absolute; left:0; top: 0; z-index:10; background:url(images/WhiteBox-PhotoFrame.png) left top no-repeat;}
	.Project .Photos .Right {display:block; float:right; width:103px;}
		.Project .Photos .Right ul {display:block; list-style:none;}
		.Project .Photos .Right ul li {display:block; width: 103px; height:56px; margin-bottom:10px;}
		.Project .Photos .Right ul li.last {margin:0;}
	.Project .Photos .Right .jcarousel-container-vertical {width: 103px; height: 257px;}
	.Project .Photos .Right .jcarousel-clip-vertical {width: 103px; height: 188px;position: absolute; top: 35px; overflow: hidden;}
	.Project .Photos .Right .jcarousel-prev {display: block; position: absolute; top: 0; left: 0; width: 103px; height: 12px; z-index: 100; background: url(images/Photos-Prev.png) center top no-repeat;}
	.Project .Photos .Right .jcarousel-next {display: block; position: absolute; bottom: 0; left: 0; width: 103px; height: 12px; z-index: 100; background: url(images/Photos-Next.png) center top no-repeat;}
	.Project .Photos .Right .jcarousel-container-vertical .jcarousel-item,
	.Project .Photos .Right .jcarousel-container-vertical .jcarousel-item-vertical {width: 103px; height:56px; }

	
	.Project .Desc {display:block; width:560px; float:left; font-size:11px;}
		.Project .Desc h2 {display:block; font-size:40px; text-transform:uppercase;}
		.Project .Desc h3 {display:block; font-size:30px; text-transform:uppercase; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px dotted #404041;}
		.Project .Desc ul {display:block;}
		.Project .Desc ul li {display:block; background:url(images/List-Arrow.png) left center no-repeat; padding-left:10px;}


.Services {display:block; margin:0 20px; overflow:hidden; margin-bottom:60px;}
.Services .Box {display:block; width:500px;}
.Services .Box.Left {float:left;}
.Services .Box.Right {float:right; padding-left:20px; border-left: 1px dotted #000;}
.Services h2 {display:block; font-size:40px; text-transform:uppercase;}
.Services h3 {display:block; font-size:30px; text-transform:uppercase; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px dotted #404041;}
.Services ul {display:block;}
.Services ul li {display:block; background:url(images/List-Arrow.png) left center no-repeat; padding-left:10px;}




#Footer {display:block; margin:0 20px; height:50px; line-height:50px; text-transform:uppercase; font-size:9px; color: #404041; }
	#Footer .Left {display:block; float:left; width:45%;}
	#Footer .Right {display:block; float:right; width:45%; text-align:right;}
	#Footer .Left span {font-size:15px;}
	#Footer .Left a {color: #404041;}
	  #Footer .Left a:hover {text-decoration:underline;}


#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(images/progress.gif) no-repeat center center;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }