@import url(http://fonts.googleapis.com/css?family=Open+Sans);

* 
{
	font-family:'Lato';
	text-decoration: none;
}

.center 
{
	text-align:center;
}

.align-left
{
	text-align:left !important;
}

.clear 
{
	clear:both;
}

.float-right 
{
	float: right;
}

.float-left 
{
	float:left;
}


/* * * * * * * Menu Styles * * * * * * */

#menu-banner
{
	margin:50px 0 0 0;
	background-color:#00aeef;
}

#menu-banner .menu-link 
{
	display:inline-block;
	width:180px;
	text-align:center;
	text-decoration:none;
	padding:12px 0 13px 0;
	float:right;
	cursor: pointer;
}

#menu-banner .menu-link:hover 
{
	background:#00aeef;
}

#menu-banner h1
{
	color:#ffffff;
	margin:30px 0 0 0;
	display:inline-block;
}

#menu-banner .menu-link div 
{
	background:url(../../../images/about/about_menu_sprite.png) no-repeat;
	height:20px;
	width:20px;
	display:inline-block;
}

#menu-banner .menu-link.contactus div 
{
	width:69px;
	height:55px;
	background-position:-188px 0;
}

#menu-banner .menu-link.ourproducts div 
{
	width:36px;
	height:55px;
	background-position:-148px 0;
}

#menu-banner .menu-link.insidelook div 
{
	width:34px;
	height:55px;
	background-position:-110px 0;
}

#menu-banner .menu-link.workwithus div 
{
	width:49px;
	height:55px;
	background-position:-56px 0;
}

#menu-banner .menu-link.aboutus div 
{
	width:50px;
	height:55px;
	background-position:0 0;
}

#menu-banner .menu-link img 
{
	display:inline-block;
}

#menu-banner .menu-link span 
{
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	line-height:14px;
}

#menu-banner .link-divider 
{
	border-left:solid #bebebe 1px;
	border-right:solid #ffffff 1px;
	height:63px;
	float:right;
	margin-top:17px;
}

.clicked 
{
	background-color: #ececec !important;
}

/* ^ ^ ^ ^ ^ ^ Menu Styles ^ ^ ^ ^ ^ ^ */

/* * * * * * * Team Section * * * * * * */
/* * * * * * * Left Section * * * * * * */

#team-section
{
	display:block;
}

#left-section
{
	margin:100px 0 0 0;
}

#left-section a
{
	display:block;
	cursor:pointer;
	font-size:18px;
	border-top:solid 1px #bebebe;
	background-color:#f5f5f5;
	padding:10px 20px 10px 20px;
	margin:0 0 0 0;
	text-decoration: none;
	color:#666666;
}

#left-section a:hover
{
	background-color:#ececec;
}

.border-last
{
	border-bottom:solid 1px #bebebe;
}

/* ^ ^ ^ ^ ^ ^ Left Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Right Section * * * * * * */

.all-sections
{
	margin-top: 90px;
}

#right-section h1
{
	font-size: 37px;
	font-weight: 300;
	color: #666;
	text-transform: uppercase;
}

#team-section div.portrait-images div
{
	display:block;
	float:left;
	width:182px;
	height:182px;
	margin:0 3.2px 3.2px 0;
}

.green-box
{
	background-color:#8ac53e;
}

.navy-box
{
	background-color:#1570a6;
}

.blue-box
{
	background-color:#009ee0;
}

/* * * * * * * Portrait Section * * * * * */

.medium-tile
{
	width: 182px;
	height: 182px;
	overflow: hidden;	
}

.tile-details, #tile-shown
{
	display: block;
	width: 182px;
	height: 182px;
	overflow: hidden;
}
/* ^ ^ ^ ^ ^ ^ Portrait Section ^ ^ ^ ^ ^ */
/* ^ ^ ^ ^ ^ ^ Right Section ^ ^ ^ ^ ^ ^ */
/* ^ ^ ^ ^ ^ ^ Team Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Company Section * * * * * * */

.about-content
{
	width:840px;
	font-size:18px;
	line-height:25px;
}

/* ^ ^ ^ ^ ^ ^ Company Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Timeline Section * * * * * * */

#timeline-section
{
	position: relative;
	top: -21px;
}

#timeline-section h1
{
	color: #00c2a9;
	margin-left: 604px;
	position: relative;
	left: -340px;
	font-weight: 300;
}

div.start-date
{
	position: relative;
	top: -28px;
	left: -201px;
	font-size: 37px;
	color: #666;
}

#timeline
{
	background:url(../../../images/about/v_line.png) repeat-y;
	background-position: 430px 0px

}

#timeline p
{
	font-size:18px;
	width:300px;
}

#timeline h4
{
	display:inline-block;
	font-size:28px;
}

.even-year
{
	float: right;
	position: relative;
	right: 400px;
	border-top: solid 4px #666 !important;
	padding-top: 15px;
	margin: 6px 0 0 0;
}

.odd-year
{
	float: left;
	margin: 60px 0 60px 0;
	position: relative;
	left: 340px;
	border-top: solid 4px #00c2a9;
	padding-top: 21px;
}

.even-year-content
{
	float: left;
	position: relative;
	left: 118px;
	border-top: solid 4px #666 !important;
	padding-top: 15px;
	margin: 6px 0 0 0;
}

.even-year-content p
{
	margin-right:54px !important;
}

.odd-year-content
{
	float: right;
	margin: 60px 0 60px 0;
	position: relative;
	right: 178px;
	border-top: solid 4px #00c2a9 !important;
	padding-top: 15px;
}

.odd-year-content p
{
	margin-left:54px !important;
}

/* ^ ^ ^ ^ ^ ^ Timeline Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Values Section * * * * * * */



/* ^ ^ ^ ^ ^ ^ Values Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Culture Section * * * * * * */



/* ^ ^ ^ ^ ^ ^ Culture Section ^ ^ ^ ^ ^ ^ */

/* * * * * * * Pop Quiz Section * * * * * * */



/* ^ ^ ^ ^ ^ ^ Pop Quiz Section ^ ^ ^ ^ ^ ^ */

/* * * * box layout styles * * * */

#box-links-wrap
{
	float:right;
	width:1047px;
	height:100px;
	margin-right:-10px;
}

.box-links-image
{
	background:url(../../../images/about/about_menu_sprite.png) no-repeat;
	float: left;
	width: 51px;
	height: 60px;
	margin: 16px 14px 0 17px;
}

.courseware
{
	background-position:0 0;
}

.elearning
{
	background-position: -55px 0;
	width: 50px;
}

.blended
{
	background-position: -109px 0;
	width: 33px;
}

.custom
{
	background-position: -146px 0;
	width: 38px;
}

a.box-links
{
	display:inline-block;
	width:245px;
	height:100px;
	color:#ffffff;
	font-size:12px;
	margin-right:15px;
}

a.box-links:hover
{
	color:#ffffff;
}

a.green
{
	background-color:#8ac53e;
}

a.light-blue
{
	background-color:#00a89c;
}

a.dark-blue
{
	background-color:#0072c6;
}

a.purple
{
	background-color:#68217a;
}

span.content
{
	display:block;
	width:230px;
	height:0;
	margin:0;
	padding:0;
}

a.box-links strong
{
	display:inline-block;
	font-size:18px;
	margin-top:18px;
}

.last-link
{
	margin-right:0 !important;
}

/* ^ ^ ^ box layout styles ^ ^ ^ */