/* Exposure International, LLC Style Sheet */

/* all browsers will read the following stylesheet, but only IE6 will pay attention because of the star hack */
@import "ie6.css";

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #8AA39F;
	line-height: 1.5em;
}
a {
	text-decoration: none;
	color: #8E5503;
}
a:hover {
	color: #724709;
	text-decoration: underline;
}
#container, #portContainer {
	width: 765px;
	height: 389px;
	margin: 0 auto;
	background-color: #fff;
}
#flashMenu, #portText {
	float: left;
	width: 279px;
	height: 389px;
	background-image: url(../img/leftFlash.jpg);
}
/* push the below mentioned DIVs out from underneath the #flashMenu float */
#flashMast, #content, #footer, #portMast {
	margin-left: 279px;
	width: 486px;
}
#flashMast {
	height: 96px;
	background-image: url(../img/topFlash.jpg);
}
#content, #portContent {
	height: 243px;
	width: 476px;
	padding-top: 1px;
	padding-right: 10px;
	overflow: auto;
	margin-left: 0;
}
/*when #contents overflow property is set to auto, I can't seem to get any padding on the bottom, so this will have to do for now until I try harder */
#contentSpacer {
	height: 15px;
}
#footer {
	height: 49px;
	background-image:url(../img/btmLines.jpg);
}
.contentMenu {
	margin-left: 20px; 
	width: 80%;
}
#menuLinks {
	margin-top: 47px;
}
#menuLinks span {
	display: none;
}
#menuLinks ul {
	padding: 0;
	margin: 0;
}
#menuLinks li {
	float: left;
	list-style-type: none;
}
#menuLinks a {
	color: #fff;
	display: block;
	height: 17px;
	text-decoration: none;
}
#menuLinks a:hover {
	text-decoration: underline;
}
#menuLinks a.home {
	width: 58px; 
}
#menuLinks a.services {
	width: 60px;
}
#menuLinks a.about {
	width: 47px;
}
#menuLinks a.contact {
	width: 72px;
}


/* services hover stuff */
#menuLinks li ul li {
	width: 75px;
	padding: 2px;
	background-color: #000;
}
#menuLinks li ul li a:hover {
	border: 0;
}
#menuLinks li ul {
	position: absolute;
	width: 80px;
	left: -999em;
}
#menuLinks li:hover ul {
	left: auto;
}

#menuLinks li:hover ul, #menuLinks li.sfhover ul {
	left: auto;
}

/* portfolio page styles */
#portContainer {
	border: 2px solid #000;
}
#portText {
	width: 258px;
	height: 369px;
	background-image: none;
	border-right: 1px solid #000;
	padding: 10px;
	overflow: auto;
}
#portMast {
	background-image: none;
}
#portMast h1 {
	display: block;
	text-align: center;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin: 5px 0 3px 0;
}
#portContent {
	/* this is temporary */
	height: auto;
}
#portContent img {
	display: block;
	margin: 45px auto;
}
/* portfolio page masthead spans */
.screenshot, .links {
	display: block;
	padding: 0 3px 3px 3px;
	border-bottom: 1px solid #000;
	text-align: center;
	font-size: small;
}
.testborder {
	border: 1px solid #FF0000;
}
#portflash {
	height: 96px;
	width: 312px;
	float: left;
	background: #999900;
}
#stratflash {
	float: right;
	background: #CCCC66;
	height: 96px;
	width: 174px;
}
#emailsignup {
	text-align: right;
	padding: 20px 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}
#emailsignup form {
	margin: 0px;
	padding: 0px;
}
.greenbackground {
	background: #C8E9B6;
}
#homebullets {
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
}