html {
	height: 100%;
	font-size: 100.01%;
}

body {
	width: 100%;
	height: 100%;
	min-height: 630px;
	overflow-y: hidden;
	min-width: 960px;
	font: 11px/ 14px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #e3e3e3;
	background-color: black;
}

.main {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	min-width: 1000px;
}

div {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

h1,h2,h3 {
	font-weight: normal;
	font-family: "Century Gothic", "normal 'Trebuchet MS'", Tahoma, Verdana, sans-serif;
}

p {
	font-family: "Century Gothic", Arial;
	font-size: 12px;
	line-height: 14px;
}

a {
	color: #1f6fbe;
	text-decoration: none;
}

input,textarea {
	font-family: "Century Gothic", Arial;
}

input[type=text] {
	width: 425px;
	font-size: 13px;
	padding: 1px;
	height: 18px;
	background-color: black;
	color: white;
	border: none;
	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

textarea {
	width: 425px;
	height: 182px;
	font-size: 13px;
	padding: 1px;
	background-color: black;
	color: white;
	border: none;
	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

.clear {
	clear: both;
	line-height: 0;
}

#background_image {
	position: absolute;
	z-index: 2;
}

#background_image_old {
	position: absolute;
	z-index: 1;
}

#loader {
	background: url('../image/common/loader.gif') 50% 50% no-repeat;
	position: absolute;
	z-index: 10000;
}

#background_image_effect {
	z-index: -1;
	position: absolute;
	visibility: hidden;
}

#layer {
	overflow: auto;
	position: absolute;
	top: 23px;
	bottom: 23px;
	width: 100%;
	z-index: 3;
}

#download-pdf-portfolio {
	background-repeat: no-repeat;
	position: absolute;
	right: 45px;
	top: 60px;
	display: block;
	z-index: 6;
}

#demoreel {
	position: absolute;
	right: 40px;
	top: 60px;
	width: 200px;
	height: 34px;
	
	display: block;
	line-height: 0;
	font-size: 0;
	
	background: url("http://www.cgrendering.com/Data/Design/Images/demoreel.png") top no-repeat;
	
	z-index: 6;
}

#demoreel:hover {
	background-position: bottom;
}

#project-title {
	position: absolute;
	display: block;
	right: 40px;
	bottom: 136px;
	font-size: 15px;
	text-decoration: underline;
	color: #e3e3e3;
	z-index: 4;
}

.menuLeft {
	position: absolute;
	top: 28px;
	z-index: 4;
}

.inline {
	
}

.inline li {
	float: left;
}

.top, .bottom {
	position: absolute;
	left: 0;
	right: 0;
	height: 23px;
	max-height: 23px;
	background: black;
	padding: 0 42px;
	z-index: 6;
}

.top {
	text-align: right;
}

.bottom {
	padding-top: 15px;
	bottom: 0;
}

.bottom p {
	margin-top: 4px;
	float: left;
	color: #777777;
}

.bottom a {
	color: #777777;
}

.bottom a:hover {
	color: white;
}

ul.menu {
	float: right;
	margin-top: 5px;
	font: arial;
}

ul.menu li {
	padding-right: 10px;
	vertical-align: middle;
}

ul.menu a {
	color: white;
	text-decoration: none;
}

ul.menu a:hover {
	color: #777777;
}

.icons {
	float: right;
	
	margin-top: 4px;
	margin-left: 42px;
	
	font: arial;
	font-size: 11px;
}

.icons .like {
	color: #6c83b3;
}

.icons .tweet {
	color: #33ccff;
}

.icons img {
	position: relative;
	top: 2px;
}

.projects {
	float: left;
	margin-left: 370px;
	padding: 27px 0 20px 0;
	position: relative;
	z-index: 10;
	max-width: 2100px
}

.projects .project {
	width: 280px;
	height: 195px;
	float: left;
	margin: 0 10px 10px 0;
	background: url("../image/common/project-bg.png") 50% 50% no-repeat;
	color: #444444;
	position: relative;
}

