.refresh {
margin:10px;
	padding:20px;
	cursor: pointer;
	position:absolute;
	z-index: 1;
	left:0px;
	background-color: #000;
	-webkit-border-radius: 40px;
	-moz-border-radius:40px;
	width: 20px;
	height: 20px;
}

body {
	font-family:Shanti,sans-serif;
	font-size:.6em;
	color:#000;
	overflow: hidden;
	background-color: white ;
}

#tweets {
	color:#fff;
	width:200px;
	position:fixed;
	top:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	bottom: 0px;
	background-color:#000;
	right:-220px;
	z-index:10;
}

#t_icon {
	cursor:pointer;
	position:absolute;
	left:-45px;
	background-color:#000;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	width:30px;
	height:28px;
	padding-top:10px;
	padding-left:8px;
}




#follow {
}

#tweets a {
	color:#999
}

#tweets a:hover {
	color:#333
}

#tweets h2 {
	padding-bottom:3px;
	font-weight:700
}

#tweets h2 a:hover {
	padding-bottom:3px;
	font-weight:700;
	color:gray;
	text-decoration:none;
	font-size:inherit
}

#nav {
	list-style:none;
	position:fixed;
	right:20px
}

#nav li {
	margin:0 0 15px
}

p {
	font-family:Shanti,sans-serif;
	color:#fff;
	text-decoration:none
}

a {
	font-family:Shanti,sans-serif;
	text-decoration: none;
}

a:hover {
	font-family:Shanti,sans-serif;
	
}

.header {
z-index:0;
}

.logo {
	position:absolute;
	width:1024px;
	height:600px;
	margin:-300px 0 0 -510px;
	top:-40%;
	left: 50%;
}

#claim {
	position:absolute;
	padding-top:20px;
	padding-right:30px;
	right:0
}

.footer {
	height:55px;
	width:100%;
	position:fixed;
	bottom:0;
	margin:5px;
	padding-left:10px;
	clear:both
	line-height:-10px;
}

.info {
	position:absolute;
	left:-33px;
	cursor:pointer;
	margin-top:50px
}

#c_icon {
	position:absolute;
	left:-33px;
	margin-top:27px;
	cursor:pointer
}

#p_icon {
	position:absolute;
	left:-33px;
	margin-top:72px;
	cursor:pointer
}



.description {
	font-family:Verdana,arial;
	font-size:2em;
	color:#999;
	top:950px;
	width:500px;
	margin-left:auto;
	margin-right:auto
}

.subline {
	font-family:Verdana,arial;
	font-size:1.5em;
	color:#000;
	top:500px;
	width:780px;
	position:fixed
}

input,textarea {
	padding:8px;
	border:solid 1px #E5E5E5;
	font:normal 12px Verdana,Tahoma,sans-serif;
	width:200px;
	background:-webkit-gradient(linear,left top,left 25,from(#FFFFFF),color-stop(4%,#EEEEEE),to(#FFFFFF));
	background:-moz-linear-gradient(top,#FFFFFF,#EEEEEE 1px,#FFFFFF 25px);
	box-shadow:rgba(0,0,0,0.1) 0 0 8px;
/*0.1 actually means 10 %*/
	-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-bottom:5px
}

textarea {
	width:400px;
	max-width:400px;
	height:150px;
	line-height:150%
}

input:hover,textarea:hover,input:focus,text area:focus {
	-moz-box-shadow:0 0 5px #fff;
	-webkit-box-shadow:0 0 5px #fff;
	box-shadow:0 0 5px #fff
}

.form label {
	margin-left:12px;
	color:#999
}

.submit input {
	width:auto;
	padding:6px 15px;
	background:#fff;
	font-size:12px;
	color:#000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer
}

#form_div {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#000;
	padding:15px;
	width:450px;
	margin:-160px 0 0 -225px;
	top:-300px;
	left:50%;
	position:absolute;
	-moz-box-shadow:0 0 20px #333;
	-webkit-box-shadow:0 0 20px #333;
	box-shadow:0 0 20px #333;
	z-index:9;
}

#wrapper {
	margin:30px auto;
	width:500px
}

#info_box {
	position:absolute;
	width:860px;
	height:400px;
	margin:-200px 0 0 -430px;
	top:50%;
	left: 50%;
	background-color:#fff;
	color:#000;
	z-index:2;
	overflow:visible;
}

#info_box p {
	font-size:13px;
	color:#000
}

#info_box h1 {
	font-size:20px;
	margin-bottom:10px;
	font-family:Shanti,sans-serif
}

