*{
    margin:0;
    padding:0;
}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14; color:#9D9D9C; overflow:hidden; height:100%}
 



  .header{position:fixed; top:0; width:100%; left:50px; top:50px; z-index:12;}

.section{
    margin:0px;
    height:1000px;
    width:100%;
    float:left;
}
.section h2{
    margin:50px 0px 30px 50px;
}
.section p{
    margin:20px 0px 0px 50px;
    width:600px;
}
.home{background:url(../images/background_home.jpg) repeat-x bottom left;
}
.print{background:url(../images/background_print.jpg) repeat-x bottom left;
}
.web{background:url(../images/background_web.jpg) repeat-x bottom left;
}
.illustration{background:url(../images/background_illus.jpg) repeat-x bottom left;
}
.photography{background:url(../images/background_photo.jpg) repeat-x bottom left;
}
.contact{background:url(../images/background_photo.jpg); height:3000px;
}

.section ul{
    list-style:none;
}

.mainnav {position:fixed; width:595px; z-index:14; left:50px; top:120px; list-style:none;}



  
  .subnav{text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#9D9D9C; padding-top:30px; padding-left:50px; position:fixed; width:100%; z-index:11; bottom:30px; list-style:none}
  .social{width:120px; position:fixed; right:45px; bottom:25px; z-index:11;}
  .tfeed{position:fixed; right:150px; bottom:75px; z-index:13;}
  .bubble{position:fixed; right:50px; bottom:100px; z-index:13;}
  
  .topbreak{
	background-color: #9D9D9C;
	height:3px;
    right:35px;
	left:35px;
	width: inherit;
	top:160px;
	position:fixed;
	z-index:11;
} 


.portfolio{position:fixed; right:50px; color:#9D9D9C; font-family:Arial, Helvetica, sans-serif; font-size:12px; top:134px; z-index:11; }
 
  
.hello{position:relative; top:200px; width:600px; margin-left:auto; margin-right:auto;
} 
	

  
.images{
	position:absolute;
	margin-top:10px;

}  

.imagesillus{
	position:absolute;
	margin-top:10px;

}  
  
.imagesweb{
	position:absolute;
	margin-top:10px;

}  

.imageswelcom{
	position:absolute;
	margin-top:10px;

}  
  
.imagesprint{
	position:relative; top:190px; width:700px; margin-left:auto; margin-right:auto;
}  
.imageswebmain{
	position:relative; top:190px ;width:740px; margin-left:auto; margin-right:auto;
} 
.imageswelcomemain{
	position:relative; top:170px ;width:850px; margin-left:auto; margin-right:auto;
} 


#evansflick { width: 400px; margin-top:5px; margin-left:30px;}
#evansflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#evansflick a { width: 20px; display: block; }
#evansflick li.activeSlide a { background:#5A5A59; }
#evansflick a:focus { outline: none; }
#evansflick img { border: none; display: block }
pre { clear: left }
.slidecontain{width:800px;}


.nav {	padding-top:5px;
	height:30px;
	z-index: 13;
	position:fixed;
	width:600px;
	left:0px;

}

a.grey:link {
	text-decoration: none;
	color: #6F7072;

}
a.grey:visited {
	text-decoration: none;
	color: #6F7072;

}
a.grey:hover {
	text-decoration: none;
	color:#333;
}
a.grey:active {
	text-decoration: none;
	color:#333;
}
.text_box1  {
	opacity:0.8;
	filter:alpha(opacity=80);
	border:thin;
	border-style:solid;
	border-color:#999;
	padding:10px;
	background-color:#FFF;
	text-align:justify;
	margin-top:10px;
	width:300px;
	position:absolute;
	
	}
	
#controls { width: 200px; height: 25px }

#evansnext2, #evansnext3, #evansnext4, #evansnext5, #evansnext6, #evansnext7, #evansnext8, #evansnext9, #evansnext10, #msnext2, #msnext3, #msnext4, #msnext5, #msnext6, #msnext7, #msnext8, #msnext9, #fsnext2, #fsnext3, #fsnext4, #fsnext5, #fsnext6, #fsnext7, #fsnext8, #fsnext9, #uninext2, #uninext3, #uninext4, #uninext5, #uninext6, #uninext7, #uninext8, #uninext9, #pwnext1, #pwnext2, #pwnext3, #pwnext4, #pwnext5, #pwnext6, #pwnext7, #pwnext8, #pwnext9, #LFnext1, #LFnext2, #LFnext3, #LFnext4, #LFnext5, #LFnext6, #LFnext7, #LFnext8, #LFnext9,  {
	float: left;
	width:197px;
}

.info {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-size:16px;
	width:220px;
	left: 0px;
	opacity:0.9; 
	filter:alpha(opacity=90);
}

a.infobutton:link {
	text-decoration: none;
	color:#4A4A49;

}
a.infobutton:visited {
	text-decoration: none;
	color:#4A4A49;

}
a.infobutton:hover {
	text-decoration: none;
	color:#000
}
a.infobutton:active {
	text-decoration: none;
	color:#4A4A49;
}

.pics {
	position:absolute;
	left: -1px;
	top: 42px;
}

.webpics {
	position:absolute;
	left: 20px;
	top: 60px;
	z-index:8;
}

.illuspics {
	position:absolute;
	top: 40px;
}

.imac {
	position:absolute;
	left: 279px;
	top: 57px;
}

.pics_cats {left:280px; position:absolute;}
.pics_cats_web {left:280px; position:absolute;}
.pics_cats_welcome {left:280px; position:absolute;}

.text {
	width:237px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	position:absolute;
	color:#9D9D9C;
	top: 180px;
	left:-276px;
}

.welcometext {
	width:568px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	position:absolute;
	color:#9D9D9C;
	top: 181px;
	left:94px;
}

.buttons {
	width:237px;
	position:absolute;
	top:0px;
	left:0px;
}
.infobutton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color:#4A4A49;}


#flickprint{
	width: 237px;
	position:absolute;
	z-index:9;
	left:0px;
	top: 10px;
}
#flickprint li {list-style: none; }
#flickprint a { display: block; }
#flickprint li.activeSlide a { background:#4A4A49; }
#flickprint a:focus { outline: none; }
#flickprint img { border: none; }
.slidecontain{width:800px;}