.projects .project .preload {
	background: url('../image/common/loader_.gif') 50% 50% no-repeat;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.projects .project .info {
	position: absolute;
	top: 0;
	left: 0;
	width: 258px;
	height: 174px;
	
	float: left;
	display: none;
	
	padding: 0;
	margin: 11px;
	
	z-index: 200;
	
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 30);
	-moz-opacity: 0.30;
	-khtml-opacity: 0.30;
	opacity: 0.30;*/
}

.projects .project:hover .info {
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
}
.project .info a{background: none  }
.project .info a:hover{  background: url(../image/common/bg_link.png) repeat 0 0; }
.project .info a .video{ display: none}

.project .info a:hover .video{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 300;
	margin: -33px 0 0 -33px
}
.projects .project .info .content {
	display: block;
	
	height: 158px;
	
	padding: 8px;
	color: white;
}

.projects .project .info .title {
	font-size: 18px;
	line-height: 24px;
}

.projects .project .info .count {
	position: absolute;
	right: 8px;
	bottom: 8px;
	
	font-size: 20px;
}

.projects .project .info .tags {
	position: absolute;
	left: 8px;
	bottom: 8px;
	
	font-size: 12px;
	text-transform: lowercase;
}

.projects .project img.thumb {
	margin: 0px;
	margin-bottom: 0px;
	width: 258px;
	height: 174px;
	cursor: pointer;
	float: left;
	margin: 11px;
	margin-bottom: 4px;
	visibility: hidden;
}

.project_top {
	height: 111px;
	background: #202020
}

.project_top h2 {
	margin: 0 300px;
	padding-top: 44px;
	
	font-size: 28px;
	text-align: center;
}

.back {
	position: absolute;
	top: 42px;
	right: 42px;
	width: 74px;
	height: 32px;
	
	display: block;
	
	background: url("../image/common/btn_back.png") no-repeat 0 0;
	
	line-height: 0;
	font-size: 0;
	
	z-index: 6;
}


.project_content {
	position: absolute;
	top: 102px;
	bottom: 84px;
	left: 0px;
	right: 0px;
	
	overflow: hidden;
	
	font-size: 0;
	line-height: 0;

	overflow: hidden;
}

#arrow-left-project {
	background-image: url("");
	left: 12px;
}

#arrow-right-project {
	background-image: url("");
	right: 12px;
}

.arrow-project {
	display: none;
	background-position: top;
	position: absolute;
	width: 59px;
	height: 110px;
	cursor: pointer;
}

.arrow-project:hover {
	background-position: bottom;
}

