/* 
Title:		eriksonfineart.com screen styles
Author: 	gordon@slickfishstudios.com
*/

html, body, table { 
	height: 100%;
	width: 100%; 
	margin: 0; 
	padding: 0;

	font-size: small;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #242424;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
body {
	background: #fff;
}
object {
	outline: none;
	border: none;
}

td {vertical-align: middle;}

a:link, a:hover, a:visited, a:active {
	outline: none;
}
.white {
	color: #fff;
}
.nada {
	margin: 0;
	padding: 0;
}
.small {
	font-size: 11px;
}
.gray {
	color: #666;
}

/* ***************WRAPPERS*************** */
/* wrapper etc */
#wrapper { 
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
#wrapper-inner { 
	margin: 0 auto;
	width: 1000px;
	border: none;
}

/* $$$$$$$$$$ BANNER $$$$$$$$$$$$ */
#banner {
	width: 1000px;
	height: 35px;
}
#banner a, #banner a:hover {
	border: 0;
	outline: none;
}
#banner a img {
	width: 345px;
	height: 35px;
	padding: 0;
	margin: 0;
	float: left;
	border: 0;
}


/* $$$$$$$$$$ MAIN $$$$$$$$$$$$ */
#main {
	width: 1000px;
	height: 525px;
	background: #fff url(../images/erikson-bkg.png) no-repeat left top;
}
#main #home_slides {
	width: 980px;
	height: 510px;
	margin: 0 10px 0 10px;
	padding: 0;
}
#main #home_slides img {
	width: 980px;
	height: 510px;
	border: 0;
	outline: none;
	margin-top: 5px;
}
#main #flashContainer,
#main #regularContainer
{
	width: 980px;
	height: 510px;
	margin: 0 10px 0 10px;
	padding: 5px 0 0 0;
}
#main #flashContainerIllustration {
	width: 980px;
	height: 250px;
	margin: 0 10px 0 10px;
	padding: 40px 0 0 0;
}
#main #regularContainer img {
	width: 700px;
	margin: 0 15px 0 0;
	padding: 0;
	border: 0;
	outline: none;
	float: left;
}


#main #format,
#main #regularContainer #format
{
	width: 920px;
	padding: 10px 30px;
	text-align: left;
	font-size: 12px;
	line-height: 135%;
	color: #848e9a;
}
#main #regularContainer #format
{
	height: 490px;
	overflow: auto;
}

#main #regularContainer #format.smaller {
	width: 200px;
	padding: 10px 15px;
	float: left;
}

/* RIGHT PIC */
#main #regularContainer #format .rightPic {
	outline: none;
	float: right;
	margin: 0 0 0 15px;
	font-size: 11px;
	color: #999;
	text-align: right;
	font-style: italic;
}	
#main #regularContainer #format .rightPic img {
	width: 400px;
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 3px;
}


#format h1 {
	color: #496b91;
	font-family: 'WalkwayBoldRegular', Arial, Helvetica, Verdana, sans-serif; /* @font-face */
	font-size: 18px;
	letter-spacing: .1em;
	margin-top: 0;
	padding-top: 0;
}

#format a,
#format a.pdf
{
	color: #5f8abb;
	text-decoration: none;
}
#format a.pdf {
	background: url(../images/pdf_14x14.gif) no-repeat left 2px;
	padding-left: 18px;
}

#format a:hover,
#format a.pdf:hover
{
	color: #75a8e2;
	text-decoration: underline;
}
#format a.pdf:hover {
	background: url(../images/pdf_14x14.gif) no-repeat left 2px;
	padding-left: 18px;
	text-decoration: none;
}
/* $$$$$$$$$$ NAV $$$$$$$$$$$$ */
#nav,
#subnav
{
	width: 980px;
	height: 40px;
	margin: 0px 10px 0 10px;
	padding: 0;
	overflow: hidden;
}
#subnav {
	height: 20px
}
#nav ul,
#subnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right; 
}
#nav ul li,
#subnav ul li
{
	float: left; 
	font-family: 'WalkwayBoldRegular', Arial, Helvetica, Verdana, sans-serif; /* @font-face */
	font-size: 18px;
	margin: 0 15px 0 0;
}
#subnav ul li {
	font-size: 15px;
}
#nav ul li.last,
#subnav ul li.last

{
	margin-right: 0;
}
#nav ul li a,
#subnav ul li a,
#nav ul li.current a,
#subnav ul li.current a
{
	border: 0;
	text-decoration: none;
	color: #8fa0b3;
}
#subnav ul li a {
	color: #c9c9c9;
}
#nav ul li.current a,
#subnav ul li.current a
{
	border-bottom: 1px dotted #7f90a3;
	color: #47617f;
}
#nav ul li a:hover,
#subnav ul li a:hover,
#nav ul li.current a:hover,
#subnav ul li.current a:hover
{
	text-decoration: none;
	color: #223d5b;
}
#subnav ul li a:hover {
	color: #75a8e2;	
}
#nav ul li.current a:hover,
#subnav ul li.current a:hover
{
	border-bottom: 1px dotted #469dff;
	color: #223d5b;
}

/* *************** FOOTER *************** */
#footer { 
	width: 980px;
	clear: both;
	font-size: .80em;
	color: #b8c4cb;
	border: 0;
	margin: 0 auto;
	padding: 0;
}
#footleft { 
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
}
#footleft p {
	margin: 0;
	padding: 5px 0 0 0;
}
#footmiddle { 
	float: left;
	margin: 0;
	padding: 0;
	width: 40%;
	display: inline;
	text-align: center;
}
#footmiddle p {
	margin: 0;
	padding-top: 5px;
}
#footright { 
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
	position: relative;
	text-align: right;
}
#footright p {
	margin: 0;
	padding: 5px 0 0 0;
}
#footer a {
	color: #b8c4cb;
	text-decoration: none;
	outline: none;
}
#footer a:hover {
	color: #7f919c;
	text-decoration: none;
}
