/* 			FÄRGER
____________________________________*/
@green: #37af4b;
@border_gray: #555;
@light_gray: #e1e1e1;
@input_gray: #999;
@medium_gray: #c2c2c2;
@blue: #00bff3;
@orange: #ff7c00;
/*____________________________________*/


/* 			MÅTT
____________________________________*/
@gridbox: 160px;
@spacing: 30px;
/*____________________________________*/


/* 			TYPO
____________________________________*/
a
{
	text-decoration: none;
}
h1, h5, h6
{
	font-size: 14px;
}
a h5
{
	color: white;
	border-bottom: 1px solid black;
}
a h5:hover
{
	border-bottom: 1px solid @green ;
}
h2, h4
{
	font-family: "CooperLightBT", "Georgia", "Serif";
	font-size: 25px;
	margin-bottom: 13px;
}
h4
{
	padding-bottom: 30px;
}

body, input, button
{
	font-family: "CooperLightBT", "Georgia", "Serif";
	color: white;
	font-size: 14px;
}
input
{
	color: @input_gray;
}
button
{
	cursor: pointer;
}
p
{
	line-height: 17px;
	padding-bottom: 17px;
}
ol
{
	list-style: decimal;
	margin-top: 0;
}
/*____________________________________*/


/* 			STRUKTUR
____________________________________*/
html, body
{
	background-color: black;
	min-height: 100%;
	margin-bottom: 0;
}
div, ul, img
{
	position: relative;
}

#site-wrapper
{
	width: @gridbox * 6;
	margin: 0 auto;
	min-height: 100%;
}
*:focus
{
	border: 0;
	outline: 0;
}
/*____________________________________*/


/* 			DELAT, ETC
____________________________________*/
.boxheader
{
	height: 30px;
	width: 100%;
	background-color: black;
	h5, h1
	{
		padding: 10px;
		padding-top: 8px;
		a
		{
			color: white;
		}
		a:hover
		{
			border-bottom: 1px solid @green;
		}
	}
}
.border-left
{
	border-left: 1px solid @border_gray;
}
.border-left-green
{
	border-left: 1px solid @green;
}
.border-right
{
	border-right: 1px solid @border_gray;
}
.border-right-green
{
	border-right: 1px solid @green;
}
.border-top
{
	border-top: 1px solid @border_gray;
}
.border-top-white
{
	border-top: 1px solid white;
}
.border-bottom
{
	border-bottom: 1px solid @border_gray;
}
.overflow-hidden
{
	overflow: hidden;
}
.float-left
{
	float: left;
}
.float-fix
{
	clear: both;
	float: none;
	display: none;
}
#contact-form-box
{
	width: 100%;
	height: 100%;
	input
	{
		position: absolute;
		background-color: white;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		height: 25px;
		border: 1px solid white;
	}
	input#name
	{
		width: 297px;
		left: 10px;
		top: 15px;
	}
	input#phone, input#email
	{
		width: 141px;
		height: 25px;
	}
	input#phone, input#email
	{
		top: 55px;
	}
	input#phone, button#callme
	{
		left: 10px;
	}
	input#email, button#emailme
	{
		left: 165px;
	}
	button
	{
		width: 145px;
		top: 92px;
		position: absolute;
		border: 0;
		color: black;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		div
		{
			margin-bottom: 3px;
		}
	}
	button#callme
	{
		background-color: @blue;
	}
	button#emailme
	{
		background-color: @orange;
	}
}
#contact-thankyou
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align: center;
	display: none;
	h3
	{
		margin-top: 70px;
	}
}
.bg-blue
{
	background-color: @blue;
}
.bg-orange
{
	background-color: @orange;
}
/*____________________________________*/


/* 			HEADER & MENY
____________________________________*/
#header
{
	top: 0;
	left: 0;
	height: @gridbox / 2;
	width: 100%;
}

#header-ul
{
	width: 100%;
	height: 52px;
}

