/*

                                    ...IIIIIIIIIIIIIIIIII....                                       
                                 ..:IIIIII...   IIIIIIIIIIII?.                                      
                                .IIII:..      ..IIIIIIIIIIIIIII..                                   
                              .IIII..   ..IIIIIIIIIIIIIIIIIIIIIII.                                  
                             III+.   .IIIIII..... ..IIIIIIIIIIIIIII.                                
                          ..III.  ..IIII.               IIIIIIIIIIII..                              
                         .:II:   .III.                    .IIIIIIIIII?                              
                         .II.   III=.                       .IIIIIIIII+.                            
                        .II.. .III..                         .IIIIIIIII,                            
                        III. .III.                            .IIIIIIIII.                           
                      .?II   +II.    ..ZZZZZZZZZZZZZZZZZZZZZ.   IIIIIIIII.                          
                      .II,  .II:     .ZZZZZZZZZZZZIIIIIIIIII.   .IIIIIIII.                          
                      .II.  +II.    .ZZZZZZZZZ..                 IIIIIIII,                          
                      +II   III.    $ZZZZZZZZZ                   ?IIIIIIII                          
                      III   II+.    ZZZZZZZZZZZZZZZZZZZZZZZZ.    .IIIIIIII                          
                      III   II+.    ZZZZZZZZZZZZZZZZZZZZZZZZ.    .IIIIIIII                          
                      +II.  III.    ZZZZZZZZZZ                   +IIIIIIII                          
                      .II   ?II.    ZZZZZZZZZZ                   IIIIIIII:                          
                      .II.  .II,.   ZZZZZZZZZZ                  .IIIIIIII.                          
                      .III   III.   ZZZZZZZZZ$                  IIIIIIIII                           
                        II?. .III.                            .IIIIIIIII.                           
                        .II.. .III..                         .IIIIIIIII:                            
                         :II.   III,.                       .IIIIIIIIII.                            
                         .+II.   .III.                   ..IIIIIIIIII7                              
                          ..III.  .,IIII.               +IIIIIIIIIII,.                              
                            .III:   ..IIIII?.     ..~IIIIIIIIIIIIII..                               
                              .IIII..    ~IIIIIIIIIIIIIIIIIIIIIII.                                  
                                .IIII....       IIIIIIIIIIIIIII:.                                   
                                  .IIIIII?....  IIIIIIIIIIIII.                                      
                                     .,IIIIIIIIIIIIIIIIII~..                                        
                                        ......~?+=......                                            
                                                                                                    
 ...................          ..................  ................      ............  ........      
.ZZZZZZZZZZZ..ZZZZZ.        .$ZZZZZZZZZZI.7ZZZZZ...ZZZ  ZZZZZZZZZZZ.. .ZZZZZZZZZZZ: .$ZZZZZZZZZ...~:
ZZZZZ. .     .ZZZZZ.        ZZZZZ...       .ZZZZZZZZ.           .ZZZ..ZZZZZ..       ZZZZZ....ZZZ. =.
ZZZZZZZZZZZZ .ZZZZZ.        ZZZZZZZZZZZZI   .ZZZZZ:.    ZZZZZZZZZZZZ..ZZZZZZZZZZZZ  ZZZZZ.   IZZZ   
ZZZZZ.........ZZZZZ.        ZZZZZ........    ZZZZZZZ.   ..........ZZ..ZZZZZ....ZZZ+.ZZZZZ.   IZZZ   
ZZZZZ        .ZZZZZZZIIIII,.ZZZZZZZIIIII+..+ZZ$.ZZZZZ.. ZZZZZZZZZZZZ..ZZZZZZZZZZZZ  ZZZZZZZ7ZZZZ.   
IIIII           :IIIIIIIII,. .,IIIIIIIII+.III.   ZZZZZ7.IIIIIIIII:     .:IIIIII:.    .,IIIIII~..   

*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0px;
}
html, body {
	margin: 0px;
	padding: 0px;
/*	height: 100%;*/
}

.container {
	/*position: relative;
	margin: 0px auto;
	height: 100%;
	background: #393C0F;*/
}


