@CHARSET "UTF-8";

#content h3, #content a {
	color: #aaaaaa;
}

/** HOME **/
.home #content .homeBackground {
	width: 980px;
	height: 651px;
	background-image: url("images/content/home.png");
}

/** ABOUT **/
.about #content p {
	margin: 20px 0px 20px 0px;
}

.about #content h3 {
	margin: 20px 10px 20px 10px;
}

/** CONTACT **/
.contact #content h3 span {
	font-weight: normal;
}

.contact #content ul li {
	margin: 20px 0px 20px 0px;
}

.contact #content ul li ul li{
	margin: 0px;
}

.contact #content div#logos {
	height: 100px;
}

.contact #content div#logos a {
	float: left;
	display: block;
	margin: 0px 40px 0px 40px
}

.contact #content div#logos a.logoMediaProject {
	margin-top: 28px;
	margin-bottom: 28px;
	width: 255px;
	height: 48px;
	background-image: url("images/logoMediaProject.png");
}

.contact #content div#logos a.logoStorkStudio {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100px;
	height: 100px;
	background-image: url("images/logoStorkStudio.png");
}

.contact #content div#logos a.logoAliens {
	width: 196px;
	height: 104px;
	background-image: url("images/logoAliens.png");
}

/** GALLERY **/
.gallery #content ul,
.gallery #content div#pages {
	clear: both;
}

.gallery #content ul#submenu li a {
	display: block;
	width: 980px;
	height: 380px;
	margin-bottom: 15px;
}

.gallery #content ul#submenu li.lightinthehell a {
	background-image: url("images/content/galleryLightInTheHell.png");
}

.gallery #content ul#submenu li.lightinthehell a:hover {
	background-image: url("images/content/galleryLightInTheHellOn.png");
}

.gallery #content ul#submenu li.predestination a {
	background-image: url("images/content/galleryPredestination.png");
}

.gallery #content ul#submenu li.predestination a:hover {
	background-image: url("images/content/galleryPredestinationOn.png");
}

.gallery #content ul#submenu li.interface a {
	background-image: url("images/content/galleryInterface.png");
}

.gallery #content ul#submenu li.interface a:hover {
	background-image: url("images/content/galleryInterfaceOn.png");
}

.gallery #content ul#submenu li.lament a {
	background-image: url("images/content/galleryLament.png");
}

.gallery #content ul#submenu li.lament a:hover {
	background-image: url("images/content/galleryLamentOn.png");
}

.gallery #content ul#submenu li.secretarea a {
	background-image: url("images/content/gallerySecretArea.png");
}

.gallery #content ul#submenu li.secretarea a:hover {
	background-image: url("images/content/gallerySecretAreaOn.png");
}

.gallery #content ul#submenu li.stateofaffairs a {
	background-image: url("images/content/galleryStateOfAffairs.png");
}

.gallery #content ul#submenu li.stateofaffairs a:hover {
	background-image: url("images/content/galleryStateOfAffairsOn.png");
}

.gallery #content ul#submenu li.battleground a {
	background-image: url("images/content/galleryBattleGround.png");
}

.gallery #content ul#submenu li.battleground a:hover {
	background-image: url("images/content/galleryBattleGroundOn.png");
}

/** GALERY PREVIEW **/
.gallery #content {
	background-repeat: no-repeat;
	width: 980px;
	min-height: 380px;
}

.gallery.lightinthehell #content {
	background-image: url("images/content/galleryLightInTheHellPrev.png");
}

.gallery.predestination #content {
	background-image: url("images/content/galleryPredestinationPrev.png");
}

.gallery.interface #content {
	background-image: url("images/content/galleryInterfacePrev.png");
}

.gallery.lament #content {
	background-image: url("images/content/galleryLamentPrev.png");
}

.gallery.secretarea #content {
	background-image: url("images/content/gallerySecretAreaPrev.png");
}

.gallery.stateofaffairs #content {
	background-image: url("images/content/galleryStateOfAffairsPrev.png");
}

.gallery.battleground #content {
	background-image: url("images/content/galleryBattleGroundPrev.png");
}

.gallery #content ul#preview {
	padding: 18px;
}

.gallery #content ul#preview li {
	float: left;
	padding: 18px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.gallery #content ul#preview li a {
	text-decoration: none;
	display: block;
}

.gallery #content ul#preview image {
	width: 200px;
	height: 133px;
}

.gallery #content div#pages{
	width: 980px;
	text-align: center;
}

.gallery #content div#pages a,
.gallery #content div#pages span {
	padding: 0px 10px 0px 10px;
}