/*
Screen is 1024px wide
Vertical scrollbar is 17 px wide
IE has 2px of border at left and right so... WIDTH = 1003 (IE) or 1007 (FF)

For resetting, look at http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, sub, sup, b, u, i, ol, ul, li, fieldset, form, label, legend, table, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
html { overflow:-moz-scrollbars-vertical; }
img { margin:0px; padding:0px; border:0px; }
h1, h2, h3, h4, h5, h6, p { margin-top:16px; margin-bottom:16px; }
ol, ul { list-style:none; margin-left:24px;}
.clear { clear:both; }

body {
	line-height:1.2;
	font-family:Tahoma;
	color:#557;
	font-size:90%;
	background-color:#fff;
	text-align:left;
}

a, a:link, a:visited, a:active { text-decoration:underline; cursor:hand; color:#557; font-weight:bold; }
a:hover { color:#879; text-decoration:underline; }

#main {
	width:961px;
	color:#000;
}

#main a { color:#551; }
#main a:hover { color:#894; }

#menu {
	width:224px;
	float:left;
	margin-left:24px;
	margin-top:96px;
	margin-right:75px;
	text-align:center;
	font-size:16px;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active { text-decoration:none; }

#content {
	float:left;
	width:638px;
	text-align:left;
	margin-top:80px;
}

#footer {
	width:961px;
	text-align:right;
}

.link { color:#551; font-weight:bold; }

img.portfolio { float:right; padding:0 0 0 8px; }