/* copyright 2009 | TENTWELVE SPRL | http://www.tentwelve.com | THIBAULT JADOUL */

/* @group Initialize CSS */

* { margin: 0; padding: 0; border: 0; }
img { border: 0; }
*:focus { outline: 0 none; border: 0; }
html { background-color: #000; }
body { font: 11px/15px Arial, sans-sherif; background-color: #000; color: #fff; overflow-y: scroll; }
a { color: #fff; text-decoration: none; }
table { font: 11px/15px; }
table tr { vertical-align: top; }



/* @end */

/* @group Small Styles */

@font-face {
	font-family: FoundMonReg;
	src: url('../font/FoundMonReg.otf');
}

.clear {
	clear: left;
}

.grey, .grey a {
	color: #3a3c3b;
}

/* @end */

/* @group margin & border */

.ml { margin-left: 20px; }
.mt { margin-top: 20px; }
.mmt { margin-top: 10px; }
.mmb { margin-bottom: 10px; }
.mpt { padding-top: 10px; }
.mpb { padding-bottom: 10px; }
.pb { padding-bottom: 20px; }
.pt { padding-top: 20px; }
.brdt { border-top: 1px solid #000; }
.brdb { border-bottom: 1px solid #000; }



/* @end */
#Header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
	width:1077px;
	height: 35px;
	padding-top:30px;
	z-index: 200;
}
#Page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	width: 825px;
	z-index: 100;
}



#Main {
	position: relative;
}

#Menu {
	position: relative;
	height: 65px;
	color: #fff;
	font: 18px "FoundMonReg", Arial, sans-serif;
}

#Menu1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#Menu2 {
	position: absolute;
	top: 0px;
	left: 420px;
}

#Menu3 {
	position: absolute;
	top: 4px;
	left: 736px;
	width: 88px;
	text-align: right;
	font-size: 12px;
}
.menuWebpage2 {
	
	padding-left: 77px;
}

.menuWebpage3 {
	
	padding-left: 76px;

}
.submenu {
	color: #fff;
}

.submenu a {
	display: block;
	color: #fff;
}

.submenu a:hover, .submenu a.select, .submenu a.visited:hover, .submenu a.visited.select, #Menu a:hover, #Menu a.select {
	color: #d02325;
}

.submenu a.visited {
	color: #fff;
}

.SubWorkMenu {
	display: none;
}

/* @group X-Y */

.thumbs, .submenu {
	position: absolute;
	z-index: 100;
	display: none;
}

.y1 {
	top: 0px;
}

.y2 {
	top: 130px;
}

.y3 {
	top: 260px;
}

.y4 {
	top: 390px;
}

.x1 {
	left: 0px;
}

.x2 {
	left: 140px;
}

.x3 {
	left: 280px;
}

.x4 {
	left: 420px;
}

.x5 {
	left: 560px;
}

.x6 {
	left: 700px;
}

/* @end */

/* @group Galery */

.WorkInfoTarget {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 683px;
	height: 374px;
	overflow: hidden;
	background: url(../images/x.gif);
}
.WorkInfoTarget .Work{
	width: 663px;
	
}
.Webpage { 
	width: 405px;
	
}
.noDisplay{
	display:none;
}

.WorkInfo {
	position: absolute;
	color: #fff;
	z-index: 200;
	top: 374px;
	left: 0px;
	padding: 20px 10px 20px 10px;
	border-top: 1px solid #2c2f30;
	background-color: #000;

}

.WorkInfo p {
	margin-top: 10px;
}

#GaleryThumbs {
	position: absolute;
	width: 685px;
	height: 115px;
	top: 390px;
	left: 0px;
	overflow: hidden;
}

#GaleryThumbsWebpage {
	position: absolute;
	width: 404px;
	height: 115px;
	top: 390px;
	left: 0px;
	overflow: hidden;
}

#GaleryThumbsTarget {
	position: absolute;
	width: 900px;
	height: 115px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.GaleryDescription{
	display:none;
	width:265px;
}

.GaleryDescription a {
	text-decoration: underline;
}
.GaleryThumb {
	float: left;
	width: 140px;
	height: 115px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-align: right;
}
.GaleryThumb .description{
	display:none;
}
.GaleryThumb img {
	margin-right: 15px;
	float: right;
	position: absolute;
	right: 0px;
}

.nextBt {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 115px;
	cursor: pointer;
	background: url(../images/css/right.png) no-repeat;
}

.prevBt {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 115px;
	cursor: pointer;
	background: url(../images/css/left.png) no-repeat;
}

#GaleryImage img {
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 0px;
}

#GaleryImage img.newImage {
	z-index: 10;
}


#GaleryImage img.oldImage {
	z-index: 60;
}

/* @end */

/* @group Webpage */

.WebpageContent {
	display: none;
	width: 404px;
	font-size: 11px;
	line-height: 17px;
}

.WebpageContent p {
	margin-top: 10px;
}

.WebpageContent a {
	text-decoration: underline;
}

/* @end */

#VideoTarget {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
	overflow: hidden;
}

#Footer {
	position: absolute;
	top: 590px;
	left: 0px;
	width: 100%;
	height: 65px;
}