body {background-image:url("../img/stripe.jpg") ;margin:80px 0px;text-align:center;font:normal 10px/16px verdana, sans-serif;color:#909090;}

.containerA {background:url(../img/background.png) no-repeat top left;width:1044px;height:684px;margin:0px auto;}
.container {padding:83px 90px 92px 137px;}

h1 {font:normal 10px verdana, sans-serif;color:#cc4244;text-transform:uppercase;margin:0px 0px 13px;}
p {font:normal 10px/16px verdana, sans-serif;color:#909090;margin:0px 0px 15px;}

img {border:0px;}

a {color:#404040;text-decoration:none;outline:none;}
a:visited {color:#404040;text-decoration:none;outline:none;}
a:hover {color:#cc4244;text-decoration:none;outline:none;}

.middle {}

.middle .clear {clear:both;}

.middle .leftside {width:385px;float:left;text-align:left;border:0px solid red;background:url(../img/line_vert.gif) repeat-y top right;}
.middle .leftside .contentA {height:435px;}
.middle .leftside .content {padding:80px 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 5px;}
.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:432px;float:right;text-align:left;padding:40px 0px 35px;}
.middle .rightside .content {padding:10px;margin:0px 60px 0px 0px;}
.middle .rightside .line {background:url(../img/line_horz.gif) repeat-x top left;height:15px;margin:0px 0px 0px 35px;}
.middle .rightside .news {padding:10px;margin:0px 0px 0px 35px;}
.middle .rightside .welcome {padding:10px;margin:0px 0px 0px 35px;}
.middle .rightside table.scroller {width:350px;border:0px;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 img {cursor:pointer;}

.middle .rightside .content .dots {text-align:center;padding:35px 0px 0px;}
.middle .rightside .content .corners {background:url(../img/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(../img/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;}

/**  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;}

/**  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:383px; 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:383px; height:32px; 
    background:url(../img/scroll_path.gif) no-repeat top left;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:53px; height:32px; 
    background:url(../img/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 img {
    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(../img/scroll_path_vert.gif) no-repeat top left;
	}  
		
		
		
/* Home Page Scrollbar */
body.home div#wn	{ 
    position:relative; 
    width:315px;height:445px;
    overflow:hidden;	
	}
body.home 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.home div#track { 
    position:absolute; left:0px; top:0;
    width:53px; height:445px; 
    background:url(../img/scroll_path_vert.gif) no-repeat top left;
	}