#header-ul li
{
	height: 100%;
	float: left;
}

#logo-box
{
	width: @gridbox * 2;
	border-right: 1px solid white;
}

#logo-box img
{
	position: absolute;
	bottom: -1px;
	margin-left: 25px;
	margin-right: 25px;
}

#main-menu
{
	position: absolute;
	bottom: -3px;
}

#main-menu li
{
	margin-left: 10px;
}

#main-menu .current-menu-item a h5, #main-menu .current-post-ancestor a h5
{
	color: @green;
}

#chat-icon
{
	position: absolute;
	right: 20px;
	bottom: -7px;
}
/*___________________________________*/


/* 			STARTSIDA
____________________________________*/
#frontpage-media
{
	clear: both;
	border-top: 1px solid @border_gray;
	border-bottom: 1px solid white;
	width: @gridbox * 6;
	height: @gridbox * 3;

}
#frontpage-content
{
	position: relative;
	top: 0;
	width: 100%;
	height: (@gridbox * 3);
	.frontpage-contact-us
	{
		position: absolute;
		top: (@gridbox * 2);
		width: @gridbox * 2;
		height: (@gridbox * 4)+ 100px;
		left: -1px;
		background-color: black;
		.contact-content
		{
			margin: 10px;
			h1 a, a
			{
				color: white;
			}
			a.addthis_button_expanded {
				color: black;
			}
			h1 a:hover, a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.frontpage-twitter
	{
		position: absolute;
		top: (@gridbox * 2);
		width: @gridbox * 2;
		height: (@gridbox * 4)+ 100px;
		left: 320px;
		background-color: black;
		.contact-content
		{
			margin: 10px;
			h1 a, a
			{
				color: white;
			}
			h1 a:hover, a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.spacer-1
	{
		position: absolute;
		width: @gridbox;
		height: (@gridbox * 4)+ 100px;
		top: (@gridbox * 2);
		left: @gridbox * 2;
	}
	.spacer-2
	{
		position: absolute;
		width: @gridbox;
		height: (@gridbox * 4)+ 100px;
		top: (@gridbox * 2);
		left: @gridbox * 3;
	}
	.spacer-3
	{
		position: absolute;
		width: @gridbox;
		height: (@gridbox * 4)+ 100px;
		top: (@gridbox * 2);
		left: @gridbox * 4;
		background: black;
	}
	.copyright
	{
		position: absolute;
		top: (@gridbox * 2);
		width: @gridbox;
		height: (@gridbox * 4)+ 100px;
		left: @gridbox *5;
		background: black;
		div
		{
			position: absolute;
			right: 0;
			margin: 10px;
			font-size: 18px;
		}
	}
}
#frontpage-contact-leadin
{
	position: absolute;
	top: 0;
	left: 0;
	width: @gridbox * 2;
	height: @gridbox - 1;
	background: #000;
	img.arrow
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
		cursor: pointer;
	}
}
#contact-leadin-box
{
	div
	{
		margin: 10px;
		em
		{
			a
			{
				color: white;
			}
			a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
}
#frontpage-contact
{
	position: absolute;
	top: @gridbox;
	left: -1px;
	width: @gridbox * 2;
	height: @gridbox;
	background-color: @light_gray;
}
#facts-ticker-box
{
	position: absolute;
	top: 0;
	left: @gridbox * 2;
	width: @gridbox * 2;
	height: @gridbox;
	background-color: @green;
	overflow: hidden;
}
#facts-ticker
{
	li
	{
		h2
		{
			text-align: center;
			margin-top: 50px;
		}
	}
}

#featured-products
{
	position: absolute;
	top: 0;
	left: @gridbox * 4;
	width: (@gridbox * 2) - 1;
	height: @gridbox * 2;
	background-color: @light_gray;
	overflow: hidden;
	.image
	{
		position: relative;
		height: 270px;
		margin: 0 auto;
		text-align: center;
		img
		{
			vertical-align: middle;
			width: auto;
			height: 100%;
		}
	}
	img.arrow
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	.quote
	{
		color: @green;
		position: absolute;
		left: 10px;
		bottom: 10px;
		font-style: italic;
	}
}
#client-list
{
	position: absolute;
	top: @gridbox;
	left: @gridbox * 2;
	width: (@gridbox * 2) - 1;
	height: @gridbox;
	background-color: @medium_gray;
	overflow: hidden;
	div
	{
		div
		{
			margin: 10px;
			h2
			{
				margin-bottom: 2px;
				font-size: 14px;
			}
		}
	}
}
/*___________________________________*/


/* 			VÅRA SPEL
____________________________________*/
#games-list
{
	width: 100%;
	border-top: 1px solid white;
	cursor: pointer;
	li
	{
		height: @gridbox;
		position: relative;
		.game-title
		{
			width: @gridbox * 2;
		}
		.game-icon
		{
			background-color: @light_gray;
		}
		.game-properties
		{
			background-color: @light_gray;
			color: black;
			position: absolute;
			left: @gridbox;
			top: 30px;
			width: @gridbox;
			div
			{
				height: 65px;
				p
				{
					line-height: 13px;
				}
				p.clock
				{
					position: absolute;
					top: 22px;
					left: 45px;
				}
				img.clock
				{
					margin-top: 20px;
				}
				p.players
				{
					position: absolute;
					top: 11px;
					left: 45px;
				}
				img.person
				{
					margin-top: 11px;
				}
				img
				{
					margin-left: 10px;
				}
			}
		}
		.game-excerpt
		{
			position: absolute;
			background-color: @medium_gray;
			width: @gridbox * 2;
			height: ((@gridbox - 30) / 2);
			left: @gridbox * 2;
			top: 30px;
			overflow: hidden;
			img
			{
				position: absolute;
				left: 20px;
				top: 16px;
			}
			div.excerpt
			{
				position: absolute;
				left: 45px;
				margin-top: 11px;
				margin-bottom: 10px;
				margin-right: 10px;
				p
				{
					line-height: 14px;
					color: black;
				}
			}
		}
		.game-price
		{
			position: absolute;
			background-color: @medium_gray;
			width: @gridbox * 2;
			height: ((@gridbox - 30) / 2);
			left: @gridbox * 2;
			top: ((@gridbox / 2) + 15);
			overflow: hidden;
			img
			{
				position: absolute;
				left: 13px;
				top: 15px;
			}
			div.price
			{
				position: absolute;
				left: 45px;
				margin-top: 11px;
				margin-bottom: 10px;
				margin-right: 10px;
				line-height: 14px;
				color: black;
			}
		}
		.game-image
		{
			position: absolute;
			left: @gridbox * 4;
			top: 30px;
			width: @gridbox * 2;
			height: @gridbox;
			overflow: hidden;
		}
/*
		.game-rating
		{
			position: absolute;
			left: @gridbox * 4;
			top: 30px;
			width: @gridbox * 2;
			height: @gridbox;
			background-color: @medium_gray;
			.game-rating-list
			{
				position: relative;
				left: 11px;
				top: 35px;
				li
				{
					margin: 15px;
					color: black;
					height: auto;
					float: left;
					text-align: center;
				}
			}
		}
*/
		.spacer-1
		{
			position: absolute;
			top: 0;
			left: @gridbox * 2;
			width: @gridbox * 2;
			height: 30px;
		}
		.spacer-2
		{
			position: absolute;
			top: 0;
			left: @gridbox * 4;
			width: @gridbox * 2;
			height: 30px;
		}
	}
}
/*___________________________________*/

/* 			SINGLE SPEL
____________________________________*/
#game-content
{
	position: relative;
	border-top: 1px solid white;
	.copyright
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		height: @gridbox;
		width: (@gridbox * 2) - 1;
		left: (@gridbox * 4);
		div
		{
			position: absolute;
			right: 0;
			margin: 10px;
			font-size: 18px;
		}
	}
	.spacer-3
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		height: @gridbox;
		width: @gridbox;
		left: (@gridbox * 2);
	}
	.spacer-4
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		height: @gridbox;
		width: @gridbox;
		left: (@gridbox * 3);
	}
	.game-title
	{
		position: absolute;
		top: 0;
		left: -1px;
		width: @gridbox * 2;
	}
	.spacer-1
	{
		position: absolute;
		top: 0;
		left: @gridbox * 2;
		width: @gridbox * 2;
		height: 30px;
	}
	.spacer-2
	{
		position: absolute;
		top: 0;
		left: @gridbox * 4;
		width: (@gridbox * 2) - 1;
		height: 30px;
	}
	.packshot
	{
		position: absolute;
		top: 30px;
		left: -1px;
		width: @gridbox * 2;
		height: @gridbox * 3;
		background-color: @light_gray;
	}
	.content
	{
		position: absolute;
		top: 30px;
		left: @gridbox * 2;
		width: @gridbox * 2;
		height: @gridbox * 3;
		background-color: @light_gray;
		div
		{
			color: black;
			margin: 20px;
			margin-left: 10px;
		}
	}
	.game-quotes
	{
		position: absolute;
		top: 30px;
		left: @gridbox * 4;
		width: (@gridbox * 2) - 1;
		height: @gridbox * 3;
		background-color: @green;
		color: white;
		div
		{
			margin: 25px;
			margin-left: 25px;
			margin-top: 20px;
		}
	}
	.game-props-rating
	{
		position: absolute;
		top: (@gridbox * 3) + 30px;
		left: -1px;
		width: @gridbox * 2;
		height: @gridbox;
		background-color: @medium_gray;
		.game-properties
		{
			color: black;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			div
			{
				height: 65px;
				p
				{
					line-height: 13px;
				}
				p.clock
				{
					position: absolute;
					top: 22px;
					left: 45px;
				}
				img.clock
				{
					margin-top: 20px;
				}
				p.players
				{
					position: absolute;
					top: 11px;
					left: 45px;
				}
				img.person
				{
					margin-top: 11px;
				}
				img
				{
					margin-left: 10px;
				}
			}
			div.players
			{
				position: absolute;
				left: @gridbox;
				top: 0;
				width: @gridbox;
			}
		}
		.game-location
		{
			position: absolute;
			top: 65px;
			left: 0;
			width: @gridbox;
			height: (@gridbox - 30) / 2;
			img.location
			{
				position: absolute;
				left: 20px;
				top: 16px;
			}
			div.location
			{
				position: absolute;
				left: 45px;
				line-height: 14px;
				color: black;
			}
		}
		.game-price
		{
			position: absolute;
			top: 65px;
			left: @gridbox;
			width: @gridbox;
			height: (@gridbox - 30) / 2;
			img.price
			{
				position: absolute;
				left: 13px;
				top: 15px;
			}
			div.price
			{
				position: absolute;
				left: 45px;
				line-height: 14px;
				color: black;
			}
		}
	}
	#game-contact-form
	{
		position: absolute;
		top: (@gridbox * 4) + 30;
		left: -1px;
		width: @gridbox * 2;
		height: @gridbox;
		background-color: @light_gray;
	}
	#game-contact
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		width: @gridbox * 2;
		left: -1px;
		height: @gridbox;
		background-color: black;
		.contact-content
		{
			margin: 10px;
			a
			{
				color: white;
			}
			a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.game-media
	{
		position: absolute;
		top: (@gridbox * 3) + 30px;
		left: @gridbox * 2;
		width: (@gridbox * 2) - 1;
		height: (@gridbox * 2);
		background-color: black;
		overflow: hidden;
		z-index: 1;
		#media-basket
		{
			position: absolute;
			left: 0;
			width: 99999px;
			height: 480px;
			top: 30px;
			li
			{
				width: 320px;
				height: 480px;
				float: left;
				img
				{
					width: 100%;
				}
			}
		}
		.mediacontrollers
		{
			z-index: 1;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
			div
			{
				img
				{
					position: absolute;
					top: (@gridbox * 1);
				}
			}
			.left, .right
			{
				position: absolute;
				top: 0;
				height: 100%;
				width: 50%;
			}
			.left
			{
				img
				{
					left: 10px;
				}
			}
			.right
			{
				left: @gridbox;
				img
				{
					right: 10px;
				}
			}
		}
	}
	.game-content
	{
		width: @gridbox * 2;
		height: @gridbox;
		position: absolute;
		left: @gridbox * 4;
		top: (@gridbox * 3) + 30;
		background-color: @medium_gray;
		.game-content-list
		{
			color: black;
			margin: 10px;
		}
	}
	.related
	{
		width: (@gridbox * 2) - 1;
		height: @gridbox;
		position: absolute;
		left: @gridbox * 4;
		top: (@gridbox * 4) + 29;
		background-color: black;
		.related-content
		{
			margin: 10px;
		}
		.related-content a
		{
			color: white;
			clear: none;
			width: auto;
			display: inline;
		}
		.related-content a:hover
		{
			border-bottom: 1px solid @green;
		}

	}
}
/*___________________________________*/


/* 			SÄLJSIDOR
____________________________________*/
.info-wrap
{
	border-top: 1px solid white;
	width: 100%;
	.spacer-1
	{
		position: absolute;
		top: 0;
		left: @gridbox * 4;
		width: @gridbox;
		height: 30px;
	}
	.spacer-2
	{
		position: absolute;
		top: 0;
		left: @gridbox * 5;
		width: @gridbox;
		height: 30px;
	}
	#english-games {
		position: absolute;
		top: (@gridbox * 3) + 30;
		left: 0px;
		width: @gridbox * 6;
	}
	.info-content
	{
		width: (@gridbox * 4) + 1;
		height: @gridbox * 3;
		background-color: @green;
		color: white;
		position: absolute;
		top: 30px;
		left: -1px;
		div
		{
			margin: 30px;
			h4
			{
				font-size: 50px;
			}
		}
		a 
		{
			color: white;
		}
		a:hover
		{
			text-decoration: underline;
		}
	}
	#info-contact-form
	{
		position: absolute;
		top: (@gridbox * 3) + 30;
		left: -1px;
		width: @gridbox * 2;
		height: @gridbox;
		background-color: @light_gray;
	}
	.related
	{
		width: @gridbox * 2;
		height: @gridbox;
		position: absolute;
		left: @gridbox * 2;
		top: (@gridbox * 3) + 30;
		background-color: @medium_gray;
		.related-content
		{
			margin: 10px;
			color: black;
		}
		.related-content a h6
		{
			color: black;
			clear: none;
			width: auto;
			display: inline;
		}
		.related-content a h6:hover
		{
			border-bottom: 1px solid @green;
		}

	}
	#info-contact
	{
		position: absolute;
		left: -1px;
		top: (@gridbox * 4) + 30;
		width: @gridbox * 2;
		height: @gridbox;
		background-color: black;
		.contact-content
		{
			margin: 10px;
			h1 a, a
			{
				color: white;
			}
			h1 a:hover, a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.push-game-image
	{
		position: absolute;
		top: 30px;
		left: @gridbox * 4;
		height: @gridbox * 3;
		width: (@gridbox * 2) - 1;
		overflow: hidden;
		background-color: @light_gray;
		.arrow
		{
			position: absolute;
			bottom: 10px;
			right: 10px;
			z-index: 1;
		}
	}
	.push-game-excerpt
	{
		position: absolute;
		top: (@gridbox * 3) + 30;
		left: @gridbox * 4;
		width: (@gridbox * 2) - 1;
		height: @gridbox * 1;
		background-color: @light_gray;
		.excerpt
		{
			margin: 10px;
			color: black;
		}
	}
	.spacer-3
	{
		position: absolute;
		top: (@gridbox * 4) + 30;
		left: @gridbox * 2;
		width: @gridbox;
		height: @gridbox + 1;
	}
	.spacer-4
	{
		position: absolute;
		top: (@gridbox * 4) + 30;
		left: @gridbox * 3;
		width: @gridbox;
		height: @gridbox + 1;
	}
	.spacer-5
	{
		position: absolute;
		top: (@gridbox * 4) + 30;
		left: @gridbox * 4;
		width: @gridbox;
		height: @gridbox + 1;
	}
	.copyright
	{
		position: absolute;
		height: @gridbox;
		top: (@gridbox * 4) + 31;
		width: @gridbox;
		right: -1px;
		div
		{
			position: absolute;
			margin: 10px;
			font-size: 18px;
			right: 0;
		}
	}
}
/*____________________________________*/

/* 			HUR FUNGERAR DET?
____________________________________*/
.how-wrapper
{
	.how-step-1, .how-step-2, .how-step-3
	{
		width: @gridbox * 2;
		height: @gridbox * 1;
		position: absolute;
		top: 30px;
		background-color: @green;
		div
		{
			margin: 20px;
			h4
			{
				line-height: 30px;
			}
		}
	}
	.how-step-1
	{
		left: 0;
	}
	.how-step-2
	{
		left: @gridbox * 2;
	}
	.how-step-3
	{
		left: @gridbox * 4;
	}
	.how-details
	{
		position: absolute;
		left: @gridbox * 4;
		top: (@gridbox * 3) + 30;
		width: @gridbox * 2;
		height: @gridbox * 2;
		background-color: @medium_gray;
		border-left: 1px solid @border_gray;
		div
		{
			color: black;
			margin: 25px;
			ul
			{
				list-style: none;
				li
				{
					margin-bottom: 13px;
				}
			}
		}
	}
	.content
	{
		position: absolute;
		top: @gridbox + 30;
		width: @gridbox * 4;
		height: @gridbox * 4;
		background-color: @light_gray;
		color: black;
		div
		{
			margin: 25px;
		}
	}
	.contact-form
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		width: @gridbox * 2;
		height: @gridbox;
		background-color: @light_gray;
	}
	.contact
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		left: @gridbox * 2;
		width: (@gridbox * 2) - 1;
		height: @gridbox;
		.contact-content
		{
			margin: 10px;
			h1 a, a
			{
				color: white;
			}
			h1 a:hover, a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.spacer-5
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		left: @gridbox * 4;
		width: @gridbox;
		height: @gridbox;
	}
	.copyright
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		left: @gridbox * 5;
		width: @gridbox - 1;
		height: @gridbox;
		div
		{
			position: absolute;
			right: 0;
			top: 0;
			margin: 10px;
			font-size: 18px;
		}
	}
	.how-media
	{
		position: absolute;
		top: (@gridbox) + 30px;
		left: @gridbox * 4;
		width: (@gridbox * 2) - 1;
		height: (@gridbox * 2);
		background-color: black;
		overflow: hidden;
		z-index: 1;
		#media-basket
		{
			position: absolute;
			left: 0;
			width: 99999px;
			height: 480px;
			top: 30px;
			li
			{
				width: 320px;
				height: 480px;
				float: left;
				img
				{
					width: 100%;
				}
			}
		}
		.mediacontrollers
		{
			z-index: 1;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
			div
			{
				img
				{
					position: absolute;
					top: (@gridbox * 1);
				}
			}
			.left, .right
			{
				position: absolute;
				top: 0;
				height: 100%;
				width: 50%;
			}
			.left
			{
				img
				{
					left: 10px;
				}
			}
			.right
			{
				left: @gridbox;
				img
				{
					right: 10px;
				}
			}
		}
	}
}

/*____________________________________*/

/* 			KONTAKT
____________________________________*/

.contact-wrapper
{
	.image
	{
		position: absolute;
		left: (@gridbox * 4);
		overflow: hidden;
		width: (@gridbox * 2) - 1;
		height: (@gridbox * 3);
		top: 33px;
		background-color: black;
		border-left: 1px solid @border_gray;
		border-bottom: 1px solid @border_gray;
		border-right: 1px solid @border_gray;
	}
	.network
	{
		position: absolute;
		top: (@gridbox * 3) + 33;
		left: (@gridbox * 4);
		width: (@gridbox * 2) - 1;
		height: 621px;
		div.network-content
		{
			margin: 10px;
			a
			{
				color: white;
			}
			a:hover
			{
				border-bottom: 1px solid @green;
			}
		}
	}
	.spacer-1
	{
		height: 30px;
		position: absolute;
		top: 1px;
		left: @gridbox * 2;
		width: @gridbox * 2;
	}
	.spacer-2
	{
		height: 30px;
		position: absolute;
		top: 1px;
		left: @gridbox * 4;
		width: @gridbox * 2;
	}
	.content
	{
		position: absolute;
		top: 32px;
		left: -1px;
		width: @gridbox * 4;
		height: @gridbox * 2;
		background-color: @green;
		color: white;
		div
		{
			margin: 25px;
			p
			{
				font-size: 25px;
				line-height: 27px;
			}
		}
	}
	.contact-people
	{
		position: absolute;
		left: -1px;
		top: (@gridbox * 3) + 32;
		width: @gridbox * 4;
		.contact-person
		{
			width: @gridbox * 2;
			height: @gridbox;
			background-color: @light_gray;
			color: black;
			float: left;
			div.people-content
			{	
				float: none;
				position: absolute;
				left: @gridbox;
				top: 0;
				margin: 10px;
				p a
				{
					color: black;
				}
				p a:hover
				{
					border-bottom: 1px solid @green;
				}
			}
		}
		.contact-person-right
		{
			border-left: 1px solid @border_gray;
			width: (@gridbox * 2) - 1;
		}
	}
	.contact-form
	{
		position: absolute;
		top: (@gridbox * 2) + 32;
		left: -1px;
		width: (@gridbox * 2);
		height: @gridbox;
		background-color: @light_gray;
		z-index: 1;
	}
	.contact-info
	{
		position: absolute;
		top: (@gridbox * 2) + 32;
		left: (@gridbox * 2);
		width: (@gridbox * 2) - 1;
		height: @gridbox;
		z-index: 1;
		background-color: black;
		.contact-content
		{
			margin: 10px;
			a, h1 a
			{
				color: white;
			}
			a:hover, h1 a:hover
			{
				border-bottom: 1px solid @green;
			}
			a.addthis_button_expanded {
				color: black;
			}
		}
	}
	.copyright
	{
		position: absolute;
		top: (@gridbox * 5) + 30;
		left: -1px;
		width: (@gridbox * 2) - 1;
		height: @gridbox;
		div
		{
			position: absolute;
			left: 0;
			top: 0;
			margin: 10px;
			font-size: 18px;
		}
	}
}






div.pdf_items {
        background-image: url("pdf_icon.png");
        background-position: 10px 14px;
        background-repeat: no-repeat;
        padding-left: 65px;
        width: 895px;
        margin-bottom: 10px;
        padding-bottom: 10px; 
        padding-top: 10px;
        background-color: #333;
        div.pdf a {
                text-decoration: none;
                color: #FFF;
                font-size: 14px;
        }
        div.pdf{
                font-size: 18px;
                height: 58px;
        }
    }
    
    
    

/*____________________________________*/