/**** Base styles ****/
	
	
html {
background-color: #eb86ff;
}

body {
margin: 0px auto;
padding: 0px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: left;
}


.menu{
max-width: 1220px;
height:80px;
margin: 0px auto;
padding: 10px 0px 10px 0px; /* THAT'S THE NAME ;) */
background-color:white;	
}

.logo {
position: absolute;
margin-left: 20px;
margin-top: 10px;
width: 50px;
height:50px; 
z-index:25;
}

.menu_links{
margin-top: 60px;
margin-left:auto; 
margin-right:0;
padding: 0px 0px 0px 0px;
height: 30px;
width: 290px;
display: block; 

font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 10pt;
font-weight:500;
letter-spacing:1px;
text-align: right;
z-index:2;


}

.menu_links a {
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
margin-right: 14px;
}

.menu_links a:hover {
color: #ff0000; 
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.menu_links a:active {
color: #333333;
}


.content_wrapper{
max-width: 1220px;
margin: 0px auto;
background-color: #00ff49;
	
}

.layout{
max-width: 1200px;
margin: 0px 41px;	
}

.content {
width: 100%;
background-color: #ff35ee;
}

h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 32pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
margin-top: 0px;
margin-bottom: 10px;	
}

h2 {
height:18px;
padding: 5px 8px 5px 10px;
color: white;
background-color: black;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing:1.5px;
margin-top: 0px;
margin-bottom: 10px;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 32pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
margin-top: 0px;
margin-bottom: 10px;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21pt; 
color: #333333;
font-weight:normal;
font-style:italic;
line-height: 32pt;
margin-top: 0px;
margin-bottom: 10px;
}

h5 {
font-family: Georgia, "Times New Roman", Times, serif;
color: black;
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-style: italic;
margin-top: 0px;
margin-bottom: -3px;
}

.content p {
text-align: left;
font-size: 21pt;
font-weight: 200;
line-height: 28pt;
color: #333333;
}

.bullet_descrip ul{
list-style-type: none;
font-size: 12pt; 
line-height: 14pt;
font-weight: 400;
color: #333333;
margin-top: 0px;
padding-left: 0px;
}

.bullet_descrip li{
background-image: url('../img/structure/bullet.png');
background-repeat: no-repeat;
background-position: 0px 8px;
padding-left: 10px;
margin-bottom: 8px;
}

.headerline_above{
background-color:black;
height: 1px;
width: 100%;
background-repeat:repeat-y;
z-index:5;
margin-bottom: 10px;
}

.headerline_below{
background-color:black;
height: 1px;
width: 100%;
background-repeat:repeat-y;
z-index:5;
margin-top: 10px;
margin-bottom: 15px;
}


.values_descrip{
text-align: left;
font-size: 16pt;
font-weight: 200;
line-height: 20pt;
color: #333333;
}

.leadership_headshot{
float: left;
height: 250px;
}

.leadership_headshot a{
display: block;
color: #333333;
text-decoration: none;
transition: color 0.15s linear;
-webkit-transition: color 0.15s linear; /* Safari */
}

.leadership_headshot a:hover{
display: block;
color: #333333;
opacity: .25;
text-decoration: none;
transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out; /* Safari */
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
}

.headshot_image{
margin-bottom: 5px;	
}


p.headshot_descrip{
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
font-size: 8.5pt; 
line-height: 10pt;
font-weight:normal;
font-style:none;
margin-top: 5px;
margin-bottom:0px;			
}

.employee_headshot_cell{
position: relative;
padding: 0;
display:block;
float: left;
margin-right: 8px;
margin-bottom: 8px;	
}
 
.employee_headshot_cell a{
text-decoration: none;
}
  
.employee_bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 10;
-webkit-transition: opacity linear .1s;
-khtml-transition: opacity linear .1s;
-moz-transition: opacity linear .1s;
-ms-transition: opacity linear .1s;
-o-transition: opacity linear .1s;
transition: opacity linear .1s;
-webkit-user-select: none;
-webkit-touch-callout: none;
opacity: 0; 
}

.employee_bg:hover {
opacity: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none  
}

.employee_name {
padding-top: 10px;
padding-left: 10px;
padding-right: 10pt;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
font-size: 21px;
line-height: 15pt;
color:#ffffff;
text-align: left;

}

#slideshow {
position: absolute;
margin-left:0px;
margin-top: 0px;

z-index:20;
}

#slideshow IMG {
position: absolute;
top:0;
left:0;
width: 66%;z-index:99;
opacity:0.0;
}

#slideshow IMG.active {
    top:0;
    left:0;

    z-index:98;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:1;
}


.col1 { width: 89px; }
.col2 { width: 190px; }
.col3 { width: 291px; }
.col4 { width: 392px; }
.col5 { width: 493px; }
.col6 { width: 594px;}
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}


.row1 { height:89px; }
.row2 { height: 190px; }
.row3 { height: 291px; }
.row4 { height: 392px; }
.row5 { height: 493px; }
.row6 { height: 594px; }
.row7 { height: 695px;}
.row8 { height: 796px; }




.size1-1 {
	width: 89px;
	height: 89px;
}

.size2-1 {
	height: 190px;
	width: 89px;
}

.size3-1 {
	height: 291px;
	width: 89px;
}

.size4-1 {
	height: 392px;
	width: 89px;
}

.size5-1 {
	height: 493px;
	width: 89px;
}

.size6-1 {
	height: 594px;
	width: 89px;
}


.size1-2 {
	width: 89px;
	height: 190px;
}

.size2-2 {
	height: 190px;
	width: 190px;
}

.size3-2 {
	height: 291px;
	width: 190px;
}

.size4-2 {
	height: 392px;
	width: 190px;
}

.size5-2 {
	height: 493px;
	width: 190px;
}



.size6-4 {
	height: 392px;
	width: 594px;
}

.size4-4 {
	height: 190px;
	width: 190px;
}







.size12 {
	width: 160px;
	height: 320px;
}

.size21 {
	width: 320px;
	height: 160px;
}

.size22 {
	height: 320px;
	width: 320px;
}

.size13 {
	width: 160px;
	height: 480px;
}

.size31 {
	width: 480px;
	height: 160px;
}

.size23 {
	width: 320px;
	height: 480px;
}

.size24 {
	width: 320px;
	height: 640px;
}

.size32 {
	width: 480px;
	height: 320px;
}

.size33 {
	width: 480px;
	height: 480px;
}

.size34 {
	width: 480px;
	height: 640px;
}

.size43 {
	width: 640px;
	height: 480px;
}

.size35 {
	width: 480px;
	height: 800px;
}

.size53 {
	width: 800px;
	height: 480px;
}

.size36 {
	width: 480px;
	height: 960px;
}