@charset "utf-8";

/*-------CSS RESET-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, str5ong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------*/

/* Fonts */

h1 {
	xfont-size:35px;
	xfont-size:80px;
	font-size:100px;
	color:#000;
	color:#f7d72e;
	text-shadow: 1px 1px 0px rgba(219, 219, 219, 1); 

	font-family: 'Cinzel', serif;
	text-align:center;
}

h2 {
	xfont-family: 'Montserrat Alternates', sans-serif;
	font-family:'Open Sans', sans-serif;
	font-size:50px;
	font-weight:700;
	color:#333; 
	text-transform:uppercase;
	xtext-shadow: 1px 1px 0px rgba(219, 219, 219, 1);
}

h3 {	
	font-family:'Open Sans', sans-serif;
	xfont-size:30px;
	xcolor:#fff;
	text-transform:uppercase;
	xfont-size:45px;
	font-weight:700;
}

h4 {
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;
	color:white;
	text-transform:uppercase;

}
h5 {


}

h6 {

}

html{
	padding:0px;
	margin:0px;
}

body{
} 

.fb_iframe_widget span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

/* ELEMENT/TAG SELECTORS */


ul {
	list-style-type: none;
	margin-bottom:15px;
	width:auto;
}

li.bullets {
	line-height: 23px;
	list-style:circle;
	margin-left:-7px;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;
	margin-left:25px;

}

li {
	xposition:relative;
	margin-top: 0;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;


}

p {
  color:#555;
  font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  font-size:14px;
  line-height:1.6;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {text-decoration: none; }
a:visited { text-decoration: none; }
a {color:#6398a8;}

a.underline:link {color: #446e7a; text-decoration: none; }
a.underline:visited {color:#4d4d4f; text-decoration: none; }
a.underline:hover {
	color: #4d4d4f;
	text-decoration: none;
	font-size: 100%;
}


#navBar{
	z-index:999;
	position:fixed;
	width:100%;
	background:#fff;
	height: 60px;
	border-bottom:2px solid #f7d72e;
}

#navBar ul.navElements {
	margin-right:auto;
	margin-left:auto;
	position:relative;
	margin-top:18px;
	width:900px;
	text-align: center;
}
#navBar ul.navElements li{
	display:inline;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
}

#navBar ul li a{
	color:#555;
	font-size: 13px;
	font-weight: 700;
	margin-right: 30px;
	margin-left: 20px;
}

#navBar ul li a:hover{
	cursor:pointer;
	color: #b3972f;
	
}

#logo-tab{
	position:absolute;
	left:50%;
	margin-left:-50px;
	xmargin-top:7px;
	top: 7px;
	width:106px;
	height:86px;
	background:url('../images/logo-tab-sprite.png');
	background-position:0px 0px;
}

#logo-tab:hover{
	background-position:0px -96px;
}

#banner{
	width:100%;
	xheight:700px;
	overflow:hidden;
	xbackground-image:url("../images/banner/Theatre_Le_Quai_a_Angers-2.jpg");
	background-position: center -217px;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

#bannerPhoto {
	position:absolute;
	z-index:995;
	width:100%;
	display:block;
	top:50%;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */ 
}
#bannerPhoto img{
	display: block;

	
	z-index: 995;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right:-50%;
	
	display: block;
	z-index: 995;
	top: 40%;
	left: 45%;
	xmargin-right: -50%;
	height: auto;
	width: 11%;
	

}

.subHeading{
	xfont-size: 28px;
	font-size: 40px;
	top: -34px;
	position:relative; 
}

#socialMedia{
	float:right;
	margin-top:30px;
	
}

#mainSlider ul li img{
	xmargin-top: -217px; 	
}

@media only screen and (max-device-width: 480px) {
#mainSlider {
	background:url('../images/backgrounds/stoneybrook-banner-inside-sm.jpg');
	min-height: 600px;
}

}

.sectionTitle{
	xfont-size:50px;
}

.flexslider{
	max-height: 972px;
	overflow: hidden;
}

#badges{
	padding-top: 20px; 
	xfloat:right; 
	float:left; 
	xclear:right;
	clear:both;
}
#badges ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
}

#overview{
	padding-top:100px;
	padding-bottom:50px;
}

#overview h2{
	font-size:60px;
	text-align:center;
}



