body {
width:1000px;
margin:0 auto;
margin-top:0px;
background-color: #000000;;
background-repeat:no-repeat;
background-position:top left;
background-attachment:fixed;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #888;
}

a {
	border: 0px;	
}
img {
	border: 0px;
}

/* ----- NAVIGATION ----- */
#topper {
width:900px;
height:30px;
background:white;
margin:0 auto;
color:white;
align:right;
}
#topper img {
	padding-right: 3px;
	padding-top: 2px;

}

#menuwrapper {
width:900px;
height:30px;
background:black;
margin:0 auto;
}
/*
#menu {
width:900px;
height:30px;
background:black;
margin:0 auto;
color:white;
font-family: times, serif;
font-style: italic;
font-size:18px;
padding-top:2px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#menu img {
	

}

#menu a {
	border: 0px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 2px;
		padding-right: 5px;
		width: 40px;

	
}
#menu a:hover {
	
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 2px #54C1DD solid;

}

#menu a:clicked {
	
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 2px #FF9900 solid;
}*/
.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 30px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 30px;
	background-repeat: no-repeat;
}
.home a {background-image: url(/images/menu-home.png); width: 90px;}
.home {background-image: url(/images/menu-home-hover.png);}
.mvideo a {background-image: url(/images/menu-video.png); width: 90px;}
.mvideo {background-image: url(/images/menu-video-hover.png);}
.picture a {background-image: url(/images/menu-picture.png); width: 90px;}
.picture {background-image: url(/images/menu-picture-hover.png);}
.team a {background-image: url(/images/menu-team.png); width: 90px;}
.team {background-image: url(/images/menu-team-hover.png);}
.blog a {background-image: url(/images/menu-blog.png); width: 85px;}
.blog {background-image: url(/images/menu-blog-hover.png);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* ----- HEADER ----- */

#header {
width:900px;
height:200px;
background-color:#ffffff;
margin:0 auto;

}

/* ----- HEADER ----- */

#header {
width:900px;
height:200px;
background-color:#ffffff;
margin:0 auto;

}

/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_4.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:900px;
background-color: #FFFFFF;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin:0 auto;
margin-top:0px;
margin-bottom:0px;
color: #888;
}

/* ----- MAIN CONTENT ----- */

#contentRight {
width:450px;
min-height:500px; /* for modern browsers */
height:100%;/*auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:right;

}

#contentLeft { 
width:430px;
min-height:500px; /* for modern browsers */
height:100% /*auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
}

#contentLeftPost { 
	clear:both;
	background-image:url('../images/shader.png');
	margin-bottom:10px;
	padding-left: 10px;


}

#contentRightPost { 
	clear:both;
	background-color: #ffffff;
	margin-bottom:10px;
	padding-right: 10px;
		padding-left: 10px;


}


img.popup {
	display: block;
    margin-left: auto;
    margin-right: auto;
    }

/* ----- FOOTER ----- */

#footer { 
width:900px;
height:100px;
background-color: #ffffff;
margin-top:10px;
margin:0 auto;
font-family: helvetica, impact, sans-serif;
font-size:13px;
color:lightgrey;
}

#footer-inner {
height:95px;
position: relative;
top:80px;
left:10px;
}

/* ------ FORM --------*/
label {
display: block;
width: 150px;
float: left;
}

/* ------ TWITTER ------*/
#twitterUserTimeline {
	padding:3px;
}

/* ------ VIDEO -----*/
.video {
min-height:780px; /* for modern browsers */
height:100% /*auto !important; /* for modern browsers */
height:780px; /* for IE5.x and IE6 */
}
#videorap {
min-height:780px; /* for modern browsers */
height:100% /*auto !important; /* for modern browsers */
height:780px; /* for IE5.x and IE6 */
	background-image:url('../images/iphone_v.png');
margin-top:10px;
margin:0 auto;
	
}
#videoplay {
	
	position: relative;
	top:  138px;
	left: 5px;
	width: 320px;
	height: 480px;
	background-color: white;
}