/* site */

body {
	margin:0;
	padding:0;
	line-heigth:auto;
	height:100%;
}
a img {
	border:none;
}
:focus {
	outline:none;
}
#demo-wrapper {
	margin:auto;
	overflow-x: scroll;
	overflow-y:hidden; 
	height:100%;
	width: 100%;
	position: fixed;
}
div.shadow {
	background:url('../img/site/layout/body_shadow.png') repeat-x top left;
	width: 18000px;
	position:absolute;
	height:300px;
} 
#demo-inner {
	width: 18000px;
	height: 1200px;
	overflow:hidden;
	background:url('../img/site/layout/body_bgr.jpg') repeat top left;
}
 
.scrolling-content {
	width: 1000px;
	height: 100%;
    	position: absolute;
}
 
#content1 {
	left: 0px; 
	top: 0px;
}
 
#content2 {
	left: 2000px; 
	top: 0px;
}
 
#content3 {
	left: 4000px; 
	top: 0px;
}
#content4 {
	left: 6000px; 
	top: 0px;
}
#content5 {
	left: 8000px; 
	top: 0px;
} 
 
/* 1.page */

div.navigation_main_bgr {
	background:url('../img/site/home/navigation_main_bgr.png') no-repeat top left;
	height:500px;
	width:291px;
	float:left;
}
div.txt_main_bgr {
	background:url('../img/site/home/txt_main_bgr.png') no-repeat top left;
	height:640px;
	width:653px;
	float:left;	
	margin-left:20px;
}
div.mugshot {
	position:absolute;
	top:480px;
	left:520px;
}
div.frontpage_gallery_bgr {
	height:226px;
	width:271px;
	left:30px;	
	top:350px;
	position:absolute;
	border:solid 2px #f5f5f5;	
}

/* 2.page ,3.page, 4.page */

div.portifolio_1_bgr {
	background:url('../img/site/portifolio1/portifolio_1_bgr.png') no-repeat top left;
	height:707px;
	width:884px;
	float:left;
	position:absolute;
	margin-left:65px;
}
div.portifolio_1_thumbs_bgr {
	background:url('../img/site/portifolio1/portifolio_1_thumbs_bgr.png') no-repeat top left;
	height:707px;
	width:884px;
	float:left;
	position:absolute;	
	z-index:2;
	margin-left:60px;
}
div.portifolio_1_tapes {
	height:26px;
	width:884px;
	float:left;
	position:absolute;	
	z-index:4;
	margin-top:5px;
}
div.portifolio_1_tapes_2 {
	height:26px;
	width:884px;
	float:left;
	position:absolute;	
	z-index:4;
	margin-top:300px;
}
div.arrow_left {
	height:242px;
	width:60px;
	float:left;
	z-index:99;
	position:absolute;
	left:0px;
	top:175px;
}
div.arrow_right {
	height:242px;
	width:60px;
	margin-left:900px;
	float:left;
	z-index:99;
	position:absolute;
	left:0px;
	top:175px;
}
img.portifoliothumb_1 {
	position:absolute;
	z-index:3;
	margin-left:80px; 
	top:19px;	
	border:solid 1px #fff;	
   opacity:0.6;
}
img.portifoliothumb_2 {
	position:absolute;
	z-index:3;
	margin-left:490px; 
	top:20px;
	border:solid 1px #fff;
    opacity:0.6;	
}
img.portifoliothumb_3 {
	position:absolute;
	z-index:3;
	margin-left:80px; 
	top:309px;
	border:solid 1px #fff;
    opacity:0.6;	
}
img.portifoliothumb_4 {
	position:absolute;
	z-index:3;
	margin-left:490px; 
	top:309px;
	border:solid 1px #fff;
    opacity:0.6;	
}
div#demo-photos img:hover,div#demo-photos2 img:hover ,div#demo-photos3 img:hover{
	width:391px; 
	height:269px; 
	display:block; 
	position:absolute; 
	background:#000;
    opacity:1.0;
}

div.navigation_main {
	margin-top:122px;
	margin-left:70px;
}
ul.main_navigation_global {
	width:204px;
	margin:0;
	padding:0;
	border:solid 0px #000;
}

ul.main_navigation_global li {
	display:block;
}

ul.main_navigation_global li a {
	display:block;
	background: url('../img/site/layout/main_navigation_global.png') no-repeat;
	height:60px;
}

ul.main_navigation_global li.home a {
	background-position: 0px 0px;
}

ul.main_navigation_global li.projects a {
	background-position: 0px -60px;
}

ul.main_navigation_global li.clients a {
background-position: 0px -120px;
}

ul.main_navigation_global li.home a:hover {
	background-position: -204px -0px;
}
ul.main_navigation_global li.projects a:hover {
	background-position: -204px -60px;
}

ul.main_navigation_global li.clients a:hover {
	background-position: -204px -120px;
}
/* arrow right */

ul.right_arrow_global {
	width:70px;
	margin:0;
	padding:0;
}

ul.right_arrow_global li {
	display:inline;
}

ul.right_arrow_global li a {
	display:block;
	background: url('../img/site/layout/right_arrow_global.png') no-repeat;
	height:250px;
}

ul.right_arrow_global li.right a {
	background-position: -40px 0px;
}
ul.right_arrow_global li.right a:hover {
	background-position: -165px -0px;
}

/* arrow left */

ul.left_arrow_global {
	width:70px;
	margin:0;
	padding:0;
}

ul.left_arrow_global li {
	display:inline;
}

ul.left_arrow_global li a {
	display:block;
	background: url('../img/site/layout/left_arrow_global.png') no-repeat;
	height:250px;
}
ul.left_arrow_global li.left a {
	background-position: -195px 0px;
}

ul.left_arrow_global li.left a:hover {
	background-position: -70px -0px;
}

div.maintxt {
	margin-top:140px; 
	margin-left:100px;
	font-size:12px;
	font-family:georgia,serif;
	font-style: italic;
	line-height: 15px;
	width:416px;
}

/* 5.page */
div.clients {
	margin-left:70px;
	margin-top:40px;
	z-index:2000000;
	position:absolute;
}
/* frontpage tweaks */

#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
.mask1{
	position:relative;
	width:271px;
	height:226px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
}
div.tape1{
width:80px;
height:100px;
top:190px;
left:210px;
background: transparent url('../img/site/home/tape1.png') no-repeat top left;
position:absolute;
z-index:3;
}
div.tape2{
width:100px;
height:100px;
top:-20px;
left:-15px;
background: transparent  url('../img/site/home/tape2.png') no-repeat top left;
position:absolute;
z-index:3;
}

#loading{
	overflow:hidden;
	margin-top:120px;
	height:11px;	
	text-align:center
}
#loading img{
	width:auto;
	height:11px;
	border:0;
}
/* site  ends */



/* links   */

a.href:link,a.href:visited {
color:#fff;
background:#000;
padding:3px;
text-decoration:none;
}
a.href:hover {
background:#fff;
color:#000;
}