* {margin: 0; padding: 0; outline: none;}

body {
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	color: #333333;
background: url(/img/background_pink.png) repeat;
	
	}


img, img a, img a:hover {border: 0;}

a {
	color: #0099ff;
	text-decoration: none;
}
a:hover {
	
}

#containers {
	width: 934px;
	margin: 0 auto;
padding-top: 30px;
}

#sidebar {
	width: 100%;
	height:80px;
	float: left;
	background: #fff;
	margin: 0 0px 0 0;
	padding: 0px 0 0px 0;
position: fixed;
z-index: 69;
}
	#logo {
		width: 180px;
		height: 38px;
		
		background: url(/img/logo_pink.png) no-repeat;
		text-indent: -999em;
		margin: 31px 0 0px 10px;
	}
	#sidebar h1 {
		
		float:left;
		cursor: pointer;
		margin: 0 23px 10px 14px;
		font-weight: 100;
		color: #555353;
		font-size:18px;

	}
	#sidebar h1#fb {
		
		/*background-image: url(img/fb.png);
		background-repeat:no-repeat;
		text-indent: -999em;
		width: 20px;*/
		margin: 2px 0 0 0;
		
	}
	#sidebar h1#contact {
		
		
		margin:0;
		
	}
	#sidebar h1 a {
		width: 145px;
		height: 14px;
		color:#555353;
		
	}
	#sidebar div.toggle{
		margin: 0 0 40px 0;
	}
	#sidebar div.toggle ul {
		margin: 0 0 0 14px;
	}
	#sidebar div.toggle ul li {
		list-style: none;
		margin: 5px 0;
	}
	#sidebar div.toggle ul li a {
		color: #333;
	}
	#sidebar div.toggle ul li.here a {
		color: #6dc5ff;
	}	
	
	#sidebar ul#theme {
		position: absolute;
		top: 77px;
		left: 16px;
		height: 10px;
		width: 50px;
		border: 3px solid #fff;
	}
	#sidebar ul#theme li {
		list-style: none;
		text-indent: -999em;
		width: 10px;
		height: 10px;
		cursor: pointer;
		float:left;
	}
	#sidebar ul#theme li#pink {
		background: #f42d8e;
	}
	#sidebar ul#theme li#blue {
		background: #006699;
	}	
	#sidebar ul#theme li#green {
		background: #669933;
	}		
	#sidebar ul#theme li#yellow {
		background: #ffcc00;
	}	
	#sidebar ul#theme li#purple {
		background: #9966cc;
	}		
	
	
#contents {
	width: 955px;
	float: left;
	
	margin: 90px 0 0 0;
	
}
	#contents h1 {
		font-size: 14px;
		margin: 20px 0 0 15px;
	}
	#contents p {
		font-size: 12px;
		margin: 7px 0 7px 15px;
		padding: 0 20px;
	}	
	#contents p.nospace {
		font-size: 12px;
		margin: 7px 0 7px 0px;
	}		
	#contents p.contact {
		font-family: Helvetica, Geneva, Verdana, sans-serif;
		color: #7a7a7a;
		font-size: 14px;
		margin: 30px auto 7px auto;
		line-height: 22px;
		width:640px;
	}
	#contents p.contactGrey {
		font-family: Helvetica, Geneva, Verdana, sans-serif;
		color: #7a7a7a;
		font-size: 14px;
		margin: 130px 0 30px -153px;
		line-height: 18px;
		text-align: center;
	}	
	#contents p.contactGrey a {
		color: #6dc5ff;
	}
	#contents h1 p {
		font-size: 14px;
		color: #333333;
		margin: 0;
	}	
	#contents a.external, #contents a.fancy {
		color:#4e9cf0;
		font-size: 12px;
		float: right;
        	margin-left: 12px;
			
	}
	#contents a.fancy span {
		color: #979899;
		font-size: 11px;
padding-right: 10px;
	}
