body {margin: 0;font-family: Helvetica Neue, Helvetica, Arial; font-weight: lighter; font-stretch:condensed; font-size: 14px; overflow: hidden; background-image: url(gfx/bg-pattern.png);}
body.home #main {background-image: url(gfx/bg_home.png);}
body.ambition #main {background-image: url(gfx/bg_ambition.png);}
body.about #main {background-image: url(gfx/bg_about.png);}
body.work #main {background-image: url(gfx/bg_work.png);}
body.contact #main {background-image: url(gfx/bg_contact.png);}
#wrapper {
position: absolute;
top: 50%;
left: 50%;

	-moz-box-shadow: #525252 10px 10px 22px;
	-webkit-box-shadow: #525252 10px 10px 22px;
	box-shadow: #525252 10px 10px 22px;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#525252')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#525252');

/*margin: 10px auto; */
margin: -262px 0px 0px -400px;
background-color: white; font-family: Helvetica Neue, Helvetica, Arial; font-weight: lighter; font-stretch:condensed; font-size: 14px; width:800px; height: 525px; overflow: hidden;}
a {text-decoration: none; color: black; border: none;}
a:hover {text-decoration: underline; color: #e52f7e; border: none;}
p {margin: 0.5em 0px;}
img {border: none;}
#header {height:90px; text-align:center;}
#logo {margin-top:6px;}
#main {height:435px;background-image: url(gfx/background.jpg); display: none;}
#navigation {float: left; width:235px; padding-right:9px;}
#nav_active {margin-top: 35px; text-align:right;}
#nav_off {text-align:right;margin-top:13px;}
#content {
display: none;
-moz-box-shadow: #525252 10px 10px 22px;
	-webkit-box-shadow: #525252 10px 10px 22px;
	box-shadow: #525252 10px 10px 22px;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#525252')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#525252');
padding: 12px 0px 18px;margin-left:9px;margin-top: 42px;float:left; border-left: 6px solid #e52f7e; width:306px;height:352px; background-color: rgba(255,255,255,0.9); line-height: 20px;}
.ftext_bigger {font-size:20px;}
#textcontent {padding: 2px 24px; display: none;}
#content_nav {padding: 0 24px; font-weight: bold; height: 12px; display: none; text-align: right;}
.jb_lilac {color: #e52f7e;}
#dots_top {display: none; position: absolute; background-image: url(gfx/dots_top.png); top:0px; left: 0; width:103px; height: 166px;}
#dots_bottom {display: none; position: absolute; background-image: url(gfx/dots_bottom.png); top:447px; left:654px ; width: 146px; height: 78px;}
#cite {height: 340px; font-size:18px; padding: 0px 15px;}
.cite_bigger {font-size: 26px;}
#cite_source {font-size: 14px; margin-top:21px;}
#cite_left {width: 25px; height: 29px; background-image: url(gfx/cite_left.png); position: absolute; top: 267px; left: 273px;}
#cite_right {width: 25px; height: 29px; background-image: url(gfx/cite_right.png); position: absolute; top: 278px; left: 562px;}
#dots_collected {width: 570px; height: 224px; position: absolute; top: -800; left: 500px; background-image: url(gfx/dots_collected.png); opacity:0.0;filter:alpha(opacity=0);}
.icon_arrow_back {vertical-align: bottom;}
.icon_arrow_fwd {vertical-align: bottom;}