/*	
	------------------------------------------------------------------
	Site: Gep Design
	Author: Malin Klingsell
	------------------------------------------------------------------
*/
html,body{height: 100%;}
body{ background: #0f0c07 url(../images/common/bg.jpg) top center repeat; margin: 0; color: #000; }
body.page{ color: #fff !important; }

#wrapper{
	
	background: url(../images/common/grid.png) top center repeat;
	height: 100%;
	width: 100%;
	min-height:620px;
	margin: 0 auto;	
}
#innerWrapper{
	height: 605px;
	width: 965px;
	padding: 0 1px 0 0;
	margin: 0 auto;
}
#start #content, #reference #content{
	width: 966px;
	padding: 0;
}
#content{
	width: 965px;
	padding: 0 1px 0 0;
	height: 482px;
	overflow: hidden;
}
#header{
	height: 81px;
	width: 965px;
}
	#logotype{
		background: url(../images/common/gep-design-logotype.png) no-repeat center;
		width: 140px;
		height: 46px;
		display: inline;
		text-indent: -9999px;
		overflow: hidden;
		float: left;
		margin: 24px 0 0 10px;
	}
	
#topMenuContent div{float: left;}
#topMenuContent{width: auto; float: right;}
#topMenuContent #topMenuList{margin: 0 !important; padding: 0;}
#topMenuContent li{float: left; padding: 0 !important; margin: 0 !important; background: none; list-style: none;}
#topMenuContent li a{height: 10px; display: inline; float: left; text-indent: -9999px; overflow: hidden;}
	#topMenuContent #menuItem1_1 a{ background: url(../images/common/reference-cases.png) no-repeat; width: 88px; margin: 60px 112px 0 0; }
		#topMenuContent #menuItem1_1 a:hover{ background: url(../images/common/reference-cases-hover.png) no-repeat !important;}
	#topMenuContent #menuItem1_2 a{ background: url(../images/common/about-us.png) no-repeat; width: 48px; margin: 60px 118px 0 0; }
		#topMenuContent #menuItem1_2 a:hover{ background: url(../images/common/about-us-hover.png) no-repeat;!important}
	#topMenuContent #menuItem1_3 a{ background: url(../images/common/contact.png) no-repeat; width: 44px; margin: 60px 10px 0 0; }
		#topMenuContent #menuItem1_3 a:hover{ background: url(../images/common/contact-hover.png) no-repeat !important;}
	

.subMenuContent{position:absolute;bottom:20px;text-align:center;width:362px;overflow:hidden;}
	.subMenuList{list-style:none;position:relative;left:50%;margin:0 auto;float:left;}
		.subMenuList li, .subMenuList div{float:left;position:relative;right:50%;}
			.subMenuList li a{display:block;background: url(../images/common/navigator.png) no-repeat;text-indent:-9999px;margin:0 3px 0 0;width:10px;height:10px;}
				.subMenuItemContentSelected a{background: url(../images/common/navigator-active.png) no-repeat !important;}


#contact #contentLeft{ width: 221px; padding: 60px 40px 40px 60px; height: 382px; float: left; background: #000; overflow: hidden;}

#contentLeft{ width: 362px; padding: 60px 60px 40px 60px; height: 382px; float: left; background: #000; }
	#contentLeft .inner{ width: 302px; height: 347px; background: #000; overflow: hidden; }
	
#reference #contentLeft{ padding: 0; width: 482px; height: 482px; float: left; overflow: hidden; background: none;}

#reference #contentRight{ padding: 0 0 0 1px; width: 483px; height: 482px; float: left; overflow: hidden; }
#aboutUs #contentRight{ padding: 0 0 0 1px; width: 482px; height: 482px; float: left; overflow: hidden; }
#aboutUs #contentLeft{position:relative;}
#contact #contentRight{margin: 0 0 0 1px; width: 543px; padding: 60px 40px 40px 60px; height: 382px; float: left; background: #000; overflow: hidden; }
#contact #contentRight h3{font-size: 11px; margin: 0 !important; padding: 1px 0 8px 0; line-height: 11px; text-transform: uppercase;}
#contact #contentRight .inner{ width: 302px; height: 347px; float: left; overflow: hidden; }

	#reference #contentRight img{ padding: 0 1px 1px 0; }
	
#footer{ margin: 8px 10px 9px 10px; height: 40px; }
#footer p{ font-size: 9px; line-height: 14px; }
#footer a{ color: #fff !important; }
.footerLeft{ float: left; width: 460px; }
.footerRight{ float: right; width: 460px; text-align: right;}