/*--css reset--*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
	 
fieldset,img {  
	border:0; 
} 
	
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 

ol,ul { 
	list-style:none; 
} 

caption,th { 
	text-align:left; 
} 
	
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
}

a:focus, object:focus {
    outline: none;
    /*-moz-outline-style: none;*/
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*--end--*/
html { background: url(../images/bg.gif) repeat-x top #000 }

body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #898989;
	
}

p { font-family: Helvetica Neue LT Std, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;margin-bottom:10px  }
h1 { padding-bottom:6px; font-size: 19px; color: #fff }
h2 { padding:2px 0 0 0; font-size: 14px; color: #fff }
h3 { padding-bottom:10px; font-size: 13px; color: #fff; font-weight: bold; }
a:active {outline: none;}
/*a:focus {-moz-outline-style: none;}*/
a, a:visited { text-decoration: none; color: #fff; }
a:hover {text-decoration: underline }

iframe { border: none; }

.homeBg { background: url(../images/homebg.jpg) no-repeat top center; }
.container { width: 960px; margin: auto; position: relative; }

.header { height: 125px; position:relative }
.headerLogo { float: left; margin: 29px 53px 34px 0  }

.headerNav { width: 370px; float: left; margin-left: 97px; }
.headerNav ul { list-style: none; float: left; display: inline }
.headerNav li { float: left; margin: 50px 25px 0 0 }
.headerNav li.headerNavLast { float: left; margin: 50px 0 0 0 }
.headerNav a, .headerNav a:visited { color: #bebebe }
.headerNav a:hover { color: #fff; text-decoration: none }

.breadcrumb { float: left; color: #545454; margin: 20px 0 0 0; }
.breadcrumb p { font-size: 12px } 
.breadcrumb a { color: #545454; }
.breadcrumb .active { color: #b7b7b7 }

.dropdown {  width: 240px; position:absolute; top:83px; right:140px;font-size: 11px ; height: 10px; font-size: 9px;z-index: 100; }
.dropdownB { float: left; color: #545454; margin: 20px 10px 0 0; background: url(../images/dropdownB.gif) no-repeat right top; height: 30px;padding-right: 20px} 
.dropdownA { color: #eee; background: url(../images/dropdownA.gif) no-repeat left top;height: 20px; padding: 4px 10px 5px  }
.listbutton { margin: 0px 0 0 5px}

.headerRight { float: right; width: 235px;position: absolute; top: 0; right: 5px }
.downloadFlex { float: right; margin: 0 18px 0 0  }
.searchbox {  width: 90px; padding: 5px 10px 5px 10px; float: right; background: url(../images/searchBox.gif) no-repeat left ; margin: 24px 20px 0 0; border: none }

.flashNav { float:left; font-weight:200; margin:0 auto 95px;}
.flashNav ul { list-style: none; float: left; display: inline }
.flashNav li { float: left; margin: 60px 0 0 100px  }
.flashNav li.first {float: left; margin: 60px 0 0 55px }
.flashNav li.last {float: left; margin: 60px 0 0 135px }
.flashNav a, .flashNav a:visited { color: #bebebe; font-size: 22px }
.flashNav a:hover { color: #fff; text-decoration: none }

.featuredProjectHome { width: 720px; float:left }
.green { color: #a5f000 }
.gray { color: #a6a6a6 }

.featuredContentHome { width: 405px;float: right; padding: 5px 35px 10px 5px }
.featuredThumb { float: left }
.quote { font-size: 14px; color: #a6a6a6; margin-bottom: 7px }
.quote:before { content: open-quote; font-size: 150%;color: #fff; margin: 0 15px -5px 0 }
.quote:after { content: close-quote;font-size: 150%;color: #fff; margin: 0 0 -5px 15px }
.fontSize12 { font-size: 12px; }

.flexNews { width: 240px; float:right; position: relative;margin-bottom: 35px  }
.flexNewsSubpage { width: 240px; float:right; position: relative;margin: 35px 0 }
.orange { color: #f07c33 }
.rss { position:absolute; top: 0; right: 0}
.flexNewsSubpage p { font-size: 11px; line-height: 14px; margin: 0 0 5px 0}
.flexNews p { font-size: 11px; line-height: 14px; margin: 0 0 5px 0}
.miscNews { margin-top: 45px}

.subpageArticle { width: 550px; float: left; padding: 0 50px 0 0; margin-left: 100px; _margin-left: 50px }
.subpageArticle h1 { font-size: 32px; font-weight:100 }
.subpageArticle h2 { font-size: 16px; margin: 10px 0 30px 0 } 
.subpageArticle p { font-family: Helvetica Neue LT Std, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px }
.imagePlaceholder { margin-top: 35px }
.subpageGetStarted p { font-family: Helvetica Neue LT Std, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px }

.starRatingContainer { position:absolute; left: 5px; top: 5px; width: 64px; }
.starB { background:url(../images/starsB.gif) no-repeat left; height: 18px; margin-top: 5px }
.star4 { background:url(../images/starsA.gif) no-repeat left; height: 18px; width: 100% }
.star3 { background:url(../images/starsA.gif) no-repeat left; height: 18px; width: 73% }
.star2 { background:url(../images/starsA.gif) no-repeat left; height: 18px; width: 48% }
.star1 { background:url(../images/starsA.gif) no-repeat left; height: 18px; width: 22% }

.prevNext { position:absolute; left: 438px; top: 5px; width: 125px; }
.prevNext img { margin-right: 20px }

#caseStudies { width: 820px; margin-left: auto; margin-right: auto; display: block; }
.caseStudy_img { margin: 20px 0; text-align: center; }
.caseStudy_title { margin-bottom: 20px; font-size: 17px; color: #ffffff; }
.caseStudy_desc { margin-bottom: 5px; font-size: 12px; color: #727375; }

.featuredProjectContainer { width: 860px; position: relative; padding: 0 0 0 100px; float:left; height: 620px }
.featuredProject { width: 860px; position: relative; padding: 0 0 0 100px; background: url(../images/featuredSample.jpg) no-repeat right top; float:left; height: 620px }
.featuredInfo { width: 290px; float: left }
.featuredInfo h1 { font-size: 34px; font-weight:100; margin-bottom: 20px }
.featuredInfo h2 { font-size: 14px;margin-bottom: 20px; color: #898989;   }
.featuredVideo { height: 289px; width: 377px; float: right; margin: 52px 50px 0 0  }
.featuredVideo { height: 551px; width: 407px; float: right; margin: 52px 50px 0 0  }

.startContainer {  width: 960px; position: relative; padding: 0; float:left; height: 620px }
.startContainer h1 { font-size: 28px; font-weight:100; margin-left: 100px }
.coverFlow { width: 960px; float: left }
.buttonsContainer { position:relative; float: left; width: 960px; height: 30px; margin-top: 40px }
.dropdown2 {  width: 240px; position:absolute; top:0; right:40px;font-size: 11px ; height: 10px; font-size: 9px;z-index: 100; }
.pages { width: 100px; margin:auto }

/*.flashContainer {  width: 960px; position: relative; padding: 0; float:left; }*/
.flashContainer {  width: 1000px;height: 670px; position: relative; padding: 0; float:left; }

.divider { background: url(../images/divider.gif) no-repeat top center ; clear:both; height:12px }

.homeDesc { width: 820px; margin: 20px auto 20px auto; }

.miscText { width: 280px; float:left; margin: 0 0 0 35px }
.miscText h2 { padding: 10px 0 15px 0; }

.footer { font-size: 11px; width: 490px; margin:40px auto 0 ;text-align: center;}
.footer ul { list-style: none; float: left; display: inline }
.footer li { float: left; margin: 50px 0 0 0;padding: 0 10px; background: url(../images/vdivider.gif) no-repeat right  }
.footer li.last { float: left; margin: 50px 0 0 0;padding: 0 10px; background: none }
.footer a, .headerNav a:visited { color: #bebebe }
.footer a:hover { color: #fff; text-decoration: none }


.copyright { font-size: 10px; width: 580px; margin: 10px auto auto; text-align: center; color: #525252  }
.copyright p { line-height: 12px}
.copyright a { color: #525252; text-decoration: underline;   }

.downloadButton { width: 121px; height: 57px;background: url(../images/downloadFlex.gif) no-repeat; position: relative; padding: 0;}
.downloadButton  a { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 57px; background: url(../images/downloadFlex.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.dButton a { left: 0; width: 121px; background-position: 0 0; }
.dButton a:hover { background-position:  0 -57px;}


.launchButton { width: 69px; height: 23px;background: url(../images/launch.gif) no-repeat; position: relative; padding: 0;}
.launchButton  a { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 23px; background: url(../images/launch.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.LButton a { left: 0; width: 69px; background-position: 0 0; }
.LButton a:hover { background-position:  0 -23px;}