#navlist li
{
display: inline;
list-style-type: none;
padding-left: 50px;
}

#footer {
position: absolute;
top: 700px;
left: 20px;
width: 1000px;
text-align: left;
height: 50px;
padding-top: 5px;
}


#footer1 {
position: relative;
bottom: auto;
left: 20px;
width: 1000px;
text-align: left;
height: 50px;
padding-top: 5px;
}

.boxed {
  border-radius: 15px;
  -moz-border-radius: 15px;
  border: 1px solid green ;
  background: #eaffdc;
  padding: 6px;
  margin-top: 80px;
  margin-left:20px;
}


.boxed1 {
  margin-left: 260px;
  position: relative;
  width: 500px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  border: 1px solid green ;
  background: #eaffdc;
  padding: 5px;
}

.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
h1
{
color:black;
text-align:right;
}

h1
{
color:black;
text-align:right;
}

h2
{
color:black;
text-align:left;
}

h3
{
color:black;
text-align:left;
}

h4
{
color:black;
text-align:left;
font-size: 13px;
font-stretch: extra-expanded;
letter-spacing: 6px;
margin-left: 0px;
}

h5
{
color:black;
text-align:center;
font-size: 17px;
margin-left: 0px;
}


p
{
font-family:"Arial";
font-size:14px;
}


#sidebar {
	height: 300px;
	width: 200px;
	float: left;
	margin-left: 20px;
	padding: 15px;
}


#sidebar1 {
	height: 300px;
	width: 160px;
	float: left;
	margin-left: 20px;
	padding: 10px;
}



#content {
	height: 300px;
	width: 600px;
	float: left;
	margin-left: 100px;
	padding: 10px;
}

#content1 {
	height: 300px;
	width: 610px;
	float: left;
	margin-left: 10px;
	padding: 10px;
}

/**************************** HOME IMAGES***********************/
#frontmusic1
{
position:absolute;
top:80px;
left:400px;
border: none;
background-image: "images/music.gif" 
}


#frontmusic1:hover
{ 
  background-position: 0px;
  background-image: url(images/music_a.gif);
}

#frontportfolio1
{
position:absolute;
left:530px;
top:340px;
border: none;
}

#frontportfolio1:hover
{ 
background-position: 0px;
background-image: url(images/portfolio_a.gif);
}




#frontblog1
{
position:absolute;
left:60px;
top:450px;
border: none;
}


#frontblog1:hover
{ 
background-position: 0px;
background-image: url(images/blog_1.png);
}



#frontfiction1
{
position:absolute;
left: 400px;
top:525px;
border: none;
}

#frontfiction1:hover
{ 
background-position: 0px;
background-image: url(images/writing_back.png);
}


#frontbio1
{
position: absolute; 
top: 100px; 
left: 100px;
border: none;
}

#frontbio1:hover
{ 
background-position: 0px;
background-image: url(images/bio1.png);
}


#studio
{
position:absolute;
top:100px;
left:150px;
border: none;
}

#researchdevelopment
{
position:absolute;
top:250px;
left:150px;
border: none;
}


#urbandesign
{
position:absolute;
top:400px;
left:150px;
border: none;
}


#text_2
{
position:absolute;
top: 40px;
left:340px;
border: none;
}


#text_1
{
position:absolute;
top: 300px;
left:760px;
border: none;
}



#graphicdesign
{
position:absolute;
top:550px;
left:150px;
border: none;
}

#thesis
{
position:absolute;
top:700px;
left:150px;
border: none;
}


/************All Rollovers Below*******************/
/****** rollover 3 (pure css) **/



#rollover3 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover3 a {
width:100%;
}
#rollover3 {
list-style-type:none;
width:150px;
margin:auto;
padding:0;
}
#rollover3 li {
position:absolute;
top: 35px;
left:610px;
height:250px;
width:240px;
}

#rollover3 li#a a{
background-image:url(images/thesis/thesis_bo.png);
}

#rollover3 li#a a:hover {
background:transparent;
}

#rollover3 li#a {
background-image:url(images/thesis/thesis_color.png);
}

/******* Rollover2 (Pure CSS)*****/

#rollover2 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover2 a {
width:100%;
}
#rollover2 {
list-style-type:none;
width:150px;
margin:auto;
padding:0;
}
#rollover2 li {
position:absolute;
top: 550px;
left:620px;
height:130px;
width:225px;
}

#rollover2 li#b a{
background-image:url(images/urbandesign/urbandesign_bo.png);
}

#rollover2 li#b a:hover {
background:transparent;
}

#rollover2 li#b {
background-image:url(images/urbandesign/urbandesign_color.png);
}


/******Rollover 1 C Research & Development******/

#rollover1 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover1 a {
width:100%;
}
#rollover1 {
list-style-type:none;
width:150px;
margin:auto;
padding:0;
}
#rollover1 li {
position:absolute;
top: 470px;
left:55px;
height:200px;
width:375px;
}

#rollover1 li#c a{
background-image:url(images/leanergreenerroof/researchdevelopment_bo.png);
}

#rollover1 li#c a:hover {
background:transparent;
}

#rollover1 li#c {
background-image:url(images/leanergreenerroof/researchdevelopment_color.png);
}



/*** Rollover0 D is Graphic Design ***/

#rollover0 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover0 a {
width:100%;
}
#rollover0 {
list-style-type:none;
width:150px;
padding:0;
}
#rollover0 li {
position: absolute;
top: 30px;
left:60px;
height:115px;
width:235px;
}

#rollover0 li#d a{
background-image:url(images/graphicdesign/graphicdesign.png);
}

#rollover0 li#d a:hover {
background:transparent;
}

#rollover0 li#d {
background-image:url(images/graphicdesign/graphicdesign_color.png);
}

/*****Rollover5  E is Studio Work ****/

#rollover5 a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover5 a {
width:100%;
}
#rollover5 {
list-style-type:none;
width:150px;
padding:0;
}
#rollover5 li {
position: absolute;
top: 180px;
left:315px;
height:164px;
width:275px;
}

#rollover5 li#e a{
background-image:url(images/studio/studio.png);
}

#rollover5 li#e a:hover {
background:transparent;
}

#rollover5 li#e {
background-image:url(images/studio/studio_color.png);
}



/********IMAGE GALLERY BELOW****************/	

			
ul#gallery, ul#gallery li{
	margin: 0;
	padding:0;
	list-style:none;	
	}
ul#gallery{
	width:800px;
	height:450px;
	position: absolute;
	top:30px;
	left: 45px;
	background:#e1e1e1 url(images/bg_preview.gif) no-repeat 50% 40%;
	}			
ul#gallery li{
	float:left;
	display:inline;
	padding-top: 10px;
	margin-top:450px;
	}								
ul#gallery a span{
	display:none;
	}
ul#gallery a:hover{
	background:black;
	z-index:100;
	}	
ul#gallery a:hover span{
	position:absolute;
	width:800px;
	height:400px;
	float:left;
	top:0;
	left:0;
	display:block;
	}