html{height: 100%;}
body{
	margin:0 auto;
	color:#fff;
	font:14px arial,sans-serif;
	background:#921e0d;
	height: 100%;
}
img{border-style:none;}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
.wrapper{
	overflow: hidden;
	width: 100%;
}
#wrapper{
	margin:0 auto;
	width:944px;
	min-height: 100%;
	background: url(../images/bg-wrapper-c.gif) repeat-y;
}
* html #wrapper{height: 100%;}
.page{padding-bottom: 236px;}
#header{
	width: 889px;
	background: #921e0d;
	padding: 5px 0 3px 54px;
	position: relative;
}
#header:after{
	content: "";
	display: block;
	clear: both;
}
.logo{
	margin: 0;
	position: absolute;
	top: 3px;
	left: 25px;
	width: 284px;
	height: 89px;
	text-indent: -9999px;
	z-index: 10;
}
.logo a{
	display: block;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/logo.png) no-repeat;
}
#nav{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	height: 1%;
	float: left;
}
#nav li{float: left;}
#nav a{
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	height: 59px;
	width: 126px;
	outline: none;
	background: url(../images/bg-nav.jpg) no-repeat;
}
#nav a:hover, #nav a.active{background-position:0 -74px;}
#nav .work a{
	width: 140px;
	height: 72px;
}
#nav .work a:hover, #nav .work a.active{background-position: 0 -198px;}
#nav .reel a{background-position: -140px 0;}
#nav .reel a:hover, #nav .reel .active{background-position: -140px -74px;}
#nav .about a{background-position: -266px 0;}
#nav .about a:hover, #nav .about .active{background-position: -266px -74px;}
#nav .blog a{
	width: 125px;
	background-position: -392px 0;
}
#nav .blog a:hover, #nav .blog .active{background-position: -392px -74px;}
#nav .contact a{
	background-position: -517px 0;
	width: 128px;
}
#nav .contact a:hover, #nav .contact .active{background-position: -517px -74px;}
.slide{
	overflow: hidden;
	width: 100%;
	margin-bottom: -4px;
	z-index: 5;
	position: relative;
	background: #921e0d;
}
.slide-item{
	overflow: hidden;
	width: 100%;
	margin: 0 0 -17px;
	position: relative;
	z-index: 1;
}
.slide-item div{
	float: left;
	position: relative;
	left: 50%;
}
.slide-item ul{
	margin: 0;
	padding: 0 0 0 40px;
	list-style: none;
	float: left;
	position: relative;
	left: -50%;
}
.slide-item li{
	float: left;
	padding: 0 0 0 2px ;
}
.slide-item a{
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	width: 16px;
	background: url(../images/bg-slide-check.gif) no-repeat;
}
.slide-item a:hover, .slide-item li.active a{background-position: -18px 0;}
.slide-box{
	width: 100%;
	position: relative;
	height: 690px;
	overflow:hidden;
}
.slide-gall{
	margin:0;
	padding:0;
	list-style:none;
	width: 9999px;
	overflow:hidden;
}
.slide-gall li{
	float:left;
	position:relative;
	width:944px;
}
.slide img{
	position: absolute;
	top: 0;
	right: -4px;
}
.slide .info{
	width: 849px;
	height: 351px;
	margin: 224px 0 0 38px;
}
.slide .info h2,
.slide .info p,
.slide .info a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.slide .box{
	width: 100%;
	height: 690px;
	overflow: hidden;
	background: #921e0d;
}
slide .box a{display: block;}
#main{
	background: url(../images/bg-wrapper-t.gif) no-repeat;
	overflow: hidden;
	width: 100%;
	position: relative;
}
#content h2{
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}
h2.motion{
	position: absolute;
	width: 439px;
	height: 110px;
	top: 30px;
	left: 39px;
	background: url(../images/txt-motion.png) no-repeat;
}
h2.service{
	background: url(../images/txt-services.gif) no-repeat;
	height: 71px;
}
h2.feature{
	background: url(../images/txt-featured.gif) no-repeat;
	height: 37px;
}
#content{
	float: left;
	width: 188px;
	padding: 167px 16px 0 36px;
}
#content p{
	margin: 0 0 15px;
	line-height: 17px;
}
.icons{
	float: right;
	width: 607px;
	overflow: hidden;
	padding: 39px;
}
.icons img{
	display: block;
	float: right;
}
#footer{
	margin: -128px auto 0;
	width: 944px;
	height: 91px;
	padding: 17px 0 20px;
	position: relative;
	background:#921e0d url(../images/bg-footer.gif) no-repeat;
}
#footer .holder{
	background: url(../images/divider-v1.gif) repeat-y 204px 0;
	overflow: hidden;
	width: 874px;
	padding: 14px 41px 8px 23px;
}
#footer .logo2{
	float: left;
	margin: 3px 39px 0 0
}
#footer .logo2 img{display: block;}
#footer .address{
	float: left;
	width: 300px;
	font: 12px/14px Tahoma, Arial, Helvetica, sans-serif;
}
#footer .address dl{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#footer .address dd{margin: 0;}
#footer .address dt{
	float: left;
	margin: 0 4px 0 0;
}
#footer address{
	font-style: normal;
	display: block;
}
#footer address span{display: block;}
#footer .menu{
	float: right;
	width: 300px;
	padding: 27px 0 0;
}
#footer .menu ul{
	margin: 0 0 -1px -8px;
	padding: 0;
	list-style: none;
}
#footer .menu li{
	display: inline;
	background: url(../images/separator1.gif) no-repeat 0 2px;
	padding: 0 4px 0 8px;
}
#footer .menu li:first-child{background: none;}
#footer .menu p{
	margin: 0;
	font-size: 10px;
}
.inner{background: url(../images/bg-wrapper-c2.gif) repeat-y !important;}
.inner #header{
	width: 793px;
	padding: 5px 0 1px 150px;
}
.inner #main{background: url(../images/bg-wrapper-t2.gif) no-repeat;}
.inner .logo{
	width: 136px;
	height: 51px;
	left: 10px;
	top: 13px;
}
.inner .logo a{background: url(../images/logo2.gif) no-repeat;}
.inner #nav .work a{
	background-position: 0 -135px;
	height: 59px;
}
.inner #nav .work a:hover, .inner #nav .work a.active{background-position: 0 -74px;}
.video{
	width: 630px;
	height: 380px;
	padding: 72px 85px 85px 85px;
	margin: 7px auto;
	background: url(../images/bg-video.gif) no-repeat;
}
.inner .page{padding-bottom: 130px;}
.inner #content{
	width: 439px;
	padding: 40px 0 0 19px;
	position: relative;
}
.inner .icons{
	width: 462px;
	padding: 54px 39px 0 0;
	margin: 0 0 0 -15px;
	min-height: 495px;
	overflow: visible;
}
* html .inner .icons{height: 495px;}
.inner h2.motion{position: static;}
#content .txt{
	padding: 11px 26px 11px 36px;
	font-size: 15px;
}
#content .txt p{line-height: 18px;}
.align-center{
	display: block;
	margin: -92px 0 38px 75px;
}
div.contact{
	float: left;
	width: 353px;
}
.btn{
	margin: 0;
	padding: 4px 0 8px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.btn a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 8px;
	background: url(../images/bg-btn.jpg) no-repeat;
}
.btn .email a{
	height: 58px;
	width: 353px;
}
.btn .youtube, .btn .facebook{float: left;}
.btn .youtube a, .btn .facebook a{
	background-position: 0 -66px;
	height: 50px;
	width: 172px;
}
.btn .facebook a{background-position: 0 -123px;}
.btn .twitter, .btn .newsletter{float: right;}
.btn .twitter a, .btn .newsletter a{
	background-position: -182px -66px;
	height: 50px;
	width: 171px;
}
.btn .newsletter a{background-position: -182px -123px;}
.btn .download a{
	background-position: 0 -181px;
	height: 28px;
	width: 353px;
	clear: both;
}
.contact dl{
	font-size: 30px;
	line-height: 37px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	letter-spacing: -1px;
}
.contact dd{
	margin: 0;
	overflow: hidden;
	height: 1%;
}
.contact dt{
	float: left;
	width: 137px;
	margin: 0 10px 0 0;
}
* html .contact dt{margin: 0 7px 0 0;}
.contact .address{padding: 6px 0 0;}
.contact address{
	font-style: normal;
	display: block;
	font-size: 16px;
	line-height: 19px;
	padding: 8px 0 0 3px;
}
.contact address span{display: block;}
.poem{
	background: url(../images/bg-poem.jpg) no-repeat;
	height: 205px;
	width: 256px;
	padding: 186px 20px 20px 135px;
	float: right;
	font-size: 11px;
	color: #000;
	line-height: 13px;
	position: relative;
}
.poem a{color: #000;}
.poem p{margin: 0 0 14px;}
.poem p span{display: block;}
.poem .sign{
	position: absolute;
	bottom: 12px;
	right: 15px;
	font-style: normal;
	color: #b6cad6;
	font-size: 9px;
}
.contact-page{
	overflow: hidden;
	height: 1%;
	padding: 45px 57px 45px 64px;
}
.subnav{
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
	height: 45px;
	overflow: hidden;
}
.subnav li{
	float: left;
}
.subnav a{
	float: left;
	height: 45px;
	background: url(../images/bg-subnav.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
.subnav a:hover, .subnav .active{background-position: 0 -45px;}
.subnav .all-projects a{width: 98px;}
.subnav .motion a{
	width: 62px;
	background-position: -98px 0;
}
.subnav .motion a:hover, .subnav .motion .active{background-position: -98px -45px;}
.subnav .web a{
	width: 77px;
	background-position: -160px 0;
}
.subnav .web a:hover, .subnav .web .active{background-position: -160px -45px;}
.subnav .three-d a{
	width: 33px;
	background-position: -237px 0;
}
.subnav .three-d a:hover, .subnav .three-d .active{background-position: -237px -45px;}
.subnav .social a{
	width: 108px;
	background-position: -270px 0;
}
.subnav .social a:hover, .subnav .social .active{background-position: -270px -45px;}
.workbox{padding: 21px 24px;}
.portfolio{
	margin: 0 -27px 0 -2px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 928px;
}
.portfolio li{
	float: left;
	width: 432px;
	height: 351px;
	font-size: 12px;
	line-height: 14px;
	padding: 0 32px 16px 0;
}
.portfolio .info{
	background: url(../images/bg-portfolio-info.jpg) no-repeat -1px 100%;
	height:78px;
	overflow: hidden;
	padding: 17px 30px 15px 90px;
}
.portfolio img{display: block;}
.portfolio a{
	display: block;
	height: 100%;
	position: relative;
	cursor: pointer;
}
.portfolio em{
	display: block;
	font-style: normal;
}
.portfolio strong{
	display: block;
	margin: 0 0 8px;
	font-size: 14px;
}
.portfolio .note{
	position: absolute;
	top: 8px;
	right: -12px;
	height: 41px;
	width: 92px;
	text-indent: -9999px;
	overflow: hidden;
}
.portfolio .motion{background: url(../images/note-motion.png) no-repeat;}
.portfolio .web{background: url(../images/note-website.png) no-repeat;}
.portfolio .threed{background: url(../images/note-3d.png) no-repeat;}
.portfolio .social{background: url(../images/note-social.png) no-repeat;}