/* GLOBAL STYLES -------------------------------------*/
BODY  {
	background-color:#29899f;
	background-image:url(file:///Macintosh HD/Users/Katie/Sites/katiedow2/images/gradient.gif);
	background-repeat:repeat-x;
	
	font-size:1.1em;
	font-family: "Arial";
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#bodyContainer {
	/*border:solid 1px red;*/
	position: relative;
	margin: 0 auto;
	width: 940px;
}

#header{
	/*border:solid 1px blue;*/
	margin-bottom:10px;
	color:#409eb8;
}
#header a{color:#409eb8;}

/* MAIN NAVIGATION -------------------------------------*/
#topNav{
	width:365px;
	list-style-type: none;
	margin:0px;
	padding:88px 75px 0px 0px;
	font-size:.75em;
	float:right;

}

#topNav li { 
	float: left;
	padding-left: 40px;
	padding-top: 4px;
	padding-right: .5em;
	padding-bottom: 2px;
	/*border:none;
	*/
}


#topNav a { 
	border:solid 1px #409eb8;
	padding:1px 5px 1px 15px;
	background-image:url('/images/arrowGreen.gif');
	background-repeat:no-repeat;
	background-position:3px 4px;
}

#tagLine{
	position:absolute;
	top:88px;left:245px;
	margin-right:85px;
	width:180px;
	float:left;
}

#imagine h3{color:#ff7300;font-size:1.3em;}
#imagineNav a:hover,  #imagine #imagineNav a{
	color:#ff7300;
	
	background-image:url('/images/arrowOrange.gif');
}
#imagineNav a{border:solid 1px #ff7300;}


#believe h3{color:#d40009;font-size:1.3em;}
#believeNav a:hover,  #believe #believeNav a{
	color:yellow;
	
	background-image:url('/images/arrowYellow.gif');
}
#believeNav a{border:solid 1px yellow;}


#enlighten h3{color:#ff7c9d;font-size:1.3em;}
#enlightenNav a:hover,  #enlighten #enlightenNav a{
	color:#ff7c9d;
	background-image:url('/images/arrowPink.gif');	
} 
#enlightenNav a{border:solid 1px #ff7c9d;}
 

#about h3{color:#d70000;font-size:1.3em;}
#portfolio h3{color:#b81317;font-size:1.3em;}



/* BODY CONTENT -------------------------------------*/	
#main{
	padding:8px;
	background-image:url('/images/gradient3.gif');
	background-repeat:repeat-x;
	width:740px;
	clear:both;
	margin-left:100px;
	/*border:solid 1px green;*/
}

#content{
	background-color:#e0e9eb;
	height:396px;
	padding-right: 10px;
	color:#555;
	font-size: .7em;
	/*border:solid 1px yellow;*/
	position:relative;

}

#contentText{
	padding-left:10px;
	width:295px;
	/*border:solid 1px green;*/
	line-height:2.3em;
	position:absolute;left:424px;top:0px;
}




#contentText ul{padding-left:10px;margin-left:10px;}
#contentText li{line-height:1.2em;padding-left:5px;padding-bottom:9px;}

#contentText b{font-size:1.15em;}
/* BOTTOM NAV -------------------------------------*/	
#bottomNav{padding-left:20px;padding-top:5px;font-size:.75em;color:#222;color:#7fc6f4}
#bottomNav a{color:#000}
#bottomNav a:hover{color:white}

#imagine #imagineLink{color:white}
#believe #believeLink{color:white}
#about #aboutLink{color:white}

#portfolio #portfolioLink{color:white}
#about #aboutLink{color:white}
#enlighten #enlightenLink{color:white}


/* FOOTER -------------------------------------*/	
#footer{float:right;color:#13313c;font-size:.5em;padding-right:85px;padding-top:5px;}
#footer a{color:#13313c;}



/* ABOUT PAGE -------------------------------------*/	
#about #contentText{
line-height:1.9em;
}



/* PORTFOLIO PAGE -------------------------------------*/	
#portfolio #contentText{
	width:230px;
	left:490px;top:0px;
	line-height:1.4em;
}

#portfolio #content a{color:#21687c;}
#portfolio #content a:hover{color:#b81317;}
#portfolio .contentImages{
	position:absolute;left:10px;top:10px;
	/*border:solid 1px blue;*/
	width:720px;
}
#portfolioNav{
	text-align:center;
	padding-top:0px;
	position:absolute;top:500px;left:620px;font-size:.65em;color:#21687c;white-space:nowrap;
/*	causes problems. links in nav stop working
	position:absolute;
	bottom:10px;left:10px;
	*/
	
}
.selected{color:#b81317;}
.unselected{color:#21687c;}

#portfolio  #contentText ul{padding-left:10px;margin-left:10px;}
#portfolio #contentText li{padding-left:10px;}