@charset "UTF-8";
/* CSS Document */

body { background:#f6f5f5; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:1.3em; color:#333; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }
img{border: none;}

#container { width:800px; background-color:#f1f1f1; border:2px solid #e1e3f2; height:auto; min-height:600px; margin:0 auto; padding-bottom:20px;  }

#nav { background-color:#e1e3f2; padding:10px; }
#nav ul { margin:0px; padding:0;  }
#nav ul li { list-style:none; display:inline; margin-left:0; margin-right:5px; padding:0; }

#mainHome { margin: 80px 0 100px 80px; padding:0;}
#mainHome ul { margin:0; padding:0;}
#mainHome ul li { list-style:none; display:inline;  margin-right:10px; }

#mainAbout { margin: 20px 0 0 50px; }
#aboutImg { float:left; margin-right:20px; }
.aboutText { padding-top:15px; margin-right:30px; }
.aboutText img { padding-bottom:5px; }

#mainPortfolio { margin: 20px 0 0 50px; }
#portfolioImg { float:left; margin-right:50px; }
#portfolioRight { float:left; display:block; }
#portfolioRight img { padding-bottom:7px; }
.reel { margin-top:5px;}
.portfolioText { padding-top:25px;  }


#mainContact { margin: 20px 0 0 50px; }
#contactImg { float:left; margin-right:40px; }
.contactText { padding-top:25px; margin-right:30px; font-size:16px; }

#footer { clear:both; display:block; width:800px;margin:0 auto;font-size: 10px;line-height:3;color:#999; }
#footer a { text-decoration:none; color:#999; }
#footer a:hover { text-decoration:underline; }



/* ----- SLIDESHOW ----- */
#picture-slides-container{
	/* Width HAS to be here for IE to render the filter */
	width: 100%; }

#picture-slides-frame{text-align:center;padding:10px 0 0 0;}
#picture-slides-image-text{text-align: left;}
#picture-slides-image {}


#picture-slides-thumbnails {padding:0}
#picture-slides-thumbnails ul{ float:left;list-style: none; margin:0; padding:0; }
#picture-slides-thumbnails ul li{ display:inline;  }
#picture-slides-thumbnails ul li a:focus{outline: 0;-moz-outline-style: none;}
#picture-slides-thumbnails ul li img {width: 35px; height: 35px; padding:0px; cursor: pointer;border:none;}
#picture-slides-thumbnails ul li .selected img{	width: 35px;height: 35px;border:1px solid #999;}




#navigation-controls{ float:left;margin:20px 0 0 185px; padding-right:10px;}
#navigation-controls li{}
#navigation-controls li#image-counter{}

li.slideshow-item{
	margin-left: 3em;
}
 

ul#navigation-controls a.disabled{
	color: #ccc;
}

a#stop-slideshow{
	display: none;
}