.lenta {
	position: absolute;
	bottom: 23px;
	left: 0;
	right: 0;
	
	background: #1a1a1a url("");
	
	padding: 9px 21px;
	
	font-size: 0;
	line-height: 0;
	
	z-index: 3;
}
.btBarArea{ height: 106px; background: #1a1a1a; width: 100% }
.lenta .gallery {
	overflow: hidden;
}

.lenta .gallery .holder {
	margin-left: 0px;
}

.lenta .cell {
	position: relative;
	width: 96px;
	height: 64px;
	display: block;
	border: 1px solid #3c3c3c;
	margin: 0 0 0 9px;
	color: #3c3c3c;
	cursor: pointer;
}

.lenta .cell:hover, .lenta .active {
	border-color: #55d3fb;
}

.lenta .cell img {
	visibility: hidden;
	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

.lenta .active img {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.lenta .type {
	position: absolute;
	float: left;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lenta .flv {
	background: url("") 50% 50% no-repeat;
}

.lenta .swf {
	background: url("") 50% 50% no-repeat;
}

.lenta .loader {
	background: url("../image/common/lenta_loader_03.gif") 50% 50% no-repeat;
	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);
	-moz-opacity: 0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45;
}

.lenta a.arrow {
	position: absolute;
	display: block;
	width: 9px;
	height: 27px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.lenta a.arrow.hidden {
	display: none;
}

.lenta a.arrow:hover {
	background-position: bottom;
}

.lenta a.left {
	background-image: url("");
	left: 20px;
	bottom: 27px;
}

.lenta a.right {
	background-image: url("");
	right: 20px;
	bottom: 27px;
}

.lenta .lenta_right_grad {
	position: absolute;
	display: block;
	width: 52px;
	height: 84px;
	right: 0px;
	bottom: 0px;
	background: url("") no-repeat;
}

.lenta .lenta_left_grad {
	position: absolute;
	display: block;
	width: 52px;
	height: 84px;
	left: 0px;
	bottom: 0px;
	background: url("") no-repeat right;
}



.effect-lines-left {
	background: url("") left repeat-y;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.effect-lines-right {
	background: url("") right repeat-y;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}


a.logo {
	background: url("../image/common/logo.png") no-repeat;
	width: 192px;
	height: 42px;
	display: block;
	margin: 26px 0 0 40px;
	font-size: 0;
	text-decoration: none;
	
	z-index: 1000;
}


ul.tags {
	margin: 38px 0 0 40px;
	
}
ul.tags02 {
	position: absolute; left: 40px; top: -100px
	
}
ul.tags02 li{
	margin-bottom: 8px
}
ul.tags li {
	margin-top: 5px
}

ul.tags li a {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	width: 195px;
	height: 25px;
	text-decoration: none;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

ul.tags a:hover {
	background-position: bottom left;
}

ul.tags a.active {
	background-position: bottom left;
}

ul.tags a#menu01 {
	background-image: url("../image/common/menu01.png");
}

ul.tags a#menu02 {
	background-image: url("../image/common/menu02.png");
}

ul.tags a#menu03 {
	background-image: url("../image/common/menu03.png");
}

ul.tags a#menu04 {
	background-image: url("../image/common/menu04.png");
}

ul.tags a#menu05 {
	background-image: url("../image/common/menu05.png");
}


ul.add{ margin: 50px 0 0 40px }
ul.add li{ margin-bottom: 26px }
.text {
	font-size: 13px;
	line-height: 16px;
	font-family: "Century Gothic", Verdana;
	text-align: left;
	color: #e3e3e3;
}

.text h2 {
	font-family: "Century Gothic", Verdana;
	font-size: 21px;
	color: #e3e3e3;
	text-align: center;
	margin-bottom: 23px;
}

.text h3 {
	font-family: "Century Gothic", Verdana;
	font-size: 12px;
	margin-bottom: 10px;
	color: #e3e3e3;
}

.text ul {
	margin-bottom: 23px;
}

.text ul li {
	margin-left: 14px;
	list-style: disc;
}

.text p {
	padding-top: 23px;
	color: #e3e3e3;
}

.text a {
	text-decoration: underline;
	color: #55D3FB;
}

.text a:hover {
	text-decoration: underline;
	color: #1f6fbe;
}

.contacts {
	position: absolute;
	max-width: 800px;
	min-width: 800px;
	margin: 0 auto;
	z-index: 5;
	margin-top: 40px;
}

.contacts .content {
	font-size: 14px;
	line-height: 18px;
}

.contacts .form {
	float: left;
	padding-top: 26px;
}

.contacts .form td {
	vertical-align: top;
	padding-bottom: 10px;
}

.contacts .form td.label {
	padding-right: 10px;
	padding-bottom: 12px;
	font-weight: bold;
}

.contacts .map {
	float: left;
	padding-top: 26px;
	padding-left: 54px;
}

.contacts .map h3 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
}

.contacts .map h4 {
	margin: 0;
	margin-top: 23px;
	font-size: 13px;
	text-transform: uppercase;
}

.about {
	position: absolute;
	/*max-width: 800px;*/
	min-width: 640px;
	margin: 0 auto;
	z-index: 5;
}

.about .content p {
	font-size: 14px;
	line-height: 18px;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

#viewCont{ width: 100% }
.videoArea{ width: 640px; height: 360px; margin: 0 auto}
.videoBar{ height: 107px; background:url(image/common/bg_video.gif) repeat-x 0 0;}
.mapArea{ margin-top: 10px; zoom: 1 }
.mapArea:after{ content:''; display: block; clear: both  }
h2.contaTit{ text-align: left }
.mapArea .map{ float: left; background:url(image/contact/bg_map.png) no-repeat 0 0; width: 636px; height:354px; padding: 4px 0 0 4px }
.mapArea .txt{ float: left; margin-left: 65px }