* {
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 */
}

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

p {
font: 12px/140% Verdana,arial,sans-serif; color:#fff;
padding:0 0 18px; /* 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: #33a1bc;
   text-decoration: underline;
}
a:hover {
   color: #fff;
   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;
}


#nav {
position:relative;
top: 20px;
left: 0;
width: 1020px;
height: 18px;
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: 0;
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;
}



#port_nav {
position:relative;
top: -50px;
left: 0;
width: 1020px;
height: 18px;
margin: 0; padding: 0;

}

#port_navigation {
   list-style: none;
   margin: 0; padding: 0;
   
}

#port_nav_position {
position:relative;
top: 20px;
left: 0;
width: 1020px;
height: 18px;
margin: 0; padding: 0;


}



#port_navigation li {
   float: left;
}

.current li a {
   display: block;
   background-color: #FF9900;
   width: 70px;
   font: 15px Verdana,arial,sans-serif; color: #fff;
   padding: 0;
   text-decoration: none;
   text-align: center;

}

#port_navigation li a {
   display: block;
   background: none;
   width: 100px;
   font: 15px Verdana,arial,sans-serif; color: #fff;
   padding: 0;
   text-decoration: none;
   text-align: center;

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

}





#portfolioContent			{ padding-top: 0; }
.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:341px; min-height:220px; padding:0 0 0 13px; position:relative; }
.info h3				{ font-family:arial, verdana, sans-serif; font-style:normal; font-size:16px; color:#272727; margin:5px 0 0; font-weight:normal; padding-bottom: 0px; }
.info p					{ font-size:12px; color:#666; line-height:1.5em; }
.info p.more			{ position:absolute; bottom:0; margin-top:1px; }
.more a					{ 
						  display:block; font-family:arial, verdana, sans-serif; font-style:normal; font-size:12px; color:#33a1bc; 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:0; margin-left:220px; width:22px; height:23px; 
						  background:url(http://www.graphicdesignme.com/images/top_btn.png) no-repeat; text-indent:-999em;
						}






#get_quote { position:relative; 
			top:0; 
			width: 400px;
			float:left; margin:11px 0 0 13px; border:0;
}



h2.quote				{ font-family:verdana, arial, sans-serif; font-style:normal; font-size:20px; color:#ffffff; margin:5px 0 0; font-weight:normal; padding-bottom: 0px; }
p.quote				{ font-family:verdana, arial, sans-serif; font-style:normal; font-size:12px; color:#666666; margin:5px 0 0; font-weight:normal; padding-bottom: 0px; }

#get_intouch {position:relative; 
				top:0; 
				width: 400px;
				float:right; margin:11px 0 0 13px; border:0;
}




h2.intouch				{ font-family:verdana, arial, sans-serif; font-style:normal; font-size:20px; color:#ffffff; margin:5px 0 0; font-weight:normal; padding-bottom: 0px; }
p.intouch				{ font-family:verdana, arial, sans-serif; font-style:normal; font-size:12px; color:#666666; margin:5px 0 0; font-weight:normal; padding-bottom: 0px; }



.textbox {
	border:1px solid #ffffff;
	color: #2e2e2e;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	padding: 5px;
	background: #999999;
}



#hcard {
position:relative;
top: 440px;
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: 430px;
left: 930px;
width: 72px;
height: 31px;
z-index: 901;
}
#css {
position:relative;
top: 420px;
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: 100px;
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: 10px;
left: 30px;
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;
}