#contents #view{
float: right;
color: #4e9cf0;

}
#contents #view span{
padding-right: 10px;
color: #979899;
}
	#contents a.external:hover, #contents a.fancy:hover {
		text-decoration: none;
	}
	
	img#new {
		position: absolute;
		margin: 10px 0 0 370px;
		z-index: 3;
	}
	img#newSm {
		position: absolute;
		margin: 10px 0 0 212px;
		z-index: 3;
	}
	#peoples{
	width: 650px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -100px;
left: 50px;
}
	
	ul {
		float:left;
		width: 300px;
		height: 95px;
	}
	
	li {
		font-family: 'Roboto Slab', serif;
		font-size: 22px;
		color: #333;
		font-weight: 100;
		list-style: none;
	}
	li a {
		color: #6dc5ff;
	}
li.jobtitle{
font-family: Helvetica, Geneva, Verdana, sans-serif;
font-size: 14px;
color: #333;
}
li.email, span.email, span.email a{
font-family: Helvetica, Geneva, Verdana, sans-serif;
font-size: 14px;
color: #6dc5ff;
font-weight: 100;
}
#contactBody h1{
font-size:25px;
color:#7a7a7a;
font-weight: 100;
text-align: center;

}
#contactBody{
background-color: #fff;
padding: 20px;
}
#contactImage{
width: 143px;
margin-left: auto;
margin-right: auto;
}	
	
/*
MISC
*/	
.clear{clear: both; height: 1px;}
#containers #contents #entry {
	float: left;
	position: relative;
overflow: hidden;
opacity: 0;
top: 100px;
}
#entrySm {
	float: left;
	position: relative;
overflow: hidden;
opacity: 0;
top: 100px;

}


.label {
	background-color:rgba(255,255,255,0.9);
	position: absolute;
width: 454px;
bottom: -110px;
margin: 0px;
left: 0px;
z-index: 10;
opacity:0;
padding-bottom: 10px;
}
.labelSm {
	background-color:rgba(255,255,255,0.9);
	position: absolute;
width: 296px;
bottom: -100px;
margin: 0px;
left: 0px;
z-index: 10;
opacity:0;
padding-bottom: 10px;
}
#imageHolder,#imageHolderF {
	position: relative;
	height: 294px;
	width: 454px;
	border: 5px solid #fff;
margin: 5px;
overflow:hidden

}

#imageHolderSm {
	position: relative;
	height: 294px;
	width: 296px;
	border: 5px solid #fff;
margin: 5px;
overflow:hidden

}
#navMain{
position: relative;
top: -24px;
left: 23px;
width: 572px;
height: 50px;
margin-left: auto;
margin-right: auto;
}


#navRight{
float: right;
position: relative;
top: -74px;
right: 10px;
height: 50px;

}
#selector2{
height: 14px;
width: 100px;
position: relative;
left: 27px;
top: 21px;
background: url(/img/arrowSelect.png) no-repeat;
}
#selector{
height: 14px;
width: 100px;
position: relative;
left: 27px;
top: 21px;
background: url(/img/arrowSelect.png) no-repeat;
}
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 5px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 5px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
#noFlash{
background-color:#ffffff;
width: 100%;
height: 100%;
}
#noFlash h1{
font-size: 27px;
color: #7a7a7a;
font-weight: 100;
}
#contentsCase{
background-color: #ffffff;
height: 500px;
width:829px;
margin-top: 130px;
 -moz-box-shadow:    0px 0px 5px #000;
  -webkit-box-shadow: 0px 0px 5px #000;
  box-shadow:         0px 0px 5px #000;
}
#pinksidebar{
background-color: #f42b8d;
height: 450px;
width: 241px;
float: right;
margin-top: 20px;
}
@media screen and (max-width:970px) {

#navRight {
float: right;
position: absolute;
top: 45px;
left: 694px;
height: 50px;
width: 500px;
}
#navMain {
position: absolute;
top: 45px;
left: 193px;
width: 572px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
#sidebar h1#contact {
		
		
		margin-left:85px;
		
	}

}