#msflick { width: 400px; margin-top:5px; margin-left:30px;}
#msflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#msflick a { width: 20px; display: block; }
#msflick li.activeSlide a { background:#5A5A59; }
#msflick a:focus { outline: none; }
#msflick img { border: none; display: block }

#fsflick { width: 400px; margin-top:5px; margin-left:30px;}
#fsflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#fsflick a { width: 20px; display: block; }
#fsflick li.activeSlide a { background:#5A5A59; }
#fsflick a:focus { outline: none; }
#fsflick img { border: none; display: block }

#uniflick { width: 400px; margin-top:5px; margin-left:30px;}
#uniflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#uniflick a { width: 20px; display: block; }
#uniflick li.activeSlide a { background:#5A5A59; }
#uniflick a:focus { outline: none; }
#uniflick img { border: none; display: block }

#pwflick { width: 400px; margin-top:5px; margin-left:30px;}
#pwflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#pwflick a { width: 20px; display: block; }
#pwflick li.activeSlide a { background:#5A5A59; }
#pwflick a:focus { outline: none; }
#pwflick img { border: none; display: block }

#flickweb{
	width: 237px;
	position:absolute;
	z-index:9;
	left:0px;
	top: 10px;
}
#flickweb li {list-style: none; }
#flickweb a { display: block; }
#flickweb li.activeSlide a { background:#4A4A49; }
#flickprint a:focus { outline: none; }
#flickweb img { border: none; }
.slidecontain{width:800px;}

#flickwelcome{
	width: 136px;
	position:absolute;
	z-index:9;
	left:-68px;
	top: 180px;
}
#flickwelcome li {list-style: none; }
#flickwelcome a { display: block; }
#flickwelcome li.activeSlide a { background:#4A4A49; }
#flickprint a:focus { outline: none; }
#flickwelcome img { border: none; }
.slidecontain{width:800px;}


