*{padding:0; margin:0;}

html{
 background: #efebe3 url(images/bg5.png) repeat-y top center; 
 height:100%;
}

@font-face {
font-family: 'BigBold';
src: url('fonts/futura-webfont.eot');
src: local('futura-webfont'),
 local('futura-webfont'),
 url('fonts/futura-webfont.ttf') format('truetype');
}

@font-face {
font-family: 'Norm';
src: url('fonts/Museo300-Regular.eot');
src: local('Museo300-Regular'),
 local('Museo300-Regular'),
 url('fonts/museo300-regular.otf') format('opentype');
}
@font-face {
font-family: 'NormB';
src: url('fonts/Museo300-Regular.eot');
src: local('Museo300-Regular'),
 local('Museo300-Regular'),
 url('fonts/museo300-regular.otf') format('opentype');
}


h1, #topnav a, #topnav span, #studios{font-family: BigBold;}
.nb{font-family: NormB;}
 .headertext{font-size:46px; font-family: BigBold;}
 .text,.hometable tr td p, .footerr div.h4, #footernav ul li a, .bshare {font-family:norm;}
.hometable tr td p {text-align: inherit;}

.topheader{
width:100%;
height:100px;
border-top:5px solid #eee;
display:none;
}

p {
font-weight:100;
}

body {
text-align:center;
 height:100%;
}

.logoo{
background: url(images/logoo.png) no-repeat top left;
height:42px;
width:287px;
position:relative;
float:left;
}

.outerlogo{
z-index:2;
position:relative;
top:1px;
left:0;
height:42px;
background:#000;
width:201px;
}

.center {
width:910px;
margin:0 auto;
position:relative;
}

.madeintheus{
background: url(images/americancompany.png) top left no-repeat;
width:86px;
height:86px;
position:absolute;
z-index:99;
top:265px;
left:431px;

}

.hregister {
position:absolute;
font-size:12px;
color:#666;
text-decoration:none;
bottom:4px;
left:4px;
}

.homelogin{
font: normal 14px Arial;
color:#666;
padding:8px;
}

.homelogin .in{
height:24px;
padding-top:4px;
padding-left:5px;
border:1px solid #ccc;
width:163px;
font-weight:normal;
}

.err {
	color: #FF9900;
}


.registerform .in {
height:24px;
padding-top:4px;
padding-left:5px;
border:1px solid #ccc;
width:163px; }

.registerform {
font: normal 14px Arial;
color:#666;
padding:8px;}

.registerform  tr{
position:relative;
height:40px;
font-weight:normal;
}

.registerform  tr th{
font-weight:normal;
width:170px;
text-align:right;
padding-right:8px;
}

.fpassword {
font-size:11px;
}

.exampleout{
position:relative;
padding:3px;
margin-top:15px;
margin-bottom:3px;
border:2px solid #000;
background:#eee;
width:600px;
height:78px;
}

.example{
background:#000;
padding:5px 8px;
color:#fff;
font-size:12px;
position:absolute;
top:0;
left:0;
}

.examplein {
width:600px;
height:78px;
background:#333;
}




.padding{
width:910px;
position:relative;
padding:15px;
padding-top:5px;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -160px;
position:relative;
}


  
  #head {
position:relative;height:42px;padding:0px; 
min-width:900px;
width:100%;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin-bottom:1px;
}

.headbg{background: #eee url(images/bg3.png) repeat top left;
width:100%; height:37px; position:absolute;top:0;left:0;z-index:1;
  border-top:3px solid #000;
  border-bottom:4px solid #000;
}


