@charset "utf-8";
/* CSS Document */

/* defined in style.css
#header {
	margin: auto;
	padding: 0;
	height: 140px;
	width: 960px;
}
*/
#logo	{
	position:	absolute;
	top: 		40px;
	margin-left:	32px;

	width:	275px;
	height:	50px;
}

#topnav	{
	float: right;
	text-align:right;

	width:	475px;
	height:	40px;
	
	margin:	65px 32px 0 0;
}

#content_cs	{
	width:	880px;
	margin: auto;
}

#content p	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	line-height: 19px;
	color: #555555;
}



/* START SPRITES */

/* start award preso sprites */
#sprite1 {
    width: 110px; 
    height: 86px;
    background: url(http://apolloideas.com/images/about/spritesh.png);
    margin: 0 20px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite1 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite1 li, #sprite1 a {
    height: 86px; display: block;
}

#panel1a {
	left: 0px; width: 110px;
}

#panel1a a:hover {
    background: transparent url(http://apolloideas.com/images/about/spritesh.png) 0 -182px no-repeat;
}

/* */

#sprite2 {
    width: 110px; 
    height: 86px;
    background: url(http://apolloideas.com/images/about/spriteth.png);
    margin: 0 20px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite2 li, #sprite2 a {
    height: 86px; display: block;
}

#panel1b {
	left: 0px; width: 110px;
}

#panel1b a:hover {
    background: transparent url(http://apolloideas.com/images/about/spriteth.png) 0 -182px no-repeat;
}

/* */

#sprite3 {
    width: 110px; 
    height: 86px;
    background: url(http://apolloideas.com/images/about/spritezen.png);
    margin: 0 20px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite3 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite3 li, #sprite3 a {
    height: 86px; display: block;
}

#panel1c {
	left: 0px; width: 110px;
}

#panel1c a:hover {
    background: transparent url(http://apolloideas.com/images/about/spritezen.png) 0 -182px no-repeat;
}
/* end award preso sprites */

/* start "follow on" sprites */
#sprite2a {
    width: 62px; 
    height: 80px;
    background: url(http://apolloideas.com/images/contact/spritefb.png);
    margin: 0 6px 0 22px; padding: 0;
    position: relative;
    float: left
}

#sprite2a li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite2a li, #sprite2a a {
    height: 80px; display: block;
}

#panel2a {
	left: 0px; width: 62px;
}

#panel2a a:hover {
    background: transparent url(http://apolloideas.com/images/contact/spritefb.png) -132px 0 no-repeat;
}

#panel2a a:active {
    background: transparent url(http://apolloideas.com/images/contact/spritefb.png) -264px 0 no-repeat;
}


/* */

#sprite2b {
    width: 62px; 
    height: 80px;
    background: url(http://apolloideas.com/images/contact/spritetwit.png);
    margin: 0 6px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite2b li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite2b li, #sprite2b a {
    height: 80px; display: block;
}

#panel2b {
	left: 0px; width: 62px;
}

#panel2b a:hover {
    background: transparent url(http://apolloideas.com/images/contact/spritetwit.png) -132px 0 no-repeat;
}

#panel2b a:active {
    background: transparent url(http://apolloideas.com/images/contact/spritetwit.png) -264px 0 no-repeat;
}

/* */

#sprite2c {
    width: 62px; 
    height: 80px;
    background: url(http://apolloideas.com/images/contact/spriterss.png);
    margin: 0 6px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite2c li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite2c li, #sprite2c a {
    height: 80px; display: block;
}

#panel2c {
	left: 0px; width: 62px;
}

#panel2c a:hover {
    background: transparent url(http://apolloideas.com/images/contact/spriterss.png) -132px 0 no-repeat;
}

#panel2c a:active {
    background: transparent url(http://apolloideas.com/images/contact/spriterss.png) -264px 0 no-repeat;
}

/* */

#sprite2d {
    width: 62px; 
    height: 80px;
    background: url(http://apolloideas.com/images/contact/spritesshare.png);
    margin: 0 6px 0 0; padding: 0;
    position: relative;
    float: left
}

#sprite2d li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#sprite2d li, #sprite2d a {
    height: 80px; display: block;
}

#panel2d {
	left: 0px; width: 62px;
}

#panel2d a:hover {
    background: transparent url(http://apolloideas.com/images/contact/spritesshare.png) -132px 0 no-repeat;
}

#panel2d a:active {
    background: transparent url(http://apolloideas.com/images/contact/spritesshare.png) -264px 0 no-repeat;
}
/* end "follow on" sprites */

/* start logo sprite */
#spritelogo {
    width: 61px; 
    height: 61px;
    background: url(http://apolloideas.com/images/main/spriteapollo.png);
    margin: 0 8px 0 0; padding: 0;
    position: relative;
    float: left
}

