/* Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: 400}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none}

/* ------------- */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} 
.clearfix {display: inline-block} html[xmlns] .clearfix {display: block} 
* html .clearfix {height: 1%}
.overflow {
	overflow: hidden;
	height: 100%
}
/* ------------- */

body {
	background: #0265b9 url(/gfx/bg.jpg) no-repeat center top;
	line-height: 1.5;
	margin-bottom: 1.5em
}

hr {
	border: solid #a9ddf3;
	border-width: 0 0 1px 0;
	height: 0;
	clear: both;
	margin: 15px 0
}

sup {
	text-decoration: underline;
}

#logo {
	position: absolute;
	top: 27px;
	left: 33px;
	width: 89px;
	height: 89px
}

#container {
	position: absolute;
	top: 27px;
	left: 177px;
	/*background: url(/gfx/bg.gif);*/
	width: 555px;
	padding: 16px
}

#menu {
	position: absolute;
	top: 133px;
	left: 33px;
	width: 100px;
	border: solid #fff;
	border-width: 1px 0 1px 1px;
	text-align: right;
	padding: 7px 0
}
#menu ul {
	position: relative;
	left: 20px;
	list-style: none
}
#menu li a, #menu li a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 3px 5px 3px 4px;
	letter-spacing: 1px
}
#menu li a:hover {
	background: #cc0000;
	color: #fff
}

#contentTop {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/top.png',sizingMethod='crop');
	width: 502px;
	height: 7px;
	margin: 0 auto;
	overflow: hidden;
}
.contentTop[class] {
	background: url(/gfx/top.png) no-repeat;
}

#contentBottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bottom.png',sizingMethod='crop');
	width: 502px;
	height: 7px;
	margin: 0 auto;
	overflow: hidden;
}
.contentBottom[class] {
	background: url(/gfx/bottom.png) no-repeat;
}

#content {
	margin: 0 auto;
	background: #fff;
	width: 470px;
	padding: 16px
}
#content h1, h2 {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 17px;
	color: #2275b4;
	margin: 16px 0 7px 0;
	font-weight: lighter;
	font-style: italic;
	background: #dff1f8 url(/gfx/h2.png) repeat-y right;
	padding: 7px;
	clear: both
}
#content p {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0 0 16px 16px
}
#content em {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0 0 16px 16px;
	font-style: italic
}
#content ul {
	list-style: none;
	margin-left: 16px
}
#content a, #content a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #555;
	padding-bottom: 1px
}
#content a:hover {
	border-bottom: none
}
#content a.portfolio img, #content a:visited img {
	border: 0
}

.center {
	margin: 0 auto;
	display: block;
	text-align: center
}

.img {
	float: right;
	margin: 0 0 7px 0
}

.www {
	border: 1px solid #a9ddf3;
	padding: 7px 7px 2px 7px;
	background: #eef8fc url(/gfx/loader.gif) center center no-repeat;
	text-align: center;
	width: 377px;
	margin: 0 auto 16px auto
}

.red {
	color: #cc0000
}