.dark {padding-top:15px;margin-left:25px;color:#000;text-align:left;}
 .black{ display:block; height:185px; margin-left:20px;

 }
 .white{border-top:2px solid #000;display:block; height:550px; width:100%;background:#fff; display:none;
 }


  ul.main2{display:block;width:78px;height:25px;position:aboslute;float:right;}
  ul.main2 li{display:block;float:left;margin-right:1px;}
  ul.main2 li a{display:block;width:25px;height:25px;text-indent:-9999px;background:url(images/ico-social-small.png) top left no-repeat;}
  ul.main2 li.ico-twitter a{background:url(images/ico-social-small.png) -25px 0px no-repeat;}
  ul.main2 li.ico-mail a{background:url(images/ico-social-small.png) -50px 0px no-repeat;}
  ul.main2 li.ico-facebook a:hover{background:url(images/ico-social-small.png) 0px -26px no-repeat;}
  ul.main2 li.ico-twitter a:hover{background:url(images/ico-social-small.png) -25px -26px no-repeat;}
  ul.main2 li.ico-mail a:hover{background:url(images/ico-social-small.png) -50px -26px no-repeat;}

 .footerr{
 float:left;
 margin-top:8px;
 height:80px;
 width:222px;
 margin-right:15px;
 }
 .push {width:100%; height:160px;}
.footer{position:relative;height:160px; 
width:941px;
background: #171717;
margin:0 auto;
left:1px;
}
.topfooter{
width:100%;
height:51px;
background:#2a2a2a;
text-align:left;
position:relative;
}


.connect {font-size:28px; color:#555;position:relative;top:8px;left:15px;}

.bshare{
color: #888;
position:absolute;
top:11px;
right:16px;
font-size:14px;
padding-left:28px;
height:23px;
padding-top:5px;
background: url(images/share.png) 0px 3px no-repeat;
}
#footernav ul{
position:absolute;
top:0px;
left:260px;
color: White;
font-family: arial, helvetica, sans-serif;
width:550px;
}
#footernav ul li { float:left;}
#footernav ul li a{
padding: 17px 16px;
padding-left:46px;
color: #888;
text-decoration: none;
float: left;
border-right: 1px dotted #555;
font-size:14px;
overflow:hidden;
}
#footernav ul li a.twitter{background: url(images/twitter.png) 14px 14px no-repeat;}
#footernav ul li a.facebook{background: url(images/faceicon.png) 14px 14px no-repeat;}
#footernav ul li a.contactu{background: url(images/contact.png) 14px 14px no-repeat;}
#footernav ul li a.rss{background: url(images/rss.png) 14px 14px no-repeat;}

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px;
	border-top:3px solid #000;
position:relative;
display:block;
float:right;
text-align:left;
z-index:3;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:37px;
		font-size: 19px !important;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 9px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: #000 url(a_bg.gif) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 19px;
	line-height: 20px; /*--Vertical alignment of text--*/
		font-size: 18px !important;
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #000;
	background:#fff;
	background-position: left bottom;
		font-size: 1.1em;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

.footerr div.h4{
padding:17px 0 20px 10px;
text-align:left;
border-bottom:1px solid #303030;
width:100%px;font-size:16px;letter-spacing:-1px;color:#fff;
}
.footerr ul li{
 color:#B0B0B0;
 font-family:Arial;
 font-size:10px;
 padding:10px;
 padding-top:15px;
 text-align:left;
}

.newsletter .in{
background:#000;
padding:7px;
margin:5px;
margin-left:0;
border:0;
font-size:11px;
font-family:Arial;
color:#999;
}

.footerr ul{
display:block;font-size:14px;line-height:15px;color:#eee;letter-spacing:0px;
list-style-type:none;width:220px;}

.port{
margin-top:1px; margin-bottom:1px; margin-left:2px;
width:210px;
height:160px;
display:block;
border:3px solid #fff;
overflow:hidden;
position:relative;
float:left
}

.portcover {
position:absolute;
top:0; left:0;
z-index:2;
width:210px;
height:160px;
background: url(images/overlay.png) no-repeat 50% 50%; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
}
.portcover:HOVER{
background: url(images/overlay.png) no-repeat 50% 50%; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.portimg {
width:210px;
height:160px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
}



.outernav{
position:absolute;
z-index:2;
top:1px;
right:0;
height:42px;
background:#000;
width:360px;
}
#onav{text-align:left;
height:42px;
background:#000;
position:relative;
float:left;
width:360px;
}
ul#inav{
white-space: nowrap;
padding-top:25px;
padding-right:5px;
display:block;
float:right;
}
#inav li{
display: inline;
list-style-type: none;
}
#inav a { padding:3px 5px; margin-left:10px; font-size:26px;border-bottom:3px solid #fff;}
#inav a:link, #inav a:visited {
color: #fff;
text-decoration: none;
}