#spritelogo li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#spritelogo li, #spritelogo a {
    height: 61px; display: block;
}

#panellogo {
	left: 0px; width: 61px;
}

#panellogo a:hover {
    background: transparent url(http://apolloideas.com/images/main/spriteapollo.png)  0 -126px no-repeat;
}

/*#panellogo a:active {
    background: transparent url(http://apolloideas.com/images/main/spriteapollo.png) -300px 0 no-repeat;}*/
/* end logo sprite */

/* start overview sprite */
#spriteov {
    width: 150px; 
    height: 180px;
    background: url(http://apolloideas.com/images/contact/spriteov.png);
    margin: 0 0 0 0; padding: 0;
    position: relative;
    float: left
}

#spriteov li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    float: left
}

#spriteov li, #spriteov a {
    height: 180px; display: block;
}

#panelov {
	left: 0px; width: 150px;
}

#panelov a:hover {
    background: transparent url(http://apolloideas.com/images/contact/spriteov.png)  0 -360px no-repeat;
}
/* end overview sprite */

/* END SPRITES */

	
.content_headline	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	24px;
	text-align:	center;
	color: #151515;
	margin-top: 22px;
}

.content_headline2	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	24px;
	text-align:	center;
	color: #151515;
}

.content_headline3	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	24px;
	text-align:	center;
	color: #222222;
}

.content_subhead	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	15px;
	text-align:	center;
	color: #555555;
}

.slideshow	{
	width:	840px;
	height:	450px;
	margin:	auto;
	background: url('images/ss_background.png') no-repeat;
	text-align: center;
	padding-top: 25px;
}

.slideshow_ba	{
	width:	840px;
	height:	450px;
	margin:	auto;
	background: url('images/ba_background.png') no-repeat;
	text-align: center;
	padding-top: 25px;
}

.slideshow_award	{
	width:	840px;
	
	margin:	auto;
	background: url('images/ba_background.png') no-repeat;
	text-align: center;
	padding-top: 25px;
}

.slide	{
	width:	795px;
	height:	400px;
	margin:	auto;
	
	text-align:	center;
}

.control_bar	{
	height:	40px;
	margin:	auto;
	margin-top:	5px;
	margin-bottom:	20px;
	
	text-align:	center;
}

.button	{
	width:	18px;
	height:	22px;
	margin: auto;
	
	margin:	3px 4px 3px 4px;
	
	display:inline;
	text-align: center;
}

.disclaimer	{
	font-size:	11px;
	color:		#818181;
	text-align: center;
}

.quote	{
	color:	#333333;
	font-size:	13px;
	line-height:	18px;
	text-align: left;
}

.quote_med	{
	color:	#333333;
	font-size:	16px;
	line-height:	22px;
}

.quote_lg	{
	color:	#333333;
	font-size:	18px;
	line-height:	24px;
	text-align: left;
}	

.quote_cite	{
	color:	#666666;
	font-size:	12px;
	line-height: 13px;
}	
	
.headline2	{
	color: #222222;
	font-size: 21px;
}

.headline3	{
	color: #222222;
	font-size: 18px;
	line-height: 23px;
	text-align: left;
}

