@charset "utf-8";

html, body{/* Specificity = 1 */
/*	min-height:900px;
	height:auto !important;
	height:900px;*/
	overflow:visible;
}

body{
	background:#FFF;
	margin:0 auto;
	position:relative;
	width:980px;
}

/*########################
# Block Level Containers
########################*/

footer, header, section{
	width:100%;
}

iframe{
	overflow:hidden;
}

p{
	padding:.2em 0 .3em 0;
}

#page-wrapper{/* Specificity = 100 */
/*	min-height:900px;
	height:auto !important;
	height:900px;*/
	height:100%;
	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:520px;
}

/*################
# Media Elements
################*/

img{
	/* The default image setting leaves space bellow it for text decenter characters. */
	display:inline;
/*	vertical-align:baseline;*/
	
	/* Non-standard but should kill space abound the image */
	line-height:0;
	vertical-align:middle;
	
	/* This is non-standard but kills any space around the image. Also causing images to stack vertically... */
/*	display:block;*/
	
	/* This is non-standard but should kill any space around the image. Doesn't work in IE6 or bellow */
/*	display:inline-block;*/
}


/*#######
# Lists
#######*/

ol, ul{
	list-style:disc inside;
}
ol{
	list-style-type:decimal;
}
ol ol,
ol ul,
ul ol,
ul ul{
	padding-left:1em;
}
ol ol{
	list-style-type:upper-roman;
}
ol ol ol{
	list-style-type:lower-alpha;
}
ul ul{
	list-style-type:circle;
}
ul ul ul{
	list-style-type:square;
}


/*################
# Pseudo Classes
################*/

:focus{outline:0}/* Specificity = 10 */