.fullnav {width:100%; height:62px; 
border-top:13px solid #000;
border-bottom:13px solid #000;
background: #222;
}





#button {
height:42px;
width:201px;
position:relative;
float:left;
background:#000;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.the_menu {
	display:none;
	width:200px;
	margin:0 !important;
	position:relative;
	top:-4px;
	text-align:left;
	color:#fff;
	overflow:hidden;
}

.the_menu li {
	background-color: #000;
	border-top:1px solid #fff;
}

.the_menu li a {
padding-top: 10px;
	color:#FFFFFF; 
	text-decoration:none;  
	display:block;
}





.hometable {margin-left:10px;margin-top:5px;}
.hometable h1{font-size:28px;}
.hometable tr td{margin-right:3px;}
.hometable tr td h1{width:175px; text-transform:uppercase;}
.hometable tr td p{font-size:19px;}

#studios {
position:absolute;
top:14px;
right:-15px;
font-size:19px;
line-height:19px;
z-index:10;
text-align:right;
padding-right:7px;
border-right:1px solid #000;
}

.st_sharethis_custom{
        background: url(images/sharethis.png) no-repeat scroll left top transparent;
}

/* BEGIN CSS PORTFOLIO */
.worktop {color:#000;padding-bottom:10px;
 text-align:left; width:100%; background:#fff;
 text-transform: uppercase;height:55px;
 position:relative;
 }
 .arrows{
 width:100%;
 height:5px;
 background: #000;
position:relative;
z-index:999; }
#arrow{
background: url(images/arrow.png) top center no-repeat;
margin-top:-1px;
}

.contactus{
float:right;
margin-right:10px;
margin-bottom:-7px;
margin-top:14px;
border:0px;
position:relative;
z-index:2;
}
.contactus img{
border:0;
}
 
 .headertext{ position:absolute; top:5px; left:-10px; }
.workheader{width:100%; height:20px; position: relative;
font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
}
.workheadertext {color:#000; position:absolute; top:10px; left:10px; padding:5px; font-size:13px;}
.workheaderline {width:741px; height:3px; border-bottom:1px solid #000;position:absolute; top:21px; right:10px;}
.portfolio ul {
font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda,sans-serif, Arial, Helvetica, Garuda, sans-serif;
font-size:12px;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 39px 0 0px 0;
	margin-top:-10px;
	margin-left:10px;
}

.portfolio li {
	float: left;
	width: 241px;
	position: relative;
	height: 208px;
	margin: 0 25px;
	
}

.portfolio li img {
	background-color: #fff;
	padding:4px;
}
.portfolio li img.corners {
position:absolute;top:4px; left:4px;z-index:9px;padding:0px; border:0;background:none;
}

.portfolio .content {
	display: none;
	position: absolute;
	top: 4px;
	left: 4px;
	background-color: none;

	width: 211px;
	height: 150px;
	padding: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.portfolio li.hover div.content {
	display: block;
}

.portfolio .content h5 {
	margin: 0 0 0px 0;
	font-size: 15px;
	color: #fff;
	font-family:Verdana;
	display:none;
}

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

.portfolio div.content div.row {
	padding: 4px 0;
}

.portfolio div.content div.row span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	padding: 2px 5px 3px 5px;
}

.portfolio div.content div.row span.name {
	width: 75px;
	margin-right: 15px;
}

.portfolio div.content div.row span.detail {
	margin-right: 4px;
}

/* zoom and more button */
.portfolio li a.folio-more,
.portfolio li a.folio-zoom {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 25px;
	width: 25px;
	background: url(images/icons/icon-portfolio-more.png) no-repeat 50% 50% transparent;
}

/* zoom button */
.portfolio li a.folio-zoom {
	background: url(images/icons/icon-portfolio-zoom.png) no-repeat 50% 50% #484848;
	right: 0px;
}

/* PORTFOLIO COLORS */
.portfolio li a.folio-more,
.portfolio div.content div.row span.name {
	background-color: #c12830;
	color: #ffffff;
}