body {
	background: #001c40 url('/public/images/mainBacker.png') repeat top center fixed;
	font-family: Georgia, sans-serif;
	font-size: 14px;
}
.container a {
	color: #4D8DE4;
	text-decoration: none;
}
.container a:hover {
	color: #4D8DE4;
	text-decoration: underline;
}
/*INSIDE PAGE STYLES */
#mainBody h2 {
	margin: 0px 0px 5px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #DD8420;
}

#mainBody ul {
	padding: 15px 0px 15px 30px;
}
#mainBody li {
	list-style: square;
}
#mainBody h3 {
	margin: 15px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #1B544D;
	text-transform: uppercase;
}
hr {
	border: none;
	border-top: 1px dotted #afbed6;
	height: 1px;
	width: 100%;
	margin: 20px 0px;
	background: #ffffff;
	border-collapse: collapse;
}

#mainBody .pagination {
	font-size: 15px;
}
#mainBody .pagination strong {
  background: #f8f8f8;
  border: 1px solid #ebebeb;
  padding: 2px 6px 6px 6px;
  margin: 0 2px 0 0;
  color: #000000;
  font-weight: bold;
}
#mainBody .pagination a {
  background: #f8f8f8;
  border: 1px solid #ebebeb;
  padding: 3px 6px 6px 6px;
  margin: 0 2px 0 0;
  text-decoration: none;
}
#mainBody .pagination a:hover {
  background: #ebebeb;
  border: 1px solid #c6c6c6;
}

/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */

#backImage{
	background: #393C0F url('/public/images/contentBacker.jpg') no-repeat top left;
}
#logo h1 a{
	display: block;
	text-indent: -99999px;
	background: transparent url('/public/images/bigLogo.png') no-repeat top left;
	width: 517px;
	height: 112px;
}
#quote a{
	display: block;
	text-indent: -99999px;
	background: transparent url('/public/images/requestQuote.png') no-repeat top right;
	height: 112px;
}
#nav{
	background: transparent url('/public/images/navBlanker.png') no-repeat top left;
}

#nav li {
	text-indent:-99999px;
	display:inline;
	float:left;
	height: 78px;
}
#nav li a {
	height: 78px;
}

/* BEGIN NAV */

#navAbout a{
	display: block;
	text-indent:-99999px;
	margin-left: 315px;
	width: 116px;
	background: transparent url('/public/images/navAbout.png') no-repeat top left;
	cursor: pointer;
}
#navServices a{
	display: block;
	text-indent:-99999px;
	width: 107px;
	background: transparent url('/public/images/navServices.png') no-repeat top left;
	cursor: pointer;
}
#navPort a{
	display: block;
	text-indent:-99999px;
	width: 107px;
	background: transparent url('/public/images/navPort.png') no-repeat top left;
	cursor: pointer;
}
#navClients a{
	display: block;
	text-indent:-99999px;
	width: 108px;
	background: transparent url('/public/images/navClients.png') no-repeat top left;
	cursor: pointer;
}
#navBlog a{
	display: block;
	text-indent:-99999px;
	width: 109px;
	background: transparent url('/public/images/navBlog.png') no-repeat top left;
	cursor: pointer;
}
#navContact a{
	display: block;
	text-indent:-99999px;
	width: 116px;
	background: transparent url('/public/images/navContact.png') no-repeat top left;
	cursor: pointer;
}
/* END NAV */
#mainContent{
	background: transparent url('/public/images/whiteBacker.png') repeat-y top left;
}
#mainBody{
	margin-top: 20px;
	padding-left: 32px;
	margin-left: 10px;
	padding-bottom: 35px;
	font-size: 15px;
	min-height: 800px;
	background: transparent url('/public/images/pilotBack.jpg') no-repeat bottom left;
}

blockquote {
	margin: 0 20px !important;
	font-style: italic !important;
}

#navContent{
	margin-top: 20px;
	padding-bottom: 35px;
}

#navContent h2 {
	margin: 0px 0px 5px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #DD8420;
}
#navContent h3 {
	margin: 15px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #1B544D;
}

#navContent ul {
	margin-left: 35px;
	color: #ABABAB;
}

#navContent li {


	list-style-type: square;
	margin-bottom: 3px;
}

