/* Eric Gooden Portfolio Screen CSS */

body {
	background: #093643 url(http://www.ericgooden.ca/ericgooden_images/background.gif) no-repeat fixed center top;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper {
	text-align: left;
	width: 1025px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin-left: 491px;
}

#header h1 {
	background: url(http://www.ericgooden.ca/ericgooden_images/header.gif) top left no-repeat;
	width: 535px;
	height: 162px;
	position: relative;
	margin: 0;
	padding: 0;
}

#header h1 span {
	display: none;
}


#mainnav {
	margin-left: 491px;
	width: 535px;
	height: 143px;
	padding: 0;
	position: relative;
}

#mainnav ul {
	margin: 0;
	padding: 0;
	background: url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) top left no-repeat;
	width: 535px;
	height: 143px;
}

#mainnav ul li {
	display: inline;
}

#mainnav ul li span {
	display: none;
}

#mainnav1 a {
height: 143px;
left: 0;
position: absolute;
width: 53px;
}

#mainnav2 a {
height: 143px;
left: 110px;
position: absolute;
width: 73px;
}

#mainnav3 a {
height: 143px;
left: 240px;
position: absolute;
width: 114px;
}

/*
#mainnav4 a {
height: 143px;
left: 411px;
position: absolute;
width: 109px;
} */

#mainnav1 a:hover {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll 0 -143px;
}

#mainnav2 a:hover {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -110px -143px;
}

#mainnav3 a:hover {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -240px -143px;
}

/* #mainnav4 a:hover {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -411px -143px;
} */

body#web li#mainnav1 a {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll 0 -143px;
}
body#print li#mainnav2 a {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -110px -143px;
}

body#contact li#mainnav3 a {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -240px -143px;
}

/*
body#contact li#mainnav4 a {
background:transparent url(http://www.ericgooden.ca/ericgooden_images/mainnav.gif) no-repeat scroll -411px -143px;
} */

#content {
	width: 855px;
	margin-left: 85px;
}

.portfolioitem {
	width: 806px;
	height: 243px;
	background: url(http://www.ericgooden.ca/ericgooden_images/portfolio_trans_bkg.gif) repeat;
	padding: 20px;
	margin: 40px auto 0;
}

.portfolioitem h1 {
	color: #35c5ef;
	font: 18px/22px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

.portfolioitem p {
	display: inline;
	color: #35c5ef;
	font: 12px/20px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

.portfolioitem p a:link, .portfolioitem p a:visited {
	color: #e03b8c;
	text-decoration: none;
}

.portfolioitem p a:hover, .portfolioitem p a:active {
	color: #e03b8c;
	text-decoration: none;
	border-bottom: #e03b8c 1px solid;
}

.portfolioitem p.viewsite {
	display: block;
	color: #e03b8c;
	margin-top: 18px;
	font: 12px/20px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

.portfolioitem img {
	float: left;
	margin-right: 18px;
}

.portfolioitem a:link img, .portfolioitem a:visited img {
	border: 2px #06262f solid;
}

.portfolioitem a:hover img, .portfolioitem a:active img {
	border: 2px #e03b8c solid;
}

#footer {
	width: 100%;
	height: 100px;
	text-align: center;
	margin-top: 40px;
	padding-top: 25px;
	background: #06262f url(http://www.ericgooden.ca/ericgooden_images/bottom_ornament.gif) no-repeat bottom center;
}

#footercontent {
	text-align: center;
	width: 1025px;
	margin-left: auto;
	margin-right: auto;
}

#footercontent h1 {
	font: 24px/32px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #e03b8c;
}

#footercontent p {
	font: 12px/20px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #e03b8c;
}

.content  {
	width: 600px;
	min-height: 243px;
	background: url(../ericgooden_images/portfolio_trans_bkg.gif) repeat;
	padding: 20px;
	margin: 40px auto 0 200px;
}

.content h1 {
	color: #35c5ef;
	font: 18px/22px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

.content p {
	display: inline;
	color: #35c5ef;
	font: 12px/20px "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

.content p a:link, .content p a:visited {
	color: #e03b8c;
	text-decoration: none;
}

.content p a:hover, .content p a:active {
	color: #e03b8c;
	text-decoration: none;
	border-bottom: #e03b8c 1px solid;
}