/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */
body {
font-family: arial, helvetica, sans-serif;
line-height: 1.4em;
font-size: 1.2em;}
#flashcontent {
	height:500px;
	margin-bottom:10px;}
div.site {
	margin-top:50px;
width: 250px;
display:inline-block;
}
div.site h2 {
	padding:5px;
	font-size:14px;}
div.site img {
	float:left;
	padding:5px;
	border:none;}
div.site p {
	float:right;
	padding:5px;
	font-size:12px;}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshowport {
width: 960px;
margin-left:auto;
margin-right:auto;}
#slideshowport ul {

padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshowport ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshowport .slides {
overflow: hidden;
width: 960px;
text-align:center;}



#slideshowport .slides li {
width: auto;
float: left;
padding-top: 0px;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshowport .slides-nav {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	padding-left:100px;
}

#slideshowport .slides-nav li {
float: left;}

#slideshowport .slides-nav li a {
	color:#CCC;
display: block;
padding: 2px 10px 8px;
width:65px;
height:15px;
outline: none;
text-decoration:none;
vertical-align: text-bottom;
font-size:14px;}

.js #slideshowport .slides-nav li.on,
.js #slideshowport .slides-nav li.on a {
}

.js #slideshowport .slides-nav li.on a {
background-image:url(../images/blue_tab.png);
background-repeat:no-repeat;
font-size:14px;
text-decoration:none;
font-weight:bolder;
padding:2px 10px 8px;
width:65px;
height:15px;
text-align:center;}

/* ---------------------------------------------------- */
/* PHOTOS CSS
/* ---------------------------------------------------- */
ul.gallery li a {
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
	position: relative;
	
}
ul.gallery {
	width:810px;
	margin:30px auto 20px;
}

ul.gallery li a.pic1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}
ul.gallery li a.pic2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic3 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
ul.gallery li a.pic4 {
	z-index: 3;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}
ul.gallery li a.pic5 {
	z-index: 5;
	-webkit-transform: rotate(-9deg);
	-moz-transform: rotate(-9deg);
}
ul.gallery li a.pic6 {
	z-index: 3;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
}
ul.gallery li a.pic7 {
	z-index: 1;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
ul.gallery li a.pic8 {
	z-index: 2;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
}
ul.gallery li a.pic9 {
	z-index: 3;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
}
ul.gallery li a.pic10 {
	z-index: 3;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
}
ul.gallery li a.pic11 {
	z-index: 1;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
}
ul.gallery li a:hover {
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
}
#container {
	width: 960px; margin: 10px 20px;
}
#flickr {
	margin:20px auto;
	width:960px;
}