/*
#moreAthletic ul li img{ margin-left:auto; margin-right:auto; display:block; }
#moreAthletic ul li{
	display:inline-block;
	width:200px;
	margin-right:30px;
	margin-top:50px;
}
#moreAthletic ul li h4{color:#555; text-align:center;}
*/

#projects{
	margin-top: 50px;
}

#projects ul li h3{
	font-size: 18px;
	color:#b3972f;
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px solid #b3972f;
	padding-top:20px;
	padding-bottom:3px;
	margin:0 20px;
	height:55px;
	vertical-align:bottom;
}
#projects ul li img{
	display:block;
	margin-right:auto;
	margin-left:auto;
}

#projects ul li p{
	color:#777;
	margin:0 20px;
	padding-top:10px;
}

.projectDetails li{
	display:inline-block;
	width:250px;
	margin-right:25px;
	margin-bottom: 35px;
}

.projectDetails h2{
	font-family: 'Slabo 27px', serif;
	font-weight:700;
	font-size:50px;
	color:#999;
	text-align:center;
	border-bottom:1px solid #777;
	padding-bottom:15px;
	margin-bottom:20px;
}

.projectDetails li h3{
	font-family: 'Slabo 27px', serif;
	font-weight:700;
	font-size:20px;
	color:#b3972f;
	text-align:center;
}

.projectDetails li h4{
	font-family: 'Slabo 27px', serif;
	font-style: italic;
	font-size:16px;
	color:#555;
	text-align:center;
}

.projectDetails li h5{
	font-family: 'Slabo 27px', serif;
	font-size:16px;
	color:#555;
	text-align:center;
}

#services{
	padding-top:50px;
	xborder-top: 2px solid #ccc;
	padding-bottom:70px;
	
}



#services ul {
	width:860px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#services ul li{
	xdisplay: inline-block;
	xwidth: 200px;
	xmargin-right: 10px;
	xmargin-top: 25px;
	xbackground: url('../images/backgrounds/background-overlay.png');
	xpadding: 10px;
	xborder: 1px solid #bbb;
	xheight: 235px;
	
	display: inline-block; 
	width: 200px;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 25px;
	background: url('../images/backgrounds/background-overlay.png');
	padding: 15px;
	border: 1px solid #bbb;
	height: 235px;
	height: 200px;
}

#services ul li img{
	width:190px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

#services ul li h3{
	color:#555;
	font-size:20px;
	text-align:center;
	line-height: 1.1;
	margin-top: 10px;
	color:#fff;
}

#services h2 {
	color:#fff;
}
#services h3 {
	color:#fff;
}

#portfolio{
	padding-top:80px;
	xpadding-bottom:60px;
	padding-bottom:5px;
	
}

#portfolioItems{
	margin-top: 30px;
}

#portfolioItems li{
	display:inline-block;
	margin-right:25px;
	margin-left:25px;
	xwidth:180px;
	width:100px;
}

#portfolioItems li img{
	xwidth:180px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#portfolioItems h3{
	xfont-size:18px;
	font-size:12px;
	text-align:center;
	color:#555;
	width:130px;
}

#portfolioItems p{
	font-size:12px;
	font-style: italic;
	color:#555;
	text-align:center;
	font-weight:700;
}

#portfolioContent{
	background: url('../images/backgrounds/background-overlay-75.png');
	width:33%;
	position:absolute;
	right:0px; 
	top:0px;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	height: 100%;
	overflow: auto;

	/*xposition:relative;
	xfloat:right;
	xheight: 96%;*/
	
}

#allGallery{
	position:absolute;
	right:33%;
	margin-right:100px;
	top:50px;
	background:#f4f4f4;
	border:1px solid #ccc;
	padding: 20px 20px 20px 0px;
	
}

#portfolioGallery{
	width:0px;
}

.galleria-container{
	display:none;
}
  
#camera-tab{
	position: absolute;
	width: auto;
	left: -76px;
	top: 39%;
}

#allGallery{
	
}
#portfolioItem{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	min-height:300px;
}