#info_box h2 {
	font-size:20px;
	margin-top:10px;
	font-family:Shanti,sans-serif;
	margin-bottom:10px
}

#start_contact {
	text-align:center;
	margin-top:15px;
	width:auto;
	padding:6px 15px;
	background:#000;
	font-size:12px;
	color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer
}

#copy {
	float:left;
	max-width:589px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-column-count:2;
	-moz-column-gap:2em;
	-webkit-column-count:2;
	-webkit-column-gap:2em;
	padding-right:20px
}

#other {
	width:194px;
	float:left;
	background-color:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px;
	color:#fff;
	text-align:center
}

#other p {
	color:#fff;
	font-size:11px
}

#other h2 {
	margin-top:0;
	font-size:13px
}


#portfolio {
	
	z-index: 8;
	position:absolute;
	width:712px;
	height:500px;
	margin:-250px 0 0 -356px;
	left: 50%;
	top: 50%;
	

}

/* GRID BOXES */
.box170 { width: 165px; float: left; }
.box230 { width: 230px; float: left; }
.box340 { width: 430px; float: left; }
.spacing { display: block; width: 11px; height: 1px; float: left; }
.xSpace { padding-right: 11px; }
.ySpace { padding-left: 15px; }
.xSpacing { display: block; width: 0px; height: 1px; float: left; }
.hand { cursor: pointer }


#newscolbox img {width: 370px; height: auto; margin-bottom: 10px; }

.clear { clear: left;}
#clear { clear: both; }
.borderRight { border-right: 1px dotted #666; }

.border { padding: 20px 0 20px 0; margin: 20px 0 20px 0; border-bottom: 1px dotted #666; border-top: 1px dotted #666; }
.border-bottom { padding: 20px 0 0 0; margin: 20px 0 0 0; border-bottom: 1px dotted #666; }



/* WORK */
.marker {position:absolute; width:100px; height:100px; margin-left: 132px; margin-top: -2px; z-index: 110;}
#worktitle-small { margin-bottom: 5px; text-transform: uppercase; width: 170px; text-align: left; font-size: 0.8em; }
#showcred-small { margin-top: -18px; text-transform: uppercase; width: 712px; text-align: left; font-size: 0.8em; }
#showcred-small2 { margin-top: 0px; margin-bottom: -26px; text-transform: uppercase; width: 712px; text-align: right; font-size: 0.8em; }

.nodecoration { text-decoration: none !important }
.pro-player-container { margin-bottom: 10px; }
.download { background-image: url("lib/img/download.png"); background-repeat: no-repeat; display: inline-table; width: 20px; height: 13px; }
.mail { background-image: url("lib/img/mail.png"); background-repeat: no-repeat; display: inline-table; width: 13px; height: 11px; }
.information { background-image: url("lib/img/info.png"); background-repeat: no-repeat; display: inline-table; width: 21px; height: 13px; }
.informationnone { background-repeat: no-repeat; display: inline-table; width: 21px; height: 13px; }



.heightbox { height: 170px }

.work-holder { display: none; padding: 20px 0 20px 0; margin: 25px 0 20px 0; border-top: 1px dotted #666;}
.work-holder img { display: none; }
#thetitle { margin-top: -35px; margin-bottom: -5px;}

.makeitleft { float: right; display:block; width: 30px; height: 30px; margin-right: -2px; margin-top: 0px}
.makeitleft3 { text-align: left; margin-top: -25px; margin-bottom: -5px; }

#container { overflow:hidden; position:fixed; z-index: -13;}
#wrap {margin:0 auto; text-align: center; width: 830px; text-align: center;}
#content { margin-top:30px; width: 712px; text-align: left; }


#logo { 

background-image: url("images/p_logo.png");
width:712px;
height: 100px;
margin-left: 50px;


}
#logo img{padding-right:10px; float: left;}

#footer { margin-top: 30px; padding-bottom: 200px; font-size: 0.8em; line-height:1.5;}


p { padding: 0; margin: 0; margin-bottom: 14px; }
.loader { position: absolute; margin-top: 21px; margin-left: 5px; }




#start{


}

.hand_slider{

	
	position: absolute;
	width:750px;
	height:914px;
	margin: -457px 0 0 -375px;
	left: 50%;
	top: -30%;
	

}

.hand_pic{
	z-index: 667;
	position: absolute;

}

.finger_shadow{
	position: absolute;
	width:234px;
	height:154px;
	margin: -77px 0 0 -117px;
	left: 57%;
	top:90%;
	z-index: 665;
	
}