#mainFeatured{
	background: transparent url('/public/images/hdrFeature.png') no-repeat top left;
	padding-left: 32px;
	color: #9c9696;
	margin-bottom: 35px;
	padding-top: 80px;
}
#featuredArchive{
	text-align:right;
	font-size: 11px;
	margin-bottom: 7px;
}
.featuredImage{
	border: 1px solid #9d9d9d;
	width: 540px;
	height: 385px;
	border-bottom: none;
	background: #333333;
}
.featuredCopy{
	font-size: 11px;
	border:1px solid #9d9d9d;
	background: #000000 url('/public/images/featuredBack.png') repeat-x top left;
	line-height: 135%;
	padding: 10px;
	width: 520px;
	height: 101px;
}
.featuredCopy h4{
	font-size: 14px;
	color: #ffffff;
	font-weight:bold;
	font-style:italic;
	line-height: 135%;
	margin-bottom: 3px;
}
.featuredCopy a,a:hover{
	color: #ffffff;	
}

#mainStrategic{
	margin-left: 32px;
	margin-bottom: 25px;
	text-indent:-99999px;
	background: transparent url('/public/images/hdrStrategic.png') no-repeat top center;
	height: 39px;
}
#mainPort{
	margin-left: 32px;
}

#mainPort div div {
	text-align: center;
}

#mainPort div div a {
	font-size: .78em;
	color: #748893;
	text-decoration: none;
}

#mainPort div div a:hover {
	color: #0B83BF;
}

#mainSitePilot{
	padding-top: 35px;
	padding-left: 22px;
	margin-left: 10px;
	background: transparent url('/public/images/pilotBack.jpg') no-repeat bottom left;
	line-height: 135%;
	font-size: 14px;
}
#mainSitePilot h2 a{
	display:block;
	text-indent: -99999px;
	width: 285px;
	height: 111px;
	background: transparent url('/public/images/hdrSitePilot.png') no-repeat top left;
}
#mainIntro {
	font-size: 20px;
	line-height: 125%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainWhat{
	margin-bottom: 40px;
}
#mainWhat h2{
	text-indent: -99999px;
	height: 59px;
	background: transparent url('/public/images/hdrWhat.png') no-repeat top left;
	margin-bottom: 8px;
}
#mainWhat ul{
	margin-top: 8px;
	margin-left: 20px;
}
#mainWhat li{
	margin-bottom: 8px;
	list-style: square outside url('/public/images/bullet.png');
	line-height: 110%;
}
#mainWhat li a{
	color: #000000;
}
#mainWho{
	margin-bottom: 40px;
}
#mainWho ul{
	margin-top: 8px;
}
#mainWho li{
	margin-bottom: 8px;
	vertical-align: middle;
}

#mainWho h2{
	text-indent: -99999px;
	height: 26px;
	background: transparent url('/public/images/hdrWork.png') no-repeat top left;
	margin-bottom: 8px;
}
#mainBlog{
}
.blogPost{
	margin-bottom: 10px;
        /*padding-left: 30px;*/
}
#mainBlog h2{
	text-indent: -99999px;
	height: 48px;
	background: transparent url('/public/images/hdrFlexAppeal.png') no-repeat top left;
	margin-bottom: 8px;
}
.blogDate{
	 font-style:italic; 
	 color: #A4ACAF; 
	 font-size: 10px;
}
.blogHeader{
	font-weight: bold; 
	font-size: 16px;
}
#bottomCap{
	height: 41px;
	background: transparent url('/public/images/capBottom.png') no-repeat top left;
}

#footer{
	color: #ffffff;
}
#footer a,a:hover{
	color: #b9c439;
}
#footerCapTop{
	height: 7px;
	background: transparent url('/public/images/footerCapTop.png') no-repeat top left;
	margin-top: 20px;
}
#footerCapMiddle{
	background: #576300;
}
#footerCapBottom{
	height: 7px;
	background: transparent url('/public/images/footerCapBottom.png') no-repeat top left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#address{
	margin-left: 15px;
	padding: 10px 0px;
	line-height:135%;
}
#address h4{
	color: #ffffff;
}
#contactHeader{
	background: transparent url('/public/images/hdrContact.png') no-repeat top right;
	width: 31px;
	margin: 10px 0px;
	height: 134px;
	text-indent: -99999px;
}
#contactForm{
	margin: 10px 0px;
}
.contactInput {
	background: transparent  url('/public/images/inputBacker.png') repeat top left;
	width: 263px;
	border: 1px solid #959F3B;
	margin-bottom: 3px;
	color: #ffffff;
	padding: 4px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}

