@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'SegoeUI-Light';
	src: url('SegoeUI-Light.eot?') format('eot'), 
	     url('SegoeUI-Light.woff') format('woff'), 
	     url('SegoeUI-Light.ttf')  format('truetype'),
	     url('SegoeUI-Light.svg#SegoeUI-Light') format('svg');
}

* {margin: 0px; padding: 0px;}

body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; background:#FFFFFF}

#mainbody {width: 100%; margin: 0px; height: 100%; display:table;}
#wrapper {margin: 0 auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.fs14 {font-size: 14px;}

.fs16 {font-size: 16px;}

.rotate20 {transform:rotate(-20deg);
-ms-transform:rotate(-20deg); /* IE 9 */
-webkit-transform:rotate(-20deg); /* Opera, Chrome, and Safari */}

.rotate10 {transform:rotate(-10deg);
-ms-transform:rotate(-10deg); /* IE 9 */
-webkit-transform:rotate(-10deg); /* Opera, Chrome, and Safari */}

.rotate2 {transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* IE 9 */
-webkit-transform:rotate(-2deg); /* Opera, Chrome, and Safari */}

#toplogos { float: right; padding: 10px 10px; margin:0px; }

#footer { float: right; bottom: 0; right: 0; position: absolute; padding: 0px 10px; font-size: 12px;}

#footer a { text-decoration: none; color:#000000 }
#footer a:hover {text-decoration: underline; color: #ff9900}

#contentbody { height: 97%; width: 100%; display: table; position: absolute; }
#content { vertical-align:middle; right: -2%; top: 44%; display:block; 
position: absolute;}

#content p { -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */}

#works { display:table-cell;margin: 0 auto; vertical-align: middle; overflow: hidden /* height: 650px; width: 780px; left: 15%; position: absolute; float: left; */}

#workdetail { margin: 20px 10px; float: left; text-align:center; width: 160px; height: 150px;}



#workdetail a { text-decoration: none; color: #FFFFFF }
#workimage {height: 100px;}
#workdetail a:hover {color: #000000;}

#about {vertical-align:middle; float: left; left: 25%; top: 10%; width: 600px; display:block; height:97%; position: absolute}

#about p {line-height: 150%; font-size:12px; text-align:justify; margin-bottom: 15px;}


#team {vertical-align:middle; float: left; left: 15%; top: 7%; width: 800px; display:block; height:97%; position: absolute}

#team p {line-height: 150%; font-size:12px; text-align:justify; margin-bottom: 15px;}