#FSwebflick { width: 400px; margin-top:5px; margin-left:30px;}
#FSwebflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#FSwebflick a { width: 20px; display: block; }
#FSwebflick li.activeSlide a { background:#5A5A59; }
#FSwebflick a:focus { outline: none; }
#FSwebflick img { border: none; display: block }

#CGwebflick { width: 400px; margin-top:5px; margin-left:30px;}
#CGwebflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#CGwebflick a { width: 20px; display: block; }
#CGwebflick li.activeSlide a { background:#5A5A59; }
#CGwebflick a:focus { outline: none; }
#CGwebflick img { border: none; display: block }

#accessflick { width: 400px; margin-top:5px; margin-left:30px;}
#accessflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#accessflick a { width: 20px; display: block; }
#accessflick li.activeSlide a { background:#5A5A59; }
#accessflick a:focus { outline: none; }
#accessflick img { border: none; display: block }

#maxwebflick { width: 400px; margin-top:5px; margin-left:30px;}
#maxwebflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#maxwebflick a { width: 20px; display: block; }
#maxwebflick li.activeSlide a { background:#5A5A59; }
#maxwebflick a:focus { outline: none; }
#maxwebflick img { border: none; display: block }

#lurcherflick { width: 400px; margin-top:5px; margin-left:30px;}
#lurcherflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#lurcherflick a { width: 20px; display: block; }
#lurcherflick li.activeSlide a { background:#5A5A59; }
#lurcherflick a:focus { outline: none; }
#lurcherflick img { border: none; display: block }

#illusflick { width: 400px; margin-top:5px; margin-left:30px;}
#illusflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#illusflick a { width: 20px; display: block; }
#illusflick li.activeSlide a { background:#5A5A59; }
#illusflick a:focus { outline: none; }
#illusflick img { border: none; display: block }

.illuscontain{	position:relative; top:190px; width:850px; margin-left:auto; margin-right:auto;}
.photocontain{	position:relative; top:190px; width:850px; margin-left:auto; margin-right:auto;}


.centerphoto{
	position:relative;
	margin-left: auto;
	margin-right:auto;
	width: 150px;
	z-index:5;
} 

.centerillus{
	position:relative;
	margin-left: auto;
	margin-right:auto;
	width: 155px;
} 

#photoflick { width: 100px; margin-top:5px; margin-left:40px;}
#photoflick li { width: 20px; float: left; margin-right: 3px; list-style: none }
#photoflick a { width: 20px; display: block; }
#photoflick li.activeSlide a { background:#5A5A59; }
#photoflick a:focus { outline: none; }
#photoflick img { border: none; display: block }

#container {
	position:relative;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	top:200px;
	text-align:center;
}

#form_container {
	height:700px;
	width:550px;
	margin:40px auto
}

#form_container label {
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9D9D9C;
	width:160px;
	text-align:right;
	padding:2px 10px 0px 0px;
}

#form_container input { 
	height:20px; 
	width:200px;
	float:left
}

#form_container textarea { 
	height:150px; 
	width:300px;
	float:left
}

#form_container select { 
	height:20px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left
}

#form_container_required { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold;
	color:#9D9D9C;
	margin-left:3px;
	margin-right:3px;
	float:left
}


  /*this is what we want the div to look like
    when it is not showing*/
  .loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like
    when it IS showing*/
  .loading-visible{
    /*make visible*/
    display:block;

    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#FFF;
	opacity:0.8; 
	filter:alpha(opacity=80);
	z-index:20;

    /*set the padding, so that the content
      of the div is centered vertically*/
    padding-top:25%;
	
  }
  
  
.shadow {
-moz-box-shadow: 5px 5px 6px #666;
-webkit-box-shadow: 5px 5px 6px #666;
box-shadow: 5px 5px 6px #666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
color:
}