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

a img {border:0}

html {
height:100%; /* 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:#E9E9E9;*/
	background-color:#C0C0C0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif; /* Verdana, Arial, Helvetica, sans-serif - Arial, Helvetica, sans-serif */
}

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

h1 { margin:0; }


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


}

#wrapper2{
width:980px;
height:620px;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#FFFFFF;
}

#wrapper2long{
width:980px;
height:auto;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#663300;
}


#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:480px;
	margin:5px 0px 15px 15px;
	position:relative;
	float:left;
}

#picturelong{
	width:600px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	background-color:#FFFFFF;
	position:relative;
	float:left;
}

#text{
	width:600px;
	height:auto;
	margin:0px 0px 15px 15px;
	position:relative;
	float:left;
	clear:left;
	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, Verdana, Helvetica, sans-serif; font-size:14px; color:#666666; padding:3px, 0px, 3px, 10px; text-decoration:none; font-weight:bold;}
.title a:link, .title a:visited{ color:#EE157C;text-decoration:none}
.title a:hover{ color:#EE157C;text-decoration:none}
.title a:active{ color:#EE157C;text-decoration:none}

.titleon{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#EE157C; padding:3px, 0px, 3px, 10px; text-decoration:none;; font-weight:bold;
}
.abouton a:link, .abouton a:active, .abouton a:visited{ color:#EE157C;text-decoration:none;}
.abouton a:hover{ color:#EE157C;text-decoration:none;}



.about{
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; padding:3px, 0px, 3px, 0px; text-decoration:none;; font-weight:200; line-height:13px;}
.about a:link, .about a:visited{ color: #999999;text-decoration:none;}
.about a:hover{ color:#EE157C;text-decoration:none;}
.about a:active{ color:#EE157C;text-decoration:none;}

.abouton{
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; padding:3px, 0px, 3px, 0px; text-decoration:none;; font-weight:200; line-height:13px;}
.abouton a:link, .abouton a:active, .abouton a:visited{ color:#EE157C;text-decoration:none;}
.abouton a:hover{ color:#EE157C;text-decoration:none;}



.archives{
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#990000; padding:3px, 0px, 3px, 0px; text-decoration:none;; font-weight:200; font-weight:bold;; line-height:13px;}
.archives a:link, .archives a:active, .archives a:visited{ color: #999999;text-decoration:none;}

.menu_headings{
font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#666666; padding:3px, 0px, 3px, 10px; text-decoration:none; font-weight:bold;
}
.menu_headings a:link, .menu_headings a:active, .menu_headings a:visited{ color: #999999;text-decoration:none;}

.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;
}