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

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	background-color: rgb(131, 150, 162);
	min-width: 820px;
	}
	
	
h1 {
	font-size:14px;
	font-weight: bold;
	color:#ff6600;
	line-height:14px;
	margin: 0 0;
	padding: 0 0;
	text-align:left;
}


h2 {
	font-weight: bold;
	font-size: 1em;
	text-align:left;
	margin: 0 0;
	padding: 0 0 0 0px;
	color:#58646d;
}


h2 {
	font-weight: bold;
	font-size: 18px;
	text-align:left;
	margin: 0 0;
	padding: 0 0 0 0px;
	color:#58646d;
}


h3 {
	font-weight: bold;
	font-size: 1em;
	text-align:left;
	margin: 0 0;
	padding: 0 0 0 0px;
	color:#58646d;
}
	
p {
color:#58646d;
font-weight:normal;
text-align: right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
	

/* links */

a:link, a:visited {
	color:#58646d;
	text-decoration: none;
	}
a:hover {
	color:#ff6600;
	}


a:link {color:#58646d; font-weight:bold; text-decoration:none;}
a:visited {color:#58646d; font-weight:bold; text-decoration:none;}
a:hover {color:#ff6600; font-weight:bold; text-decoration:none;}
a:active {color:#58646d; font-weight:bold; text-decoration:none;}

a.reverse {color:#ff6600; font-weight:bold; text-decoration:none;}
a.reverse:visited {color:#ff6600; font-weight:bold; text-decoration:none;}
a.reverse:hover {color:#58646d; font-weight:bold; text-decoration:none;}
a.reverse:active {color:#ff6600; font-weight:bold; text-decoration:none;}

p a:link {color:#58646d; font-weight:normal; text-decoration:underline;}
p a:visited {color:#58646d; font-weight:normal; text-decoration:underline;}
p a:hover {color:#ff6600; font-weight:normal; text-decoration:underline;}
p a:active {color:#58646d; font-weight:normal; text-decoration:underline;}




/* structure 
--------------------------------------------- */

#otd {	
	padding: 20px 0 0 0;
	}
#wrap {
	padding: 0 0 0 0;
	}
#wrap-inner {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: white;
	overflow:auto
	
	}
	
div.leftcol {
	float: left;
	padding: 0 20px 0 60px;
	
	width: 280px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	
	width: 200px; /* actual value */
	}
	
div.main-wrap {
	float: right;
	width: 540px;

	}
	
div.main-left {
	float: left;
	width: 410px;
	text-align:center;
	padding: 0 0 0 0;
	}
	
div.main-right {
	float: right;
	padding: 0 0 0 10px;
	
	width: 130px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	
	width: 120px; /* actual value */
	

	}
	
div.main-det-right {
	float: right;
	padding: 0 0px 1px 10px;
	
	width: 170px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	
	width: 120px; /* actual value */
	}
	
#boxtop {
	margin: 0 0 0 0;
	width: 410px;
	height: 7px;
	background-color: white;
	}



#textbox {
	border-right: 1px solid rgb(131, 150, 162);
	border-left: 1px solid rgb(131, 150, 162);
	padding: 0 10px;
	background-color: white;
	margin: 0 0 -12px 0;
	
	
	width: 410px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	
	width: 388px; /* actual value */
	}
	
#textbox p {
	color: black;
	font-weight:normal;
	text-align: left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#textbox li{
margin-left: 0px;
text-align: left;
padding: 0 0 0 -1em;
list-style: outside;
list-style-image: url(../images/gray-bullet.gif);
}


#boxbottom {
	margin: 0 0 0px 0;
	width: 410px;
	height: 7px;
	background-color:white;
	}	
	
	
img.left {
	float:left;
	}

img.right {
	float:right;
	}
	
	
	

/* header 
--------------------------------------------- */

#header {
	margin: 0;
}


#corners {
margin: 0 auto;
width: 820px;
height: 10px;
background-color: white;
clear: both;
}



#header-inner {
margin: 0 auto;
padding: 0 0 20px 60px;
overflow:auto;		
background-color:#FFFFFF;
text-align:left;
font-size: 12px;
clear: both;

width: 820px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;

width: 760px; /* actual value */
	}


#header-inner img.logo {
margin: 0;
border: 0;
}






/* navigation ---------------------------*/

#navlinks {
margin: -12px 0 0 0;
padding: 0px 0 0 219px;
}


#navlinks li{
display: inline;
margin-right: .5em; padding-right: .075em;
}


#submenu {
	text-align:left;
	height: 60px;
	margin: 0 0 0 0;
	padding:2px 0 0 14px;
	
	width: 200px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;

	
	width: 186px; /* actual value */
}

#description {
	padding: 0;
	margin: 0;
	clear:both;
	}


#credit {
 padding: 0px 0px 10px 0px;
 color:#58646d;
 text-align:right;
}

p.credit {
font-size: 10px;
}


/* drop down style------------------------- */

#resume, #resume ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#resume a {
	display: block;
	width: 185px;
}


#resume li {
	float: left;
	width: 185px;
}


#resume li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#58646d
}

#resume li:hover ul {
	left: auto;
}


#resume li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* end drop down style */


	
	
/* portfolio numbers ---------------------*/


#portnumbers-wrap {
	padding: 0 0 0 0;
	}
#portnumbers-wrap-inner {

	height: 2em;
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-size: 1em;
	background-color: white;
	width: 820px;
	}	

div.portumbers-left {
	float: left;
	width: 410px;
	padding: 10px 0 0 0;
	text-align:center;
	height: 2em;
	margin: 0 0;
	border: 0;
	}

/* new */
.portumbers-left li{
display: inline; padding-right: .5em;
}


/* end new */

#portnumbers-wrap li{
display: inline; padding-right: .5em;
}

#portnumbers-wrap li.last {
padding-right: 0;
}
	


	
	
	



/* image formats
--------------------------------------------- */

img.detail {
	margin: 0 0 10px 0;
	padding: 0 0;
	border: 0;
	}
	
img.lastdetail {
	margin: 0 0 0 0;
	padding: 0 0;
	border: 0;
	}

img.last {
	padding-right: 0;
	}


	
	
/* footer
--------------------------------------------- */
	
#footer {
padding: 0 0;
}

#footer-inner {
	clear: both;
	width: 820px;
	margin: 0 auto;
	color: #fff;
	height: 10px;
	background-color:#FFFFFF;
	}