@font-face {

    font-family: 'HelveticaNeueCondensedBold';

    src: url('../fonts/helvet5a-webfont.eot');

    src: url('../fonts/helvet5a-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/helvet5a-webfont.woff') format('woff'),

         url('../fonts/helvet5a-webfont.ttf') format('truetype'),

         url('../fonts/helvet5a-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');

    font-weight: bold;

    font-style: normal;



}



@font-face {

    font-family: 'HelveticaNeueCondensed';

    src: url('../fonts/helvet38-webfont.eot');

    src: url('../fonts/helvet38-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/helvet38-webfont.woff') format('woff'),

         url('../fonts/helvet38-webfont.ttf') format('truetype'),

         url('../fonts/helvet38-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Cambria';

    src: url('../fonts/cambria.ttf');

    font-weight: normal;

    font-style: normal;



}



body {

	background: url("../images/bg2.gif");

	margin: 0;

	padding: 0;

	font-family: "HelveticaNeueCondensed";

}



a:link, a:visited {

	color: red;

}



p {

	font-family: "Cambria";

}



a img {

	border: none;

}



a{	

	outline:none;

}



#content {

	overflow:hidden;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	position:relative;

}



#portfolio1 img {

	padding-right: 50px;

}



#lightbox {

	background:#000;

	position:absolute;

	top:0px;

	z-index:10;

	opacity:0;

}



.contentDiv {

	float:left;

	position:relative;

}



#logo {

	background: url("../images/logo.png") no-repeat;

	width: 355px;

	height: 118px;

}



#leftBorder {

	background: url("../images/leftBorder.gif") repeat-y;

	position: absolute;

	top: 118px;

	left: 26px;

	width:5px;

	min-height:415px;

}



#topBorder {

	background: url("../images/topBorder.gif") repeat-x;

	position: absolute;

	top:13px;

	left: 350px;

	min-width:300px;

}



#mainContentWrapper {

	overflow:hidden;

}



#mainContentWrapper img {

	padding-top:150px;

}



#navigation {

	list-style-type: none;

	margin: 0;

	padding-top: 5px;

	float:right;

}



#navigation li {

	padding-right: 26px;

	width: 26px;

	height:61px;

	position:relative;

	float:left;

}



#navigation li a {

	display:none;

}



#navigation li.home {

	background: url("../images/home.png") no-repeat 0 -17px;

}



#navigation li.portfolio {

	background: url("../images/portfolio.png") no-repeat 0 -90px;

}



#navigation li.contact {

	background: url("../images/contact.png") no-repeat 0 -68px;

}



#navigation li.about {

	background: url("../images/about.png") no-repeat 0 -35px;

}











#popup_wrapper {

	background:none;

	position:absolute;

	z-index:11;

}



#popup_container {

	background: #000;

	-moz-border-radius: 5px; 

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

	border: 1px solid #E3E3E3;

	-moz-box-shadow: 3px 3px 4px #000;

	-webkit-box-shadow: 3px 3px 4px #000;

	box-shadow: 3px 3px 4px #000;

	/*width:980px;

	height:780px;*/

	margin: 0px auto;

	color:#fff;

	position:relative;

	z-index:12;

	/*margin-top:70px;*/

	margin-top:400px;

	height:30px;

	width:90px;

}



#titleImage_container span a {

	float: right;

	color: #b2b2b2;

	font-weight: bold;

	text-decoration:none;

	/*background:#FFF;

	-moz-border-radius: 5px; 

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

	border: 1px solid #E3E3E3;

	-moz-box-shadow: 3px 3px 4px #000;

	-webkit-box-shadow: 3px 3px 4px #000;

	box-shadow: 3px 3px 4px #00;

	color:#000;

	height:20px;

	width:100px;

	margin: 0px auto;

	font-weight:bold;

	text-align:center;

	padding:10px;

	display:block;*/

}



#thumbnail_container {

	background:none;

	width:100px;

	height:735px;

	float:left;

	border-right: 3px solid #e3e3e3;

	padding: 30px 15px 15px 15px;

	display:none;

}



#thumbnail_container p {

	text-align:center;

	color: #b2b2b2;

}



#rightSide_container {

	width:847px;

	height:780px;

	float:left;

	background:none;

	display:none;

}



#titleImage_container {

	background:none;

	width:817px;

	height:642px;

	padding: 15px 15px 0px 15px;

	border-bottom: 3px solid #e3e3e3;

}



#description_container {

	background:none;

	width:817px;

	height:90px;

	padding:15px;

}



#thumbnail_container img.padded {



	padding-top:20px;

}



.thumbnail img {

	width:100px;

	height:75px;

	margin-top:10px;

}



#titleImage_container h2 {

	display:inline;

	font-weight:bold;

	font-size:24px;

	text-align:left;

}



#titleImage_container img {

	width:817px;

	height:587px;

	padding-top:5px;

	margin-top:10px;

}



#titleImage_container p {

	display:block;

	font-size:20px;

	padding-top:200px;

}



#description_container p {

	display:inline;

	font-size:16px;

}



#mainImage {

	display:none;

}



#contactForm {

	margin-left: auto; 

	margin-right: auto; 

	width: 600px; 

	text-align: center; 

	padding-top: 150px;

}



#contactForm h2 {

	margin-top: 0px;

}



#contactForm form {

	width: 400px; 

	margin-left: auto; 

	margin-right: auto; 

	overflow: hidden; 

	text-align: left;

}



#contactForm fieldset {	

	border: none;

}



fieldset span, input[type="submit"] {

	float:right;

}



fieldset span input {

	width: 290px;

}



.message {

	height: 200px;

}



.message textarea {

	height: 200px;

	width: 290px;

}



#aboutText {

	width: 550px; 

	margin-left: auto; 

	margin-right: auto; 

	padding-top: 135px; 

	text-align: left;

}



.motionGraphic {

	text-align:center; 

	padding-top: 30px; 

	width: 817px;

}



#vimeo {

	padding-top: 30px;

}