body {background-image:url("../images/stripe.jpg") ;margin:80px 0px;text-align:center;font:normal;text-decoration: strong;12px/16px Letter Gothic Std, serif;color:##3D3A3A;}

.containerA {background:url(../images/background.gif) no-repeat top left;width:1044px;height:684px;margin:0px auto;}
.containerB {background:url(../images/index.gif) no-repeat top left;width:1044px;height:684px;margin:0px auto;}
.containerC {background:url(../images/projectspage.gif) no-repeat top left;width:1044px;height:684px;margin:0px auto;}
.containerD {background:url(../images/home-blank.gif) no-repeat top left;width:1044px;height:684px;margin:0px auto;}
.container {padding:143px 20px 32px 80px;}

h1 {font:normal 16px Letter Gothic Std, serif;color:#1AADBD;text-transform:uppercase;text-decoration:strong;margin:0px 0px 15px;}
h2 {font:normal 12px Letter Gothic Std, serif;color:#3D3A3A;text-decoration:bold;margin:0px 0px 12px;}
p {font:normal 13px/16px Letter Gothic Std, serif;text-decoration:strong;color:#3D3A3A;margin:0px 0px 16px;}

img {border:0px;}

a {color:#2e2e2e;text-decoration:none;outline:none;}
a:visited {color:#2e2e2e;text-decoration:none;outline:none;}
a:hover {color:#1AADBD;text-decoration:bold;outline:none;}

.middle {}

.middle .clear {clear:both;}


.middle .leftside {width:430px;float:left;text-align:left;border:0px solid red;background:url(../images/line_vert.gif) repeat-y top right;}
.middle .leftside .contentA {height:430px;}
.middle .leftside .content {padding:0px 0px 0px;}
.middle .leftside .content table {border:0px;border-collapse:collapse;width:100%;}
.middle .leftside .content td.col1 {vertical-align:top;padding:0px;width:142px;}
.middle .leftside .content td.col1 a {color:#909090;text-decoration:none;}
.middle .leftside .content td.col1 a:visited {color:#909090;text-decoration:none;}
.middle .leftside .content td.col1 a:hover {color:#cc4244;text-decoration:none;}
.middle .leftside .content td.col1 a.active {color:#cc4244;text-decoration:none;}
.middle .leftside .content td.col1 .navleft ul {list-style:none none;margin:0px;padding:0px;text-transform:uppercase;font:normal 10px arial, sans-serif;}
.middle .leftside .content td.col1 .navleft li {padding:0px 0px 15px;}
.middle .leftside .content td.col2 {vertical-align:top;padding:0px;}
.middle .leftside .content td.col2 a {color:#cc4244;text-decoration:none;}
.middle .leftside .content td.col2 a:visited {color:#cc4244;text-decoration:none;}
.middle .leftside .content td.col2 a:hover {color:#909090;text-decoration:none;}

.middle .rightside {width:445px;float:right;text-align:left;padding:0px 0px 134px;}
.middle .rightside .content td.col3 .navright ul {list-style:none none;margin:0px;padding:0px;}
.middle .rightside .content {padding:10px;margin:0px 60px 0px 33px;}
.middle .rightside .line {background:url(../images/line_horz.gif) repeat-x top left;height:2px;margin:0px 0px 5px 35px;}
.middle .rightside .news {padding:10px;margin:13px 0px 54px 30px;}
.middle .rightside .welcome {padding:10px;margin:73px 40px 0px 31px;}
.middle .rightside table.scroller {width:220px;border:1px;border-collapse:collapse;}
.middle .rightside table.scroller td {vertical-align:top;padding:0px;}

.footer {}
.footer .copyright {padding:15px 0px 0px;}

.middle .body {text-align:center;padding:0px;}
.middle table.main {border:0px;border-collapse:collapse;margin:0px auto;}
.middle table.main td {vertical-align:top;text-align:left;padding:0px;height:475px;}
.middle table.main td .logo {padding:0px 0px 10px 10px;}
.middle table.main td .image {}
.middle .nav {float:left;padding:0px 0px 0px 10px;}
.middle .dots {padding:37px 90px 0px 0px;}
.middle .dots images {cursor:pointer;}

.middle .rightside .content .dots {text-align:center;padding:65px 0px 0px;}
.middle .rightside .content .corners {background:url(../images/bg_corners.gif) no-repeat top left;padding:5px 5px 6px;text-align:left;margin:40px 0px 0px;}

/** Photography **/
body.photography .logo {text-align:left;margin:0px 0px 15px;}
body.photography .middle .leftside .contentA {height:395px;}
body.photography .middle .leftside .content {padding:20px 0px 0px;}
body.photography .middle .leftside {width:120px;float:left;text-align:left;background:url(../images/line_vert.gif) repeat-y top right;}

body.photography .middle .rightside {width:697px;padding:20px 0px 35px;}
body.photography .middle .rightside .content {padding:0px 0px 0px 43px;margin:0px 0px 0px 43px;}

/**  Index **/
.middle table.main td {vertical-align:top;text-align:left;padding:0px;height:475px;}
body.about .middle .leftside .content {padding:10px;margin:0px 50px 0px 0px;}

/**  About **/
body.about .nav {float:none;}
body.about .middle .rightside .content {padding:10px;margin:0px 100px 0px 0px;}

/**  Projects **/
body.projects .nav {float:none;}
body.projects .middle .rightside .content {padding:10px;margin:30px 0px 0px 35px;text-align:center;}

/**  Home **/
body.home .nav {float:none;}

/**  Current Projects **/
body.currentprojects .nav {float:none;}
body.currentprojects .middle .rightside .content {padding:10px;margin:0px 300px 0px 0px;}

/**  Menu **/
.menus {position:relative;z-index:10;clear:both;}

.menu {position:absolute;top:-63px;left:0px;visibility:hidden;background-color:#fff;font:normal 9px arial, sans-serif;color:#9e9e9e;text-transform:uppercase;text-align:left;padding:0px 10px 10px;}
.menu a {color:#9e9e9e;text-decoration:none;}
.menu a:visited {color:#9e9e9e;text-decoration:none;}
.menu a:hover {color:#cd4345;text-decoration:none;}

.fly {position:absolute;top:-23px;right:-35px;visibility:hidden;text-align:left;}

/** Scroller **/
/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:600px; height:370px;
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:183px; height:32px;
	margin:0px auto;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:0px; top:0;
    width:20px; height:92px; 
    background:url(../images/scroll_path.gif) no-repeat top left;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:10px; height:52px; 
    background:url(../images/scroll_bird.gif) no-repeat top left;
	cursor:pointer;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar images {
    display:block; 
    } 

	
/* Photography Scrollbar */
body.photography div#wn	{ 
    position:relative; 
    width:549px; height:400px;
    overflow:hidden;	
	margin:0px 0px 0px 43px;
	}
		
/* About Page Scrollbar */
body.about div#wn	{ 
    position:relative; 
    width:315px;height:445px;
    overflow:hidden;	
	}
body.about div#scrollbar { 
    position:relative; 
    width:23px; height:445px;
	margin:0px auto;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.about div#track { 
    position:absolute; left:0px; top:0;
    width:53px; height:445px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}  
		
		
		
/* Home Page Scrollbar */
body.home div#wn	{ 
    position:relative; 
    width:330px;height:377px;
    overflow:hidden;
	margin:0px 0px 0px 95px;	
	}
body.home div#scrollbar { 
    position:relative; 
    width:40px; height:398px;
	margin:0px 5px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.home div#track { 
    position:absolute; left:5px; top:4;
    width:12px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}

/* About Scrollbar */
body.about div#wn	{ 
    position:relative; 
    width:330px;height:377px;
    overflow:hidden;
	margin:0px 0px 0px 95px;	
	}
body.about div#scrollbar { 
    position:relative; 
    width:40px; height:398px;
	margin:0px 5px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.about div#track { 
    position:absolute; left:5px; top:4;
    width:12px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}

/* Contact Scrollbar */
body.contact div#wn	{ 
    position:relative; 
    width:310px;height:377px;
    overflow:hidden;
	margin:0px 65px 0px 95px;	
	}
body.contact div#scrollbar { 
    position:relative; 
    width:60px; height:398px;
	margin:0px 5px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.contact div#track { 
    position:absolute; left:5px; top:4;
    width:12px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}

  
/* Current Projects Scrollbar */
body.currentprojects div#wn	{ 
    position:relative; 
    width:312px;height:376px;
    overflow:hidden;
	margin:0px 20px 0px 0px;	
	}
body.currentprojects div#scrollbar { 
    position:relative; 
    width:45px; height:398px;
	margin:0px 0px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.currentprojects div#track { 
    position:absolute; left:5px; top:4;
    width:17px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}


/* Past Performances Scrollbar */
body.pastperformances div#wn	{ 
    position:relative; 
    width:332px;height:377px;
    overflow:hidden;
	margin:0px 0px 0px 93px;	
	}
body.pastperformances div#scrollbar { 
    position:relative; 
    width:40px; height:398px;
	margin:0px 5px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.pastperformances div#track { 
    position:absolute; left:5px; top:4;
    width:12px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}


/* Commonplace Book Scrollbar */
body.commonplace div#wn	{ 
    position:relative; 
    width:218px;height:386px;
	margin:22px 0px 102px 29px;	
	}
body.commonplace div#scrollbar { 
    position:relative; 
    width:65px; height:398px;
	margin:0px 0px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.commonplace div#track { 
    position:absolute; left:5px; top:4;
    width:0px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}

/* Video Scrollbar */
body.video div#wn	{ 
    position:relative; 
    width:348px;height:186px;
	margin:33px 33px 33px 33px;	
	}
body.video div#scrollbar { 
    position:relative; 
    width:195px; height:78px;
	margin:44px 33px 66px 66px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.video div#track { 
    position:absolute; left:5px; top:4;
    width:5px; height:455px;
	margin:0px 0px 0px 22px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}



/* OLD Past Performances Scrollbar OLD */
body.pastperformances-a div#wn	{ 
    position:relative; 
    width:332px;height:377px;
    overflow:hidden;
	margin:0px 0px 0px 185px;	
	}