/*#portfolioItem{*/
.portfolioImage{
	/*
	xbackground-size:100% 100%;
	background-image: url('../images/portfolio/stoneybrook-full4.jpg');
	background-size:100% auto;
	width:100%;
	height:500px; 
	background-repeat:no-repeat; 
	xbackground-position:center;
	*/
	
	/*background-size:100%;
    position: absolute;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    background-repeat:no-repeat;*/
	
	width:100%;
	height:auto;
	min-width:600px;
	margin-bottom: -3px;
}


#portfolioTitle{
	font-size:25px;
	color:#fff; 
}

#portfolioSubTitle p{
	color: #f4f4f4;
	font-style: italic;
	font-weight:500;
	font-size:13px;
	margin-bottom:25px;
}

#portfolioDesc p{
	color:#fff; 
}

.imgFrame{
	background:url("../images/frames.png");
	height: 180px;
	xbackground-size: 180px;
	background-position:0px 0px;
}
.imgFrame:hover{
	background-position:180px 0px;
}

#stoneybrookFrame{
	background:url("../images/portfolio/gallery/stonybrook-1.jpg");
}
#hunFrame{
	background:url("../images/portfolio/gallery/hun-1.jpg");
	background-position: 100% -25px;
}


.subtleGrunge{
	background:url("../images/backgrounds/subtle_grunge.png");
}

#team {
	padding-top:50px;
}

#team  h2{
	margin-bottom:50px;
	margin-top:50px;
}
 
#team  ul li h2{
	margin-bottom:5px;
	margin-top:10px;
	font-size:20px;
	text-align:center;
	color:#b3972f;
}

#team  ul li h3{
	margin-bottom:20px;
	font-size:14px;
	xtext-decoration:italic;
	text-align:center;
	color: #777;
	font-style: italic;
	font-weight:500;
	height: 34px;
}

#team ul {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:880px;
}

#team ul li img{
	width:auto;
	margin-right: auto;
	margin-left: auto;
	display: block; 
	width: 200px;
}

#team ul li{
	width:250px;
	height:auto;
	display:inline-block;
	margin-bottom:50px;
	padding-right:20px;
	padding-left:20px;
}

#team p{
	color:#555;
	
}

.roundImg{
    border-radius: 100%;	
}
.linkedInButton{
	height:32px;
	width:32px;
	background-image:url('../images/linkedin.png');
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:15px;

}

.linkedInButton:hover{
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */ 
}

.teamPhoto{
	background-image: url('../images/team/teamPhoto.jpg');
	border-top:2px solid #f7d72e;
	border-bottom:2px solid #f7d72e;
	xheight:300px;
	background-repeat-x:no-repeat; 
	xbackground-position:center 0px;
	background-color:#a8987e;
	background-color:#867a64;
	background-color:#453d30;
	background-repeat:repeat-y;
}

#safety{
	margin-top:700px;
	padding-top:40px;
	background:#f4f4f4;
	background: url('../images/backgrounds/background-overlay.png');
	padding-bottom:30px;
}

#safety h2{
	color:#fff;
}
#safety p{
	color:#fff;
}

#aboutUs {
	padding-top:100px;
	padding-bottom:80px;
}

#aboutUs p{
	color: #555;
}

#aboutUs h2{
	margin-bottom:20px;
}

#coreValues{
	list-style-type: decimal;
	margin-left: 20px;
	margin-top: 5px;
}

#contact {
	padding-top:150px;
}


.outer_div{
	width:100%;
	position:relative;
}

.inner_div{
	width:900px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}


.wrapper{
	xtop:-200px;  /*leave this here otherwise the header will glitch*/
	xpadding-top:85px;
	xpadding-top:200px;
	z-index:2;
	xmargin-bottom:-200px;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}

#wrapper2{
	z-index:2;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}


#topLinks {
	position:relative;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#383838;
	text-shadow: 0px -1px 0px #ffffff;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:560px; 
	left:-30px;
	padding-bottom:20px;
	margin-top:10px;
}


.white-radial{
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #efeceb 93%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(93%,#efeceb)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#efeceb 93%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.left{
	width:535px;
	xmargin-left:10px;
	margin-right:auto;
	xmargin-left:auto;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.inner{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}


.outer{
	width:100%;
}

.rome{
	background-image: url('../images/backgrounds/city-rome-colosseum-paved-street-hd-wallpaper.jpg');
	border-top:2px solid #f7d72e;
	border-bottom:2px solid #f7d72e;
}


#footer_div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	xtop:20px;
	text-align:center;
	xmargin-bottom:20px;
	padding-bottom:20px;
	z-index:999;
	xbackground:#5a98bd;
}

