@charset "UTF-8";
/* CSS Document */


html {
height:101%; /* Forces a vertical scrollbar on all pages to avoid jumping 16px */
}

/*These should be used for anything that needs to be floated independently in a larger div that the box you want to float*/
body  {
	background-color:;
	margin: 15px 0px 0px 15px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif - Arial, Helvetica, sans-serif */
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p { margin:0; }
br {margin:0;}

h1 { margin:0; }


#wrapper1{
width:850px;
height:588px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#wrapper2{
width:1200px;
height:auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#flash{
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	cursor: ne-resize;
	background-color: FFFFFF;
	visibility: hidden;
	background-image: url(images/project1/01.jpg);
}

#video{
width:640px;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
}

#menu{
width:200px;
height:auto;
margin:20px 30px 0px 20px;
position:relative;
float:left;
}

#picturesandtext{
width:700px;
height:auto;
margin:20px 0px 0px 10px;
position:relative;
float:left;
}

#picture{
	width:auto;
	height:525px;
	margin:5px 0px 0px 15px;
	float:left;
	clear: both;
	width:700px;
}

#text{
	width:400px;
	height:auto;
	margin:0px 0px 0 15px;
	text-align:left;
}


.porjects{font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #999999; padding:3px, 0px, 3px, 3px; margin-bottom:5px;text-decoration:none; text-align:left; font-weight:200; line-height:15px; cursor:pointer;}
.porjects a:link, .porjects a:active, .porjects a:visited{ color: #999999;text-decoration:none;} 
.porjects a:hover { color: #669999; text-decoration:none;} 


.rolloverprojects{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:5px;
color: #669999;
padding:3px, 0px, 3px, 3px;
text-decoration:none;
text-align:left;
font-weight:200;
line-height:15px;
cursor:pointer;
}


.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding:3px, 0px, 3px, 0px;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:normal;
}

.about{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #999999;
margin:5px, 0px, 5px, 0px,;
padding:3px, 0px, 3px, 0px;
text-decoration:none;;
font-weight:200;
line-height:13px;
}


.links p{
margin:0;
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

.links a, .links vistied {
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

.links a:hover {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
}

.header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:3px, 0px, 3px, 3px;

text-decoration:none;
text-align:left;
font-weight:800;
}

.description{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999999;
padding:3px, 0px, 3px, 3px;

text-decoration:none;
text-align:left;
font-weight:200;
line-height:12px;
}

#details{
padding-left:5px;
}

#button{
padding-left:87px;
padding-top:5px;
}