body.pastperformances-a div#scrollbar { 
    position:relative; 
    width:40px; height:398px;
	margin:0px 5px 0px 0px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}
body.pastperformances-a div#track { 
    position:absolute; left:5px; top:4;
    width:12px; height:455px;
	margin:0px 0px 0px 0px; 
    background:url(../images/scroll_path_vert.gif) no-repeat top left;
	}

<!-- CSS -->

<style type="text/css">
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
</style> 

<!-- Form -->

<form action="http://sophik.createsend.com/t/r/s/pykihy/" method="post" id="subForm">
<div>
  <span class="label"><label for="name">Name:</label></span>
  <span><input type="text" name="cm-name" id="name" size="25" /></span>
</div>
<div>
<span class="label"><label for="pykihy-pykihy">Email Address:</label></span>
<span><input type="text" name="cm-pykihy-pykihy" id="pykihy-pykihy" size="25" /></span>
</div>
<div>
<div>
  <span class="spacer"></span>
  <span><input type="checkbox" name="cm-ol-nglrl" id="cmEHHAD" /><label for="cmEHHAD">EHHAD</label></span>
</div><div>
  <span class="spacer"></span>
  <span><input type="checkbox" name="cm-ol-nhtukh" id="cmEHHAD-notopened" /><label for="cmEHHAD-notopened">EHHAD - not opened</label></span>
</div>
</div>
<div>
<span class="button"><input type="submit" value="Subscribe" /></span>
</div>
</form>