#wrapper_div-bottom{
	border-bottom:1px solid #eab74d;
	width:528px;
	position:relative;
	left: 4px;
	
}


.overviewButton {
	-moz-box-shadow:inset 0px 1px 3px 0px #cbab33;
	-webkit-box-shadow:inset 0px 1px 3px 0px #cbab33;
	box-shadow:inset 0px 1px 3px 0px #cbab33;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b3972f), color-stop(1, #cbab33));
	background:-moz-linear-gradient(top, #b3972f 5%, #cbab33 100%);
	background:-webkit-linear-gradient(top, #b3972f 5%, #cbab33 100%);
	background:-o-linear-gradient(top, #b3972f 5%, #cbab33 100%);
	background:-ms-linear-gradient(top, #b3972f 5%, #cbab33 100%);
	background:linear-gradient(to bottom, #b3972f 5%, #cbab33 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3972f', endColorstr='#cbab33',GradientType=0);
	background-color:#b3972f;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #cbab33;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #cbab33;
	
	margin-left: auto;
	margin-right: auto; 
	display: block;
	width: 80px;
	text-align: center;
	margin-top: 20px;
	font-size:14px;
}
.overviewButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbab33), color-stop(1, #b3972f));
	background:-moz-linear-gradient(top, #cbab33 5%, #b3972f 100%);
	background:-webkit-linear-gradient(top, #cbab33 5%, #b3972f 100%);
	background:-o-linear-gradient(top, #cbab33 5%, #b3972f 100%);
	background:-ms-linear-gradient(top, #cbab33 5%, #b3972f 100%);
	background:linear-gradient(to bottom, #cbab33 5%, #b3972f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbab33', endColorstr='#b3972f',GradientType=0);
	background-color:#cbab33;
}
.overviewButton:active {
	position:relative;
	top:1px;
}

.signUpNow {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:12px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.signUpNow:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.signUpNow:active {
	position:relative;
	top:1px;
}

.sectionSetup{
	padding-top:50px;
	padding-bottom:30px;
	margin-bottom:8px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#sidebar{
	position:relative;
	width:280px;
	xbackground:#f4f4f4;
	xbackground:#aaa;
	background:#4b4b4b;
	padding:10px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:auto; 
	height:1906px; 
	z-index:900;
	padding-top:30px;
	padding-left:20px;
	xmargin-left:10px;
	float:right;
}	

#sidebar h2, h3, h4, p{
	
}

#map{
	float:right;
	margin-left:50px;
	margin-bottom: 50px;
}

#contactForm{
	float:right;
	margin-left:50px;
	margin-bottom: 50px;
}

.buttonHolder{
  margin:80px auto;
  width:400px;
}


.portButton{
	background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
	background-image: linear-gradient(top, #f4f1ee, #fff);
	border-radius: 50%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	float:left;
	height: 120px;
	width: 120px;			
	margin: 0 30px 30px 0;
	position: relative;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	
	xbackground-image:url("../images/portfolio/stoneybrook.png");
	background-size: 100px 100px;
    background-repeat: no-repeat;
	background-position:center;
}

.portButton:hover{
	xbackground-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
	xbackground-image: linear-gradient(top, #fff, #f4f1ee);
	xcolor:#0088cc;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .6), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.6);
	cursor:pointer;
}

.portButSoneybrook{
	background-image:url("../images/portfolio/stoneybrook.png");
}
.portButBrynMawr{
	background-image:url("../images/portfolio/bryn-mawr.png");
}
.portButHunSchool{
	background-image:url("../images/portfolio//hun-school.png");
}
.portButGrubBurger{
	background-image:url("../images/portfolio/grub-burger.png");
}

.portButton:after{
	color:#e9e6e4;
	content: "";
	display: block;
	font-size: 30px;
	height: 30px;
	text-decoration: none;
	text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
	position: absolute;
	width: 30px;
	
	
}


.portButton:active{
	xbackground-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
	xbackground-image: linear-gradient(top, #efedec, #f7f4f4);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
	
	background-position:10px 11px;
}

.portButton:active:after{
	color:#dbd2d2;
	text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
}

.imgRound{border-radius: 50%;}