

body {
	background-image:url(../_images/page/bg.jpg);
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:1.3em;
	_text-align:center;
}

img {
	border: 1px solid #CCCCCC;
	padding: 15px;
	_padding: 30px;
	margin:0px 22px 22px 0px;
	_margin:0px 50px 50px 0px;
	background: #FFFFFF;
}

a:link {
	color:#e44b78;
	text-decoration:none;
}

#wrapper {
	width:830px;
	padding:30px 0px 0px 0px;
	margin:auto;
	position:relative;
	text-align:left;
}

#logo h1  { 
/* move text off the page */ 
text-indent: -5000px; 

/* display image */ 
	background:url(../_images/page/meidesign_home.gif) no-repeat;
	margin:25px 0px 0px 0px;
	width:90px;
	height:415px;
	display:inline;
	float:left;
	padding:0px;
	position:fixed;
}


#contentwrapper  {
	display:inline;
	margin:0px;
	padding:0px;
}

#navwrap {
    width:100%;
    line-height:normal;
	display:inline;
	padding:0px;
	margin:0px;
}

#nav {
	padding: 0px;
	margin:0px;
    list-style:none;
	float: right;
	display:inline;
}	

#nav li{
    float:left;
	display:block;
    margin:0;
    padding:0;
}

#nav a{
 	display:block;
	width:75px;
	height:25px;
	margin-left:20px;
	padding:0px;
}

#portWeb li#port a:link, #portWeb li#port a:visited, #portFlash li#port a:link, #portFlash li#port a:visited, #portPrint li#port a:link, #portPrint li#port a:visited, #portUX li#port a:link, #portUX li#port a:visited {
	background:url(../_images/button/btn_port_on.gif) no-repeat;
}

#port a:link,#port a:visited  {
	background:url(../_images/button/btn_port.gif) no-repeat;
}

#port a:hover, #port a:active {
	background:url(../_images/button/btn_port_on.gif) no-repeat;
}

#aboutPg #about a:link, #aboutPg #about a:visited {
background:url(../_images/button/btn_about_on.gif) no-repeat;
}

#about a:link, #about a:visited {
	background:url(../_images/button/btn_about.gif) no-repeat;
}

#about a:hover, #about a:active {
	background:url(../_images/button/btn_about_on.gif) no-repeat;
}

#resume a:link, #resume a:visited  {
	background:url(../_images/button/btn_resume.gif) no-repeat;
}

#resumePg #resume a:link, #resumePg #resume a:visited  {
	background:url(../_images/button/btn_resume_on.gif) no-repeat;
}

#resume a:hover, #resume a:active {
	background:url(../_images/button/btn_resume_on.gif) no-repeat;
}

#contact a:link, #contact a:visited {
	background:url(../_images/button/btn_contact.gif) no-repeat;
}

#contactPg #contact a:link, #contactPg #contact a:visited {
	background:url(../_images/button/btn_contact_on.gif) no-repeat;
}

#contact a:hover, #contact a:active {
	background:url(../_images/button/btn_contact_on.gif) no-repeat;
}

#nav li span, #rt_nav li span, #lt_nav li span{
	display: none;
}

#portfolio{
	background-color:#FFFFFF;
	width:680px;
	margin:30px 0px 0px 0px;
	padding:0px;
	float: right;
	display:inline;
}

.port_content {
	padding:30px 45px 30px 60px;
	height:435px;
}

.port_content .centercopy{
	line-height:2em;
	font-size: 14px;
	padding:20px 30px 30px;
	_padding:20px 15px 15px;
	font-style:normal;
}

#resumePg .port_content .centercopy{
	line-height:2em;
	font-size: 14px;
	padding:70px 30px 30px;
	_padding:40px 15px 15px;
	font-style:normal;
}

.port_content .centerimage{
	line-height:1.2em;
	font-size: 12px;
	padding:70px 100px 70px;
	_padding: 35px 50px 35px;
	font-style:normal;
}

.port_content .centerform{
	line-height:1.2em;
	font-size: 12px;
	padding:70px 30px 70px;
	_padding:35px 0px 35px;
	font-style:normal;
}

