* {
margin:0; 
padding:0; 
}

html, body {
height:100%; 
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#000;

}

* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}

h1 {
	font: bold 34px/20% Verdana,arial,sans-serif; color:#33a1bc;
}

p {
font: 12px/140% Verdana,arial,sans-serif; color:#fff;
padding:0 0 128px; /* bottom padding clears the #footer */
}
.onwhite {
font: 12px/140% Verdana,arial,sans-serif; color:#000;
padding: 40px 550px 10px 20px; /* bottom padding clears the #footer */
}


a {
   color: #fff;
   text-decoration: underline;
}
a:hover {
   color: #000;
   text-decoration: underline;
}


#wrapper {
min-height:100%; 
width:1020px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
background-image: url(http://www.graphicdesignme.com/images/background.jpg);
background-repeat: no-repeat;
}


#header {
font: 12px Verdana,arial,sans-serif; color:#33a1bc;
text-align: right;
padding: 20px;
}

#lamp {
position:relative;
top: -7px;
left: 690px;
width: 352px;
height: 971px;
background-image: url(http://www.graphicdesignme.com/images/silo.png); 
background-repeat: no-repeat;
z-index: 90;
}
#nav {
position:relative;
top: -971px;
left: 0;
width: 1020px;
height: 128px;
margin: 0; padding: 0;

}

#navigation {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation li {
   float: left;
}
#navigation li a {
   display: block;
   background: none;
   width: 70px;
   font: 10px Verdana,arial,sans-serif; color: #fff;
   padding: 0;
   text-decoration: none;
   text-align: center;

}
#navigation li a:hover {
     font: 10px Verdana,arial,sans-serif; color: #33a1bc;
   text-decoration: underline;

}

#rss {
position:relative;
top: -1100px;
left: 650px;
width: 300px;
height: 100px;
margin: 0; padding: 0 0 0 35px;
background-image: url(http://www.graphicdesignme.com/images/rss.png); 
background-repeat: no-repeat;
}

#rss a {
   display: block;
   background: none;
   width: 70px;
   font: 11px Verdana,arial,sans-serif; color: #fff;
   padding: 0;
   text-decoration: none;
   text-align: center;

}
#rss a:hover {
     font: 11px Verdana,arial,sans-serif; color: #33a1bc;
   text-decoration: underline;

}


#portfolioContent			{ padding-top: 20px; }
.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
.clearfix 				{ display: block;}
/* End hide from IE-mac */
p.directions			{ font:italic 1.4em Georgia, "Times New Roman", serif; color:#909089; margin:3px 0 7px 0px; }

.project				{ background:url(http://www.graphicdesignme.com/images/project_bg.gif) no-repeat left top; margin-bottom:22px; height:205px;  }
.project img			{ float:left; margin:11px 0 0 13px; border:0; }
.info					{ float:right; width:241px; min-height:200px; padding:0 0 0 13px; position:relative; }
.info h3				{ font-family:arial, verdana, sans-serif; font-style:normal; font-size:1.8em; color:#272727; margin:17px 0 0; font-weight:normal; padding-bottom: 0px; }
.info p					{ font-size:1.1em; color:#666; line-height:1.5em; }
.info p.more			{ position:absolute; bottom:0; margin-top:15px; }
.more a					{ 
						  display:block; width:128px; height:27px; background:url(/images/view_site_btn.gif) no-repeat; text-indent:-999em; 
						  position:relative; left:-2px;
						}
.info a.top:focus,
.more a:focus			{ outline:none; }
.info .more a.top		{ display:none; }
.info a.top				{ 
						  display:block; position:absolute; bottom:12px; margin-left:220px; width:22px; height:23px; 
						  background:url(http://www.graphicdesignme.com/images/top_btn.png) no-repeat; text-indent:-999em;
						}





#picture_box_1 {
position:relative;
top: -1071px;
left: 0;
width: 871px;
height: 417px;
background-image: url(http://www.graphicdesignme.com/images/big_image_1.png); 
background-repeat: no-repeat;z-index:80;
}


#picture_box_2 {
position:relative;
top: -1071px;
left: 0;
width: 871px;
height: 417px;
background-image: url(http://www.graphicdesignme.com/images/big_image_2.png); 
background-repeat: no-repeat;z-index:80;
}


#picture_box_3 {
position:relative;
top: -1071px;
left: 0;
width: 871px;
height: 417px;
background-image: url(http://www.graphicdesignme.com/images/big_image_3.png); 
background-repeat: no-repeat;
z-index:80;
}

#pb_inner1 {
position:relative;
top: 10px;
left: -350px;
width: 200px;
margin: 0; padding: 0;
 
}

#pb_wrap1 {
position:relative;
top: -1100px;
left: 0;
}

#pb_wrap2 {
position:relative;
top: -1100px;
left: 0;
}

#pb_wrap3 {
position:relative;
top: -1100px;
left: 0;
}


#bwpicturebox {
position:relative;
z-index: 2;
top: -1046px;
left: 0;
width: 279px;
height: 242px;
background-color: #333;
border: 1px solid #666;
padding: 20px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

	
#smallexamplebox {
position:relative;
z-index: 2;
top: -1330px;
left: 355px;
width: 429px;
height: 282px;
background-color: #333;
border: 1px solid #666;
}	
	
	
.indent_example_box {
padding: 10px;
line-height: 1px;

}

#hcard {
position:relative;
top: -1440px;
left: 930px;
width: 72px;
height: 54px;
background: url(http://www.graphicdesignme.com/images/vcard.png) top left no-repeat;
z-index: 900;

}



#xhtml {
position:relative;
top: -1430px;
left: 930px;
width: 72px;
height: 31px;
z-index: 901;
}
#css {
position:relative;
top: -1420px;
left: 930px;
width: 172px;
height: 31px;
z-index: 902;
}


.copyright {
   font: 9px Verdana,arial,sans-serif; color: #000;
margin: 0; padding: 20px 0 10px 0;
}

#footer {
position: relative;
z-index: 4;
top: -1330px;
left: 0;
height: 128px;
width:1020px; /* centered div must be given a width */
margin:-128px auto 0; /* auto left/right centers it */
background-image: url(http://www.graphicdesignme.com/images/footer.png); 
background-repeat: no-repeat;

}


#footer_text { 
position:relative;
z-index: 5;
top: 80px;
left: 120px;
width: 1020px;
height: 128px;


}
#footer_text a{ 
color: #000;
   text-decoration: none;
}
#footer_text a:hover {
   color: #33a1bc;
   text-decoration: underline;
}


#footer_text li {
   list-style: none;
   width: 70px; 
   font: 10px Verdana,arial,sans-serif; color: #000;
   float: left;
}
#footer_text li a {
   display: block;
   background: none;
   width: 70px; 
   font: 10px Verdana,arial,sans-serif; color: #000;
   text-decoration: none;
   text-align: center;

}
#footer_text li a:hover {
   font: 10px Verdana,arial,sans-serif; color: #33a1bc;
   text-decoration: underline;

}

.list_indent {
margin-left: 85px;
}