/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Arial, 'Lucida Grande', Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: 13px;
	color: #000;
	background: #fff;
	overflow-y: hidden;
}


a { text-decoration: none; border-bottom: 1px solid #000; color: #000; padding-bottom: 1px; padding-top: 1px;}
a:hover { color: #000; }
a:active { text-decoration: none; }

a img { border: none; }

h2 { font-size: 11px; padding: 0 0 0px; text-align: center;}
h3 { font-size: 11px; padding: 0; text-align: center;}
h4 { font-size: 11px; padding: 0; text-align: left;}
h7 { font-size: 11px; padding: 0; text-align: center;}





table {border: none; margin: 0; padding: 0; border-spacing: 0;}
td {margin: 0; padding: 0; text-align: left; vertical-align: middle;}




#page {width: 96000px; text-align: center; position: absolute; top: 0px; height: 100%;}


#portfolio {height: 100%; width: auto; margin-left: auto; margin-right: auto;}

#portfolio  {height: 100%;}
#portfolio td.spacer {width: 600px;}
#portfolio td.center {width: 800px;}
#portfolio td img {padding: 0 40px 0 0; display: block; float: left;}
#portfolio td img.reference {padding: 0 0px 0 0; }
#portfolio td img.video {border-bottom: 3px solid #000;}
#portfolio td div.thatsavideo {display: inline;}


#portfolio td .text {padding: 40px 40px 0px 80px; float: left; width: 240px; display: inline; xcolor: #777; line-height: 14px;}

#portfolio td .installation {padding: 40px 0px 0px 80px; float: left;}
#portfolio td .publication {padding: 40px 0px 0px 80px; float: left;}

#portfolio td .item {padding: 0 4px 0 0; float: left;}
#portfolio td .item img {padding: 0px; float: none;}
#portfolio td .item .cap {padding: 7px 10px 0px 15px; width: 215px; display: block; color: #ccc;}




#portfolio td div.reference {padding: 40px 0 0 80px; display: block; float: left; vertical-align: bottom; }
#portfolio td div.reference .video {padding: 0 40px 5px 0; float: left; position: relative;}
#portfolio td div.reference .video img { padding: 0 0 5px 0; display: block; float: left;}
#portfolio td div.reference .installation img {padding: 0 0 5px 0; display: block; float: left;}
#portfolio td div.reference .text {padding: 0 120px 15px 0; width: 240px; display: inline; float: left;}
#portfolio td div.reference .cap {padding: 7px 10px 0px 15px; width: 215px; display: inline; float: left; color: #fff; }
#portfolio td div.reference:hover .cap {color: #000;}



#portfolio td d {padding: 40px 0 0 80px; display: block; float: left; vertical-align: bottom; }

#portfolio td .xvideo {padding: 0 40px 5px 0; float: left; position: relative;}
#portfolio td .xvideo img { padding: 0 0 5px 0; display: block; float: left;}
#portfolio td .xinstallation img {padding: 0 0 5px 0; display: block; float: left;}
#portfolio td .xtext {padding: 0 120px 15px 0; width: 240px; display: inline; float: left;}
#portfolio td .xcap {padding: 7px 10px 0px 15px; width: 215px; display: inline; float: left; color: #fff; }
#portfolio td div.reference:hover .cap {color: #000;}




#reference {position: fixed; top: 10000px; width: 100%; left: 0px; z-index: 101;}
#reference #text {position: absolute; top: 40px; left: 40px; width: 240px; xfont-size: 16px; xline-height: 18px;}
#reference #video {position: absolute; top: 40px; left: 320px;}
#reference #installation-left {position: absolute; top: 40px; left: 320px;}
#reference #installation-right {position: absolute; top: 40px; left: 600px;}
#reference .title {position: absolute; top: 15px; left: 40px; width: 240px;}
#reference .cap {padding: 12px 0px 0px 15px; width: 235px;}




.text {width: 250px;}


#caption {position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100px; z-index: 100;}

#caption #information {position: absolute; bottom: 15px; left: 40px; width: 240px;}
#caption #information p {padding: 4px 0px 0px;}
#caption #secondary {position: absolute; bottom: 15px; left: 320px; width: 500px;}
#caption #secondary #links {padding: 4px 0px 0px 15px; background-image: url(arrow_down.gif); background-repeat: no-repeat; background-position: 10px 7px;}
#caption #secondary #links a {border-bottom: none; margin: 0px 0px 0px 10px;}
#caption #secondary #links a:hover {border-bottom: 1px solid #000;}
#caption #secondary .less {background-image: url(close.gif) !important; background-position: 10px 8px !important;}
#caption #secondary #moretext {padding: 3px 4px 0px 4px; background-color: #fff; margin: 1px 0px 0px 5px;}



#status {position: fixed; bottom: 15px; right: 40px; width: 240px; z-index: 101;}
#status2 {position: fixed; top: 20px; left: 320px; width: 240px; z-index: 101;}


#qiuyang {position: fixed; bottom: 13px; right: 40px; width: 240px; z-index: 200; height: 15px;}
#qiuyang a {padding-top: 3px;}
#qiuyang a:hover {}
#qiuyang a #closeabout {position: absolute; right: 0px; bottom: 1px; padding: 0px 0px 0px 10px; background-image: url(close.gif); background-repeat: no-repeat; background-position: 0px 4px; border-bottom: 1px solid transparent;}
#qiuyang a:hover #closeabout {border-bottom: 1px solid #000;}
#qiuyang a #stayabout {position: absolute; right: 0px; bottom: 0px; padding: 3px; display: none;}
#qiuyang a:hover #stayabout {xdisplay: inline;}


#hideabout {position: fixed; bottom: 13px; right: 40px; width: 100px; z-index: 200; height: 15px; text-align: right;}


#commercial {position: fixed; bottom: 15px; left: 40px; width: 240px; z-index: 200;}
#commercial .tip {xdisplay: none;}
#commercial .tip {display: inline; padding: 0px 0px 0px 30px; background-image: url(arrow_left.gif); background-repeat: no-repeat; background-position: 15px 4px;}
#free {position: fixed; bottom: 15px; right: 40px; width: 240px; z-index: 200; text-align: right;}
#free .tip {xdisplay: none;}
#free .tip {display: inline; padding: 0px 15px 0px 15px; background-image: url(arrow_right.gif); background-repeat: no-repeat; background-position: right 4px;}

#work {position: fixed; bottom: 15px; right: 40px; width: 240px; z-index: 200; text-align: right;}
#work .free {xdisplay: none;}
#work .free {display: inline; padding: 0px 15px 0px 15px; background-image: url(arrow_right.gif); background-repeat: no-repeat; background-position: right 4px;}
#work .comm {xdisplay: none;}
#work .comm {display: inline; padding: 0px 0px 0px 30px; background-image: url(arrow_left.gif); background-repeat: no-repeat; background-position: 15px 4px;}


#about {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 190; height: 100%; background-color: #344; xcolor: #fff;}

#about a { xborder-bottom: 1px solid #fff; xcolor: #fff;}
#about a:hover { color: #fff; border-bottom: 1px solid #fff;}

#about .box {float: left; width: 240px; margin: 15px 0px 25px 40px; line-height: 15px; }
#about .box h2 {  }
#about .box a { }
#about .box p { padding-top: 4px; }

#about .Contact {font-size: 44px; line-height: 48px; width: 520px; height: 90%;}
#about .Contact p {padding-bottom: 20px;}
#about .Contact a {border-bottom: 5px solid #000; padding-bottom: 4px;}
#about .Contact a:hover {border-bottom: 5px solid #fff;}
#about .Contact h2 { line-height: 13px; width: 240px; display: none;}







#backto {position: fixed; top: 15px; left: 320px; width: 240px; z-index: 101; background-image: url(arrow_up.gif); background-repeat: no-repeat; background-position: 0px 3px; padding: 0px 0px 0px 0px; }
#backto a {border-bottom: none; margin: 0px 0px 0px 15px;}
#backto a:hover {border-bottom: 1px solid #000;}