.port_content .warning{
	line-height:1.2em;
	color:#e44b78;
	font-size: 14px;
 	font-weight: bold;
	padding: 0px 0px 0px 120px;
 }

.port_top {
	width:680px;
	height:5px;
	background:url(../_images/page/port_top.gif) no-repeat right top;
}

.port_bm {
	width:680px;
	height:5px;
	background:url(../_images/page/port_bm.gif) no-repeat right bottom;
}

#left_content {
	float:left;
	width:95%;
	display:inline;
}

#lt_navwrap {
	width:100%;
    line-height:normal;
}

#lt_nav {
	padding: 0px;
	margin:0px;
    list-style:none;
	float:left;
	display:inline;
}	

#lt_nav li{
    float:left;
    margin:0;
    padding:0;
	display:block;
}

#lt_nav a{
	margin:0px;
	padding:0px;
	display:block;
	height:17px;
}
 
#previous a {
	background:url(../_images/button/btn_previous.gif) no-repeat;
	width:54px;
}

#next a {
	background:url(../_images/button/btn_next.gif) no-repeat;
	width:40px;
}

#num_navwrap {
	width:100%;
    line-height:normal;
	display:inline;
}

#num_nav {
	padding: 0px;
	width:10%;
	margin:0px 30px 0px 0px;
	_margin:0px 60px 0px 0px;
    list-style:none;
	float:right;
	display:inline;
}

#num_nav li{
    float:left;
    margin:0;
    padding:0px 10px;
	display:block;
}

#num_nav a{
	margin:0px;
	padding:0px;
	display:block;
	height:17px;
	width:5px;
}

#num_nav a:link, #num_nav a:visited {
	color: #999999;
	text-decoration:none;
}

#num_nav a:hover, #num_nav a:active, #num_nav .selected a:link, #num_nav .selected a:visited {
	color: #e44b78;
	text-decoration:none;
}

#rt_navwrap {
    width:20px;
	height:420px;
    line-height:normal;
	float: right;
	display:inline;

}

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

#rt_nav li{
    float:left;
    margin:0;
    padding:0;
}

#rt_nav a{
	width:20px;
	margin:0px;
	padding:0px;
	display:block;
}
 
#web a:link, #web a:visited {
	background:url(../_images/button/btn_web_off.gif) no-repeat;
	height:92px;
}

#portWeb #web a:link, #portWeb #web a:visited {
	background:url(../_images/button/btn_web_on.gif) no-repeat;
	height:92px;
}

#web a:hover, #web a:active {
	background:url(../_images/button/btn_web_on.gif) no-repeat;
	height:92px;
}

#flash a:link, #flash a:visited  {
	background:url(../_images/button/btn_flash_off.gif) no-repeat;
	height:145px;
}

#portFlash #flash a:link, #portFlash #flash a:visited  {
	background:url(../_images/button/btn_flash_on.gif) no-repeat;
	height:145px;
}

#flash a:hover, #flash a:active {
	background:url(../_images/button/btn_flash_on.gif) no-repeat;
	height:145px;
}

#print a:link, #print a:visited {
	background:url(../_images/button/btn_print_off.gif) no-repeat;
	height:145px;
}

#portPrint #print a:link, #portPrint #print a:visited {
	background:url(../_images/button/btn_print_on.gif) no-repeat;
	height:145px;
}

#print a:hover, #print e a:active {
	background:url(../_images/button/btn_print_on.gif) no-repeat;
	height:145px;
}

#ux a:link, #ux a:visited {
	background:url(../_images/button/btn_ux_off.gif) no-repeat;
	height:55px;
}

#portUX #ux a:link, #portUX #ux a:visited {
	background:url(../_images/button/btn_ux_on.gif) no-repeat;
	height:55px;
}

#ux a:hover, #ux a:active {
	background:url(../_images/button/btn_ux_on.gif) no-repeat;
	height:55px;
}

#copyright {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	float:right;
	margin:10px 0px 0px 0px;
	_margin:20px 0px 0px 0px;
	width:100%;
	font-size:11px;
	font-style:normal;
	color:#999999;
	text-align:right;
}