#miniform input.error, #miniform textarea.error {
	border : 2px solid #e5ff00;
}

#miniform label.error {
	color: #e5ff00;
	padding-bottom: 5px;
}

#contactform input.error, #contactform textarea.error, #contactform select.error, #quoteform input.error, #quoteform textarea.error, #quoteform select.error {
	border : 2px solid #CF0000;
}

#contactform label.error, #quoteform label.error {
	color: #CF0000;
	padding-left: 5px;
}

.contactComment{
	background: transparent  url('/public/images/inputBacker.png') repeat top left;
	width: 263px;
	height: 75px;
	border: 1px solid #959F3B;
	color: #ffffff;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	overflow:hidden;
}
#contactArrow{
	position:absolute;
	/*margin: 142px 0px 0px 254px;*/
	margin: 125px 0px 0px 254px;
	z-index: 100;
}
#social{
	margin-bottom: 30px;
	padding-bottom: 30px;

}
#tagWrapper{
	margin-top: 20px;
	background: transparent url('/public/images/hdrTag.png') no-repeat top left;
	font-size: 14px;
	line-height: 135%;
}
#tagWrapper h2{
	text-indent:-99999px;
	display: block;
}
#tagCloud{
	padding-top: 50px;
}
#flexLogoSmall{
	margin-top: 40px;
	width: 311px;
	height: 59px;
	text-indent: -99999px;
	background: transparent url('/public/images/logoSmall.png') no-repeat top left;
}
#flexAppealInside a{
	width: 250px;
        height: 41px;
        display: block;
        text-indent: -99999px;
        background: transparent url('/public/images/hdrFlexAppeal_internal.png') no-repeat top left;
}
input, textarea, select {
	font-family: Georgia, sans-serif;
}

.continue_reading {
	text-align: right;
	font-size: 11px;
	color: #487C55;
}

.info {
	font-size: 11px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.blogHomePage {
	font-size: 12px;
}

#slider {
	float:left;
	display:inline;
	padding: 0px;
	width: 542px;
	height: 488px;
	margin: 0;
}

#slider ul {position:relative; width:540px; height:385px; list-style-type:none; padding:0px; margin:0px; overflow:hidden;}

#slider ul li {float:left; display:inline; height:385px; width:270px; line-height:385px; margin:0px; overflow:hidden; padding:0px;}
#slider ul li a {float:left; display:inline; height:385px; width:270px; }
#slider ul li a:hover, a:active {background-color:transparent;}
#slider ul li img {margin-top:385px;}
#slider ul li.act img {margin-top:0;}


/* PORTFOLIO CSS */
#mainPortfolio td{
	padding: 10px 10px 20px 10px;
	text-align: center;
	font-weight: bold;
	font-size: .78em;
}

#mainPortfolio td:hover{
	padding: 10px 10px 20px 10px;
	background: transparent url('/public/images/portBack.png') no-repeat center center;
}

#mainPortfolio td img {
	padding-top: 10px;
}

#mainPortfolio a {
	text-decoration:none;
	color: #2F2F2F;
}

#mainPortfolio a:hover {
	
}

.plusPort{
	width: 19px; 
	height: 18px; 
	position:absolute; 
	margin: 106px 1px 1px 144px; 
	display: none;
}
#detailBack{
	float: left;
	margin-right: 305px;
}
#detailBack a {
	width: 156px;
	height: 13px;
	display: block;
	text-indent: -9999em;
	background: transparent url('/public/images/portDetailBack.png') no-repeat top left;
}
#detailPrev {
	float:left;
}

#detailPrev a {
	width: 72px;
	height: 13px;
	display:block;
	text-indent: -99999px;
	background:transparent url('/public/images/portPrev.png') no-repeat top left;
	margin: 0 15px;

}
#detailNext {
	float: left;
}

