/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%; 
	font-family: Arial, Helvetica, Verdana, sans-serif;  
	line-height: 1.3;
	color: #666;
	text-align: center;
	background: #fff;
}

h1, h2, h3, h4, h5, h6, p {margin: 0px 20px 10px 20px;}
h1 img {
	margin: 0;
}
h1 {font-size: 1.4em; text-align: center; margin-top: 10px; margin-bottom: 10px;}
h2 {font-size: 1.4em; }
h3 {font-size: 1.3em; margin-bottom: 0;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p, ol, ul, dl, table {font-size: 1.1em; }
ol p, ul p, dl p, fieldset p {font-size: inherit; margin: 0;} 
table p {font-size: 1em;}
ol, ul, dl {margin: 0px 20px 15px 40px;}

img {margin: 0px 20px 10px 20px;}
img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#2980bc; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.top {margin-top:20px;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
.column {
	float: left;
}

/* --------------------------------------------------------------  
	=Layout 
-------------------------------------------------------------- */
body {
	
}	

.container {
	width: 900px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

.footer {
	width: 900px;
	margin: 0 auto;
}

.footer p {
	margin-bottom: 0;
}

/* -------------------------------------------------------------- 
	=HOME page 
-------------------------------------------------------------- */
.nav {
	margin: 0 auto 15px auto;
	width: 90%;
	overflow: hidden;
}
.nav li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

.nav img {
	margin: 0;
}


.nav img {
	margin: 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 
}

.nav a img:hover, .nav li.hover a img, .nav li.current img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; 
}

#page-nav {
	width: 80%;
	margin: -5px auto 5px auto;
}




/* -------------------------------------------------------------- 
	=Elements 
-------------------------------------------------------------- */
.largeview {
	margin: 0 0 15px 0;
}
.largeview li {
	list-style: none;
}

.largeview p {
	width: 705px;
	margin: 0 auto;
	min-height: 43px;
	_height: 43px;
	/* 505, 57 seemed still too far off, but works. just in case this one is too wide */
}

.thumbnails {
	margin: 0 0 15px 0;
	width: 100%;
	overflow: hidden;
}

.thumbnails li {
	list-style: none;
	float: left;
	margin-left: 2px;
	margin-bottom: 2px;
}

.thumbnails img {
	margin: 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; 
}

.thumbnails img:hover, .thumbnails li.hover img {
	margin: 0;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1; 
}

.hide {
	display: none;
}

.show {
	display: block;
}