.headline4	{
	color: #222222;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

.headline5	{
	color: #666666;
	font-size: 17px;
	line-height: 24px;
	text-align: left;
}


.content_started  {
	width:	540px;
	padding-left: 20px;
	
	float:	left;
	margin: auto;
	
	color: #555555;	
}

.content_thirds	{
	width:	250px;
	padding-left:40px;
	
	float:	left;
	margin: auto;
	
	color: #555555;	
}

.content_sbsleft {
	width:	200px;
	padding-left: 40px;
	
	float:	left;
	margin: auto;
	
	color: #333333;
	line-height: 10px;
}

.content_sbsright {
	width:	190px;
	padding-left:20px;
	
	float:	left;
	margin: auto;
	
	color: #333333;
	line-height: 10px;
}

.content_sbsleft_image {
	width:	180px;
	padding-left:0px;
	
	float:	left;
	margin: auto;
}

.content_sbsright_image {
	width:	180px;
	padding-left: 10px;
	
	float:	left;
	margin: auto;
}

.thirds	{
	width:	280px;
	
	font-size:	14px;
	color: #555555;
	float:	left;
	margin: auto;
	text-align:	center;
}

.thirds-contact	{
	width:	310px;
	
	font-size:	14px;
	color: #555555;
	float:	left;
	margin: auto;
	text-align:	center;
	margin: 0px auto;
}


.two_thirds	{
	width:	540px;
	float:	left;
	margin:	auto;
	text-align: center;
}

.content_thirds ul	{
	font-size:	13px;
	line-height:	25px;
}

.content_left	{
	width:	400px;
	padding-left: 10px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	line-height: 19px;
	
}

.content_left2	{
	width:	165px;
	padding-left: 0px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	line-height: 13px;
}

.content_left3	{
	width:	410px;
	padding-left: 0px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	12px;
	text-align: justify;
	color: #555555;
	line-height: 18px;
}

.content_left4	{
	width:	228px;
	padding-left: 0px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: left;
	color: #555555;
	line-height: 10px;
}


.content_left5	{
	width:	400px;
	padding-top: 23px;
	padding-left: 30px;
	padding-bottom: 40px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	
	
}

.content_right	{
	width:	400px;
	padding-right: 10px;
	float: right;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	line-height: 19px;
}

.content_right2	{
	width:	300px;
	float: right;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	line-height: 19px;
}

.content_right3	{
	width:	410px;
	padding-right: 10px;
	float: right;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	12px;
	text-align: justify;
	color: #555555;
	line-height: 18px;
}

.content_right4	{
	width:	400px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom:5px;
	float: right;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
}

.content_spread	{
	width:	860px;
	float: left;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size:	13px;
	text-align: justify;
	color: #555555;
	line-height: 19px;
	padding-left: 10px
	
}

.content_wide	{
	width:	860px;
	padding: 0px 0px 0px 0px;
	margin:	auto;
}

.content_breaker	{
	clear:	both;
	height:	75px;
	width: 880px;
}

.content_breaker2	{
	clear:	both;
	height:	45px;
	width: 880px;
}

.content_breaker3	{
	clear:	both;
	height:	20px;
	width: 880px;
}

.content_breaker4	{
	clear:	both;
	height:	55px;
	width: 880px;
}

.content_breaker5	{
	clear:	both;
	height:	25px;
	width: 880px;
}

.content_breaker6	{
	clear:	both;
	height:	35px;
	width: 400px;
}

.content_breaker7	{
	clear:	both;
	height:	30px;
	width: 400px;
}

.content_breaker8	{
	clear:	both;
	height:	35px;
	width: 880px;
}

.content_breaker9	{
	clear:	both;
	height:	60px;
	width: 880px;
}

.content_breaker10	{
	clear:	both;
	height:	10px;
	width: 300px;
}

.content_breaker11	{
	clear:	both;
	height:	5px;
	width: 960px;
}

.content_breaker_flat	{
	clear:	both;
	height:	15px;
	width: 880px;
}

.content_breaker_flat2	{
	clear:	both;
	height:	8px;
	width: 880px;
}


.topnav_btn {
	display:inline;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #454545;
	
	padding: 10px 10px 10px 27px;
}

.topnav_btn:hover	{
	color: #FF3300;
	text-decoration: none;
}

.topnav_active {
	display:inline;

	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	font-weight: bold;
	
	padding: 10px 10px 10px 27px;
}

.topnav_active:hover	{
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}


/* below the HR */

#subnav	{
	float: right;
	text-align:right;

	width:	880px;
	height:	40px;
	
	margin:	13px 32px 0 0;
}

.subnav_btn {
	display:inline;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #555555;
	
	padding: 10px 10px 10px 27px;
}

.subnav_active	{
	display:inline;
	
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	
	padding: 10px 10px 10px 27px;
}

.subnav_btn:hover	{
	color: #FF3300;
	text-decoration: none;
}

.vrule	{
	width:	13px;
	height:	150px;
	
	margin:	auto;
	float: left;
		
	background: url("images/vert_rule.png") no-repeat;
}

.footer_hrule	{
	width:	880px;
	height: 20px;
	margin:	auto;
	margin-bottom: 15px;
	
	background: url("images/fossa_bar.png") no-repeat;
}

.footer_hrule2	{
	width:	880px;
	height: 10px;
	margin:	auto;
	
	background: url("images/fossa_bar.png") no-repeat;
}

.footer_holder	{
	width: 850px;
	margin: auto;
}

.footer_menu	{
	width:	155px;
	padding-left: 15px;
	float: left;
	
	line-height: 1.75em;
}

.footer_headline	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555555;
}

.footer_headline:hover	{
	text-decoration: none;
	color: #818181;
}

.footer_link	{
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #818181;
}

.footer_link:hover	{
	text-decoration: none;
	color: #FF3300;
}

.footer_legal	{
	text-align: center;
	clear: both;
	
	color: #818181;
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:20px;
	
	padding-top:10px;
}

.footer_logo	{
	text-align: center;
	width: 61px;
	margin: 10px auto;
	clear: both;
	
	float: none;
}

.footer_legal a {
 	color: #818181;
	text-decoration: none;
}

.footer_legal a {
 	color: #818181;
	text-decoration: none;
}


/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none; clear: both;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}



/* FlexSlider Default Theme
*********************************/
.flexslider {background: #BBBBBB; border: 4px solid #AAAAAA; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;}

/* Control Nav */
.flex-control-nav {margin-left: -131px; position: absolute; bottom: -50px; left: 50%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}