#detailNext a {
	width: 42px;
	height: 13px;
	display:block;
	text-indent: -99999px;
	background:transparent url('/public/images/portNext.png') no-repeat top left;
	margin: 0;
}
#detailWrapper {
	line-height: 135%;
}
#detailName {
	float: left;
	margin: 10px 0 10px 0;
	width: 609px;
}
#detailName h3 {
	float: left;
	font-size: 24px;
	color: #3a735e;
	height: 24px;
}

#detailNumbers {
	float: left;
	width: 61px;
}

#detailNumbers ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}

#detailNumbers li {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#detailNumbers img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

#detailNumbers .activeSlide img {
	opacity:1;
	filter:alpha(opacity=100);
}

#detailWrapper {
	float: left;
	width: 548px;
	overflow:hidden;
}
#detailPic {
	width: 548px;
	float: left;
	padding-bottom: 15px;
}

#detailPic img {
	border: 1px solid #B7B7B9;
}

#detailContent {
	width: 546px;
	float: left;
}
#detailDid {
	float: left;
	line-height: 135%;
	width: 170px;
}
#detailDid h4 {
	display:block;
	text-indent: -99999px;
	background: transparent url('/public/images/portWhatWeDid.png') no-repeat top left;
	width: 105px;
	height: 13px;
	margin: 0;
}
#detailDid ul {
	margin: 0px;
	
}
#detailDid li {
	line-height: 135%;
	margin-bottom: 7px;
	list-style-image: url('/public/images/gearBullet.gif');
	margin-left: -5px;
}
#detailText {
	float: left;
	width: 376px;
}
#detailText a {
	color:#ff6000;
}

/* Blog */
#blog{
	margin-top: 20px;
	padding-bottom: 35px;
	font-size: 15px;
}

#blog h1{
	float: left;
	font-size: 24px;
	color: #3a735e;
}
#blog h2{
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 5px;
}

.blogPostWrapper {
	margin-bottom: 35px;
}

.blogPostDate{
	background: transparent url('/public/images/blogDateBacker.png') no-repeat top left;
	height: 90px;
	line-height: 100%;
}
.blogPostMonth{
	font-weight:bold;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform:uppercase;
	width: 45px;
	text-align:center;
	margin: 13px 0 0 5px;
	.margin: 13px 0 0 7px;
	color: #717170;	
	line-height:100%;

}
.blogPostDay{
	font-weight:bold;
	font-size: 34px;
	width: 45px;
	text-align:center;
	margin: -8px 0 9px 5px;
	.margin: -8px 0 9px 7px;
	color: #717170;
	letter-spacing: -.1em;
	padding: 1px 0;
	line-height:100%;
}
.blogPostYear{
	font-weight:bold;
	font-size: 12px;
	width: 45px;
	text-align:center;
	margin: -9px 0 0 5px;
	.margin: -9px 0 0 7px;
	color: #717170;
	line-height:100%;

}
.blogPostTags{
	font-size:11px;
	margin-top: 15px;
	font-weight:bold;
}
.blogAddThis{
	margin-top: 15px;
	padding-top: 5px;
}
.blogRSS{
}
.blogRSS a {
	margin: 20px 0 0 0;
	width:49px;
	height: 16px;
	display:block;
	text-indent: -99999px;
	background: transparent url('/public/images/RSSfeed.png') no-repeat top left;
	cursor: pointer;
}
.blogPerma a {
	margin: 23px 0 0 0;
	width:86px;
	height: 12px;
	display:block;
	text-indent: -99999px;
	background: transparent url('/public/images/permalink.png') no-repeat 3px 0px ;
	cursor: pointer;
}

.blogPostPost p {
	margin: 0;
	line-height: 21px;
}
#socialIcons {
	position:absolute;
	margin-top: 275px;
	margin-left: 58px;
}
#socialIcons li{
	display:inline;
	margin-right: 25px;
	float:left;
}

#twitterIcon a{
	text-indent: -99999px;
	display:block;
	width: 137px;
	height: 47px;
	background: transparent url('/public/images/flexTwitter.png') no-repeat top left;
}
#facebookIcon a{
	text-indent: -99999px;
	display:block;
	width: 125px;
	height: 44px;
	background: transparent url('/public/images/flexFacebook.png') no-repeat top left;
}