html, body {
	background-color: #555555;
	padding: 0;
	margin: 0;
	height: 90%;
}
h1 {
	font-size: 80%;
	font-weight: bold;
	color: #333333;
	letter-spacing: .15em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#horizon {
	overflow: visible;
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
}
#contentPortfolio {
	background-color: #888888;
	position: absolute;
	height: 480px;
	width: 800px;
	padding: 0;
	top: -400px;
	/* \*/
	top: -220px !important;
	top: -220px;
	top/**/:/**/-250px;
	/* */
	margin-left: -535px;
	/* \*/
	margin-left: -400px;
	/* */
	left: 50%;
	background-image: url(../images/logojulie_light.gif);
	background-repeat: no-repeat;
	background-position: 160px 8px;
}
#content {
	background-color: #888888;
	position: absolute;
	height: 480px;
	width: 575px;
	top: -400px;
	/* \*/
	top: -220px!important;
	top: -220px;
	\top: -240px;
	top/**/:/**/-240px;
	/* */
	margin: 0 0 0 -288px;
	padding: 0;
	left: 50%;
}
#contentAdmin {
	background-color: #888888;
	position: absolute;
	height: 595px;
	width: 575px;
	top: -460px;
	/* \*/
	top: -280px!important;
	top: -280px;
	\top: -300px;
	top/**/:/**/-300px;
	/* */
	margin-left: -288px;
	left: 50%;
}
#contentAdmin p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.15em;
	color: #333333;
	margin: 0 0 -9px;
	padding: 10px 15px 10px 245px;
	text-align: left;
}
#contentAdmin a {
	color: #000000;
	text-decoration: underline;
}
#Photo {
	background-color: #333333;
	background-image: url(../images/intro0.jpg);
	background-repeat: no-repeat;
	background-position: left;
	position: relative;
	height: 240px;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#Logo {
	background-image: url(../images/logojulie_drk.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 60px;
	width: 190px;
	left: 377px;
	top: 82px;
}
#IntroNav, #AdminIntroNav {
	background-color: #333333;
	padding: 0 10px 0 0;
	position: relative;
	height: 240px;
	width: 200px;
	left: 0;
	bottom: 0;
	border-right: 10px solid #CCCCCC;
	float: left;
}
#AdminIntroNav {
	height: 540px;
	background: #333333 url(../images/logojulie_light_small.gif) no-repeat 35px 25px;
	padding: 55px 20px 0 10px;
	width: 190px;
}
#AdminIntroNav ul {
	margin-bottom: 0;
}
#IntroNav li, #AdminIntroNav li, #AdminIntroNav p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 2;
	color: #999999;
	letter-spacing: 0.15em;
	text-align: right;
	list-style-type: none;
	padding-right: 15px;
	font-weight: bolder;
}
#AdminIntroNav li {
	padding-right: 10px;
	letter-spacing: 0;
}
#AdminIntroNav li.smalltext {
	font-size: 50%;
}
#IntroNav a, #AdminIntroNav a {
	text-decoration: none;
	line-height: 2;
	color: #999999;
	letter-spacing: 0.15em;
	text-align: right;
	list-style-type: none;
	padding-right: 10px;
	font-weight: bolder;
	}
#currentPage a:link, #currentPage a:visited, #currentPage a:hover, #currentPage a:active {
	color: #fff;
	border-right: 1px solid #fff;
}
.currentPage a:link, .currentPage a:visited, .currentPage a:hover, .currentPage a:active {
	color: #AAAAAA;
	border-right: 1px solid #fff;
}
#IntroNav a:hover, #IntroNav a:active, #AdminIntroNav a:hover, #AdminIntroNav a:active {
	color: #CCCCCC;
	border-right: 1px solid #777;
	padding-right: 9px;
	}
#IntroNav p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;	
}
#scrolling_content {
	position: relative;
	height: 230px;
	width: 314px;
	padding: 10px 15px 0 0;
	margin: -5px -20px -15px 0;
	overflow: auto;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
#bodyContent {
	padding: 5px 25px 0 245px;
	margin: 0;
	height: auto;
	width: auto;
}
#bodyContent p, #bodyContent h2 {
	font-size: 12px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.30;
	margin: 0 0 1em 0;
	font-weight: normal;
	text-align: left;
}
#bodyContent h2 {
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	font-style: italic;
	margin: 0;
}
#bodyContent a {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #666;
}
#bodyContent a:hover {
	color: #000;
	border-bottom: 1px solid #333;
}
#bodyContent p.tight {
	font-size: 11px;
	margin: 6px -15px 0 -12px; 
	line-height: 1.20;
}
#PortfolioNav {
	background-color: #333333;
	position: absolute;
	width: 145px;
	height: 480px;
	margin: 0 0 0 -30px;
	/* \*/
	margin: 0;
	/* */
	float: left;
	background-image: url(../images/portfolio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
	left: 0;
	top: 0;
}
#PortfolioNav ul {
	margin-top: 320px;
}
#PortfolioNav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bolder;
	text-align: right;
	list-style-type: none;
	float: right;
	padding-top: 1em;

	width: 140px;
}
#PortfolioNav a {
	text-decoration: none;
	color: #999999;
	padding-right: 9px;
	margin-right: 7px;
	}
#PortfolioNav a:hover {
	color: #CCCCCC;
	border-right: 1px solid #777;
	padding-right: 8px;
	}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bold;
	color: #CCCCCC;
	position: absolute;
	left: 463px;
	top: 490px;
	margin: 0 3px 0 0;
	padding: 0;
	overflow: visible;
	height: 20px;
	width: 200px;
	float: right;
}
#copyright a {
	color: #ccc;
	text-decoration: none;
}
#copyright a:hover {
	color: #fff;
}
#copyrightPortfolio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	position: relative;
	left: 340px;
	top: 79px;
	/* \*/
	top: 269px !important;
	top: 269px;
	top/**/:/**/239px;
	/* */
}
#language{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bold;
	color: #CCCCCC;
	position: absolute;
	left: 0;
	top: 490px;
	margin: 0 3px 0 0;
	padding: 0;
	overflow: visible;
	height: 20px;
	width: 200px;
	float: right;
}
#languagePortfolio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	height: 15px;
	display: block;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	position: relative;
	left: -375px;
	top: 67px;
	/* \*/
	top: 257px !important;
	top: 257px;
	top/**/:/**/227px;
	/* */
}
#credit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bold;
	color: #CCCCCC;
	position: absolute;
	left: 210px;
	top: 490px;
	margin: 0 3px 0 0;
	padding: 0;
	overflow: visible;
	height: 20px;
	width: 200px;
	float: right;
}
#creditPortfolio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	height: 15px;
	width: 100px;
	display: block;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -50px;
	top: 60px;
	/* \*/
	top: 245px !important;
	top: 250px;
	top/**/:/**/215px;
	/* */
}
#language a, #languagePortfolio a, #credit a, #creditPortfolio a {
	color: #CCCCCC;
	text-decoration: none;
}
#language a:hover, #languagePortfolio a:hover {
	color: #FFF;
}
#siteName {
	overflow: visible;
	position: absolute;
	left: 0;
	top: 0;
}
#siteName h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #555555;
}
#PortfolioThumbs {
	float: right;
	overflow: hidden;
	position: relative;
	height: 480px;
	width: 36px;
	top: 0;
	right: 0;
}
#PortfolioThumbs a img {
	margin-bottom: 2px;
	border: none;
	text-decoration: none;
	display: block;	
	z-index: 1;
	position: relative;
}
#PortfolioThumbs a img.popup {
	z-index: -1;
	margin-top: -38px;
}
#PortfolioThumbs a:hover img.popup {
	z-index: 2;
}
#PortfolioThumbs a:hover {
	background-color: #888;
}
#PortfolioNavHome {
	position: absolute;
	height: 480px;
	width: 15px;
	left: 150px;
	top: 0;
	padding: 330px 0 0 !important;
	padding: 330px 0 0;
	padding/**/:/**/338px 0 0;
}
#storyContainer {
	background-color: #DDDDDD;
	padding: 110px 20px 20px 450px;
	position: absolute;
	height: 342px;
	width: 280px;
	\width: 740px;
	w\idth: 280px;
	top: -400px;
	/* \*/
	top: -215px !important;
	top: -245px;
	top/**/:/**/-245px;
	/* */
	margin-left: -530px;
	/* \*/
	margin-left: -382px;
	/* */
	left: 50%;
	right: 50%;
}
#storyContainer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;
	line-height: 1.25;
	color: #333333;
	margin: 0 0 1em;
	padding: 0;
}
#storyTopBanner {
	background-color: #888888;
	margin: 0;
	position: absolute;
	height: 70px;
	width: 295px;
	\width: 570px;
	w\idth: 295px;
	left: 170px;
	top: 0;
	padding-top: 17px;
	padding-left: 285px;

}
#storyLeftBanner {
	background-color: #333333;
	position: absolute;
	height: 472px;
	width: 170px;
	left: 0;
	top: 0;
}
#storyCountry {
	position: absolute;
	height: 500px;
	width: 45px;
	left: 0;
	top: 0;
	overflow: visible;
}
#storyVertPic {
	position: absolute;
	height: 360px;
	width: 240px;
}
#storyHorzPic {
	position: absolute;
	height: 240px;
	width: 360px;
}
#storyNavbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	position: absolute;
	height: 30px;
	width: 325px;
	left: 420px;
	top: 440px;
	font-weight: bold;
	color: #999999;

}
#storyNavbar a:link, #storyNavbar a:visited, #storyNavbar a:hover, #storyNavbar a:active {
	color: #666666;
	text-decoration: none;

}
#storyCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 1;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	position: relative;
	left: 305px;
	top: 82px;
	/* \*/
	top: 265px !important;
	top: 265px;
	top/**/:/**/235px;
	/* */
}
.storyNav {
	margin-right: 15px;
	margin-left: 15px;
}
#awards {
	position: absolute;
	height: 240px;
	width: 355px;
	left: 220px;
	top: 240px;
	margin:0;
	padding:0;
	overflow: visible;
}
#contactform, #adminform, #fileupload {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #666666;
	margin: 0;
	width: 400px;
	padding: 5px;
	position: absolute;
	left: 235px;
	float: left;
}
#adminform, #fileupload {
	margin-top: 25px;
	position: absolute;
	top: 0;
}
#adminform p, #fileupload p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.15;
	color: #333333;
	text-align: left;
	margin: 0 0 1em 5px;
	padding: 0;
	width: 325px;
}
#contactform label, #contactform input, #contactform select, #contactform textarea, #adminform label, #adminform input, #adminform select, #adminform textarea, #fileupload label, #fileupload input, #fileupload label  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #666666;
	display: block;
	float: left;
	width: 14em;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
}
#contactform input#rememberme, #adminform input#rememberme {
	margin-left: -72px;
}
#contactform label, #adminform label, #fileupload label {
	font-weight: bold;
	color: #333333;
	letter-spacing: .1em;
	text-align: right;
	width:11em;
	margin-right: 5px;
}
#fileupload label {
	width: 5em;
}
#fileupload input {
	width: 7em;
}
#contactform br, #adminform br, #fileupload br {
	clear: left;
}
#adminNav {
	position: relative;
	height: auto;
	width: 200px;
	left: 0;
	top: 75px;
}
.adminimg, .adminstoryimg {
	margin-top: 25px;
	margin-left: 25px;
	width: 140px;
}
.adminstoryimg {
	margin-left: -10px;
}
#portfolioImageH, #portfolioImageV {
	position: absolute;
	height: auto;
	width: auto;
	left: 222px;
	top: 90px;
	overflow: visible;
}
#portfolioImageV {
	left: 387px;
	top: 2px;
}
div.captionH {
	margin-top: 5px;
	width: 475px;
	height: auto;
}
* html div.captionH {
	margin-top: 0;
}
div.captionV {
	overflow: visible;
	position: relative;
	height: 250px;
	width: 200px;
	left: -215px;
	top: -250px;
}
div.captionH p, div.captionV p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.25;
	font-weight: normal;
	color: #222222;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}
*html div.captionH p {

	letter-spacing: .05em;
}
*+html div.captionH p {
	letter-spacing: 0.03em;
}
#admin {
	position: absolute;
	height: 50px;
	width: 25px;
	left: 230px;
	bottom: 10px;
}
#whatsnew {
	position: relative;
	height: 20px;
	width: 180px;
	left: 0;
	top: 135px;
}
#whatsnew a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.15em;
	color: #999;
	text-decoration: none;
}
#whatsnew a:hover {
	color: #eee;
}