@charset "utf-8";
/* CSS Document */
*{
	font-family: Arial, Helvetica, sans-serif;	
}
body{
	background-color:#505F67;
	background-image:url(/static/images/bodyBG.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
}
#header{
	width:100%;
	height:113px;
	background-image:url(/static/images/headerBG.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
}
#header .content{
	width:954px;
	margin:0 auto;	
	position:relative;
	padding:0 0 0 50px;
}
/*#header .content #siteLogo,
#header .content #homeLink
{
	position:absolute;
	left:-161px;
	top:0;
	z-index:100;
	cursor:pointer;
	text-indent:160px;
	line-height:170px;
	font-size:64px;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	display:none;
}*/
#sideGlow{
	position:absolute;
	left:-147px;
	top:0;
	z-index:100;
	width:195px;
	height:288px;
	background-image:url(/static/images/sideGlowBG.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#siteLogo{
	position:absolute;
	top:41px;
	left:-6px;
	z-index:205;
}
#siteLogo img{
	margin:0;
	padding:0;
	border:none;
}
#siteLogo a{
	font-size:64px;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
	
}
#header .content #homeLink{
	z-index:99;	
}
#header .content .navBar{
	position:absolute;
	bottom:-113px;
	right:0px;
	height:35px;
	line-height:35px;
}
#header .content .navBar li{
	display:inline;
	float:left;
	padding:0 0 0 15px;
	background-image:url(/static/images/header_navItemBG.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#header .content .navBar li *{
	display:inline;
	float:left;
	height:35px;
	line-height:35px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 15px 0 0px;
	background-image:url(/static/images/header_navItemBG.png);
	background-position:top right;
	background-repeat:no-repeat;
}
#header .content .navBar li.selected,
#header .content .navBar li.selected *{
	background-color: #747F85;
	background-image:url(/static/images/header_navItemSelectedBG.png);
		
}
#contentBody{
	width:100%;
}
#contentBody .borders{
	width:954px;
	margin:0 auto 20px auto;	
	padding:0 0 0 50px;
	/*background-image:url(/static/images/contentBodyBG_white.jpg);
	background-repeat:no-repeat;
	background-position:0px -1px;
	position:relative;
	z-index:200;*/
	
}
#contentBody .borders .content,
#contentBody .borders .content_withHeaderGraphics,
#contentBody .borders .content_withFullGraphics
{
	background-color:#fff;
	border:#d2d2d2 2px solid;	
	/*background-image:url(/static/images/contentBodyBG_white.jpg);
	background-repeat:no-repeat;
	background-position:-2px -3px;*/
	padding-top:40px;
	float:left;
	width:100%;
	padding-bottom:30px;
}
#contentBody .borders .content_withHeaderGraphics{
	background-repeat:repeat-x;
	background-image:url(/static/images/contentBodyBG_graphics.gif);
}
#contentBody .borders .content_withFullGraphics{
	background-repeat:repeat;
	background-image:url(/static/images/contentBodyBG_graphics.gif);
}
button{
	border:none;
	background:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:visible;					
	text-align:center;	
	white-space:nowrap;	
	height:23px;
	line-height:21px;	
	vertical-align:top;	
	cursor:pointer;
	font-size:10px;
}
form button{
	height:30px;
	line-height:28px;
	font-size:14px;
	letter-spacing:3px;
}
button span{
	height:23px;
	line-height:21px;			
	background-color:#69787F;
	margin:0;
	float:left;
	padding-left:7px;
	background-image:url(/static/images/button_bg.png);
	background-repeat:no-repeat;
	background-position:0 0;
}	
form button span{
	height:30px;
	line-height:28px;
	background-color:#D0D0D0;
	background-image:url(/static/images/formButton_bg.png);
	padding-left:15px;
}
button:hover span
{
	background-position:0 -33px;
	color:#EDE4F1;
}
form button:hover span
{
	background-position:0 -33px;
	color:#696969;
}
button:hover span span{
	background-position:100% -33px;
}
button span span{
	display:block;
	float:none;
	padding-left:0;
	font-style:normal;
	padding-right:7px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(/static/images/button_bg.png) no-repeat 100% 0;
}
form button span span{
	background-image:url(/static/images/formButton_bg.png);
	padding-right:15px;
}
br{
	clear:both;	
}
h1{
	font-family:Georgia, Times, serif;
	font-size:24px;
	color:#525F67;
	margin:20px 20px 15px 20px;
	font-weight:normal;
	
}
h2{
	font-family:Georgia, Times, serif;
	font-size:24px;
	color:#AEAEAE;
	margin:20px;
	font-weight:normal;
}
.divider{
	clear:both;
	background-color:#F7F7F7;
	background-image:url(/static/images/hrBG.png);
	background-repeat:no-repeat;
	background-position:center;
	height:10px;
	line-height:10px;
	margin-top:20px;
	margin-bottom:20px;
	
}
.infoBox{
	margin-right:30px;	
	background-position:bottom;
}
.infoBox,
.infoBox span{
	background-color:#F0F0F0;
	background-image:url(../images/infoBoxBG.png);
	background-repeat:no-repeat;
	display:inline;
	float:right;
	width:294px;
	
}
.infoBox h2{
	display:inline;
	float:left;
	width:294px;
}
.infoBox span{
	background-position:top;
	height:8px;
}
.infoBox *{
	display:inline;
	float:left;	
}

.infoBox script
{
	display:none;	
}
.infoBox br{
	float:none;
}
.infoBox #slides{
	float:left;
	display:inline;
	margin-left:22px;	
}
.infoBox #slides .noscript_slides{
	display:inline;
	float:left;
	width:250px;
	height:230px;
	position:relative;
}
.infoBox #slides .noscript_slides #scrshot{
	float:left;
	display:inline;
	position:relative;
	z-index:99;
	cursor:pointer;
	
}
.infoBox #slides .noscript_slides #logo{
	float:left;
	display:inline;
	position:absolute;
	left:200px;
	top:140px;
	z-index:100;
	cursor:pointer;
}
.infoBox #slides .noscript_slides h2,
.infoBox #slides .noscript_slides p
{
  width:220px;
}
.infoBox #applications,
.infoBox a{
	float:left;
	display:inline;
	margin-left:27px;
}
.infoBox a{
	color:#5E90C1;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;	
	margin-bottom:27px;	
	margin-top:10px;
	width:240px;
	text-align:right;
}
.infoBox #applications .noscript_slides{
	width:242px;
	height:232px;
	background-color:#FFF;
	background-image:url(/static/images/infoBox_applicationsBG.gif);
	background-repeat:no-repeat;
}
.infoBox #applications .noscript_slides img{
		margin-left:5px;
		margin-top:2px;
}
.infoBox #applications .noscript_slides h2{
	width:222px;
	margin-bottom:0px;	
	margin-top:5px;
}
.infoBox #applications .noscript_slides p{
	width:222px;
	margin:0 10px 10px 10px;	
}

.infoBox #quotes{
	float:left;
	display:inline;
	margin-left:10px;	
}

.infoBox #quotes .noscript_slides{
	width:271px;
	height:150px;
	background-image:url(/static/images/infoBox_quotesBG.gif);
	background-repeat:no-repeat;
}
.infoBox #quotes .noscript_slides p#quote{
	margin-left:29px;
	margin-top:20px;
	font-size:16px;
	height:80px;
}
.infoBox #quotes .noscript_slides p#quoter{
	font-size:12px;
	font-style:italic;
	margin:5px 0 0;
	text-align:right;
	width:250px;
}
#index .elementSet{
	display:inline;
	float:left;
	width:295px;
	height:296px;
	margin-left:16px;
	background-color:#F0F0F0;
	background-image:url(/static/images/index_contentBoxBG.png);
	background-repeat:repeat;
	position:relative;
}
#index .elementSet .news{
	display:inline;
	float:left;
	width:295px;
	height:152px;
	overflow:hidden;
}
#index .elementSet .news h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	margin:0px 20px 5px 20px;
	color:#656565;
	
}
#index .elementSet .news p,
#index .elementSet .news .divider{
	display:none;	
}
#index .elementSet .news .author,
#index .elementSet .news h3{
	color:#AEAEAE;
	font-size:12px;
	margin-right:20px;
	margin-top:0;
	margin-bottom:20px;
	text-align:right;
        font-weight: normal;
}
#index  p,
#index  ul li,
#basicPage  ul li,
#basicPage  p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	margin:5px 20px;
	color:#656565;
}
#index  ul li,
#basicPage  ul li
{
    list-style-position: inside;
    list-style-type: disc;
}
#index .elementSet button{
	position:absolute;
	left:20px;
	top:250px;
	clear:both;
}
#index .noscript_slides{
	display:inline;
	float:left;
	width:940px;
	height:330px;
	position:relative;
}
#index .noscript_slides h2,
#index .noscript_slides p{
	float:left;
	width:500px;
	display:inline;
}

#index .noscript_slides h2{
	font-size:30px;
	color:#666;
	margin-top:100px;
}
#index .noscript_slides p{
	font-size:22px;
	color:#B7B7B7;
}
#index .noscript_slides #scrshot{
	float:left;
	display:inline;
	position:relative;
	z-index:99;
	margin-left:20px;
	cursor:pointer;
}
#index .noscript_slides #logo{
	float:left;
	display:inline;
	position:absolute;
	left:300px;
	top:200px;
	z-index:100;
	cursor:pointer;
}

#basicPage h1{
	margin-top:10px;
}
#basicPage h1,
#basicPage h2,
#basicPage p,
#basicPage .divider,
#basicPage form,
#basicPage ul{
	margin-left:50px;
	width:540px;
}
#basicPage .entry{
	display:inline;
	float:left;
	width:540px;
	margin-left:50px;
}
#basicPage .entry h2,
#basicPage .entry p{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:0px;
	width:440px;
}
#basicPage .entry p{
	margin-bottom:20px;	
}
#basicPage .entry img{
	display:inline;
	float:left;
	/*margin-left:50px;*/
	margin-top:20px;
	padding-bottom:43px;
	width:90px;
}
#basicPage .infoBox h2,
#basicPage .infoBox h3{
	width:274px;
	margin:10px;
}
#basicPage .infoBox h3{
	color:#AEAEAE;	
}
#basicPage .infoBox p{
	display:inline;
	float:left;
	width:220px;
	margin:10px;
}
#basicPage .infoBox .icon{
	float:left;
	clear:both;
	display:inline;
	margin:5px 0 10px 20px;
}
#basicPage .elementSet{
	display:inline;
	float:left;
}
#basicPage button{
	margin-left:50px;
	margin-top:50px;
}
#basicPage form{
	margin-top:40px;	
}
#basicPage form label{
	display:inline;
	float:left;
	clear:left;
	width:100px;
	color:#656565;
	font-weight:bold;
	line-height:25px;
	font-size:16px;
}
#basicPage form input,
#basicPage form textarea{
	display:inline;
	float:left;
	width:430px;
	margin-bottom:10px;
	border:1px solid #DFDFDF;
	line-height:25px;
	height:25px;
}
#basicPage form label.error{
	color:red;	
}
#basicPage form input.error,
#basicPage form textarea.error{
	border:#F00 1px dashed;
}
#basicPage form textarea{
	height:175px;
}
#basicPage form button{
	display:inline;
	float:right;
	margin-right:4px;
	margin-top:0px;
}
#basicPage .author,
#basicPage .news h3{
	color:#BEBEBE;
	margin-bottom:20px;
	margin-left:50px;
	margin-top:-15px;
	width:540px;
        font-weight: normal;
        font-size:14px;
}


#applicationsContent,
#applicationsList {
	margin-left:30px;
	position:relative;
}
#basicPage #applicationsContent,
#basicPage #applicationsList,
#basicPage .applicationsNavi{
	margin-left:82px;
	margin-right:82px;
}
#applicationsHighlight{
	position:absolute;
	top:20px;
	left:0;
	width:260px;
	height:100px;
	border:2px solid #01812B;
	z-index:100;
}

#applicationsContent{
	float:left;
	display:inline;
	padding-top: 10px;
	height:246px;
	width:790px;	
	overflow:hidden;

}
#applicationsContentView{
	position:absolute;
	width:2490px;
	height:1008px;
	top:0;
	left:0;
	
}
.applicationsNavi{
	display:inline;
	float:left;
	margin-left:30px;
	width:786px;
}
.applicationsNavi a{
	background-image:url(../images/applicationList_itemBG.png);
	background-position:center bottom;
	color:#666;
	display:inline;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:0 10px 0 15px;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:77px;
	
}
#applicationsContent .elementSet{
	display:inline;
	float:left;
	width:790px;	
	height:256px;
	margin-bottom:40px;
	margin-right:40px;
	/*border:2px solid #bbb;*/
	background-image:url(/static/images/applicationsContentBG.png);
}
#applicationsContent .elementSet .item{
	display:inline;
	float:left;
	width:242px;
	height:236px;
	margin:10px;
	background-image:url(/static/images/infoBox_applicationsBG.gif);
	background-repeat:no-repeat;
}
#applicationsContent .elementSet .item img{
	margin-top:2px;
	margin-left:2px;
}
#applicationsContent .elementSet h2{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:18px;
}
#applicationsContent .elementSet h2,
#applicationsContent .elementSet p{
	width:222px;
	margin-bottom:0px;	
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}
#applicationsContent .elementSet p{
	font-size:14px;	
	line-height:16px;
}
#applicationsList {
	padding-top:20px;
	float:left;
	display:inline;
}
#applicationsList .elementSet{
	float:left;
	display:inline;
	width:240px;
	padding:10px;
	border:#EDEFF0 1px solid;
	cursor:pointer;
	position:relative;
	
}

#applicationsList .selected{
	border:1px solid #E7E7E7;
	background-color:#FFF;
}
#applicationsList .highlight{
	border:#E7E7E7 1px dashed;
	background-color:#F7F7F7;
}
#applicationsList .elementSet img,
#applicationsList .elementSet h2,
#applicationsList .elementSet .item{
	width:71px;
}

#applicationsList .elementSet img{
	margin-top:2px;	
	margin-left:2px;	
}

#applicationsList .elementSet .item{
	float:left;
	display:inline;
	margin:1px;
	height:78px;
	width:77px;
	background-image:url(/static/images/applicationList_itemBG.png);
	background-repeat:no-repeat;
}
#applicationsList .elementSet .item h2{
	font-size:10px;	
	margin:5px 0px 0 3px;
	text-align:center;
}
#applicationsList .elementSet .item a,
#applicationsList .elementSet .item a h2{
	text-decoration:none;
}
/*
* Hovering panels
*/
#hoverIframe{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1800;
	display:none;
	/*filter:alpha(opacity=0);
	opacity:.0;*/
}
#hoverMask {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#FFF;
	/*opacity:0;
	filter:alpha(opacity=0);*/
	z-index:1900;
	display:none;
	cursor:pointer;
}
#hoverContent{
	position:absolute;
	top:20px;
	right:50%;
	margin-right:-450px;
	width:854px;
	overflow:visible;
	/*opacity:0;
	filter:alpha(opacity=0);*/
	z-index:2000;	
}
#hoverContent .content{
	background-color:#fff;
	border:#666 2px solid;	
	background-repeat:repeat;
	background-image:url(/static/images/contentBodyBG_graphics.gif);
	padding-bottom:20px;
	display:block;
	margin:0;
	width:850px;
}
#hoverContent .content h1{
	color:#FFF;
	margin:0 0 20px 0;
	background-color:#505F67;
	background-image:url(/static/images/bodyBG.png);
	padding:10px;
	border-bottom:2px solid #666;
	position:relative;
	
}
#hoverContent .content h1 a{
	position:absolute;
	top:5px;
	right:10px;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	
}
#hoverContent .content h1 a img{
	margin-left:5px;
	vertical-align:middle;
}	
#footer{
	color:#FFF;	
	width:100%;
	padding-bottom:20px;
}

#footer *{
	color:#FFF;	
	font-size:14px;
}
#footer .content{
	width:954px;
	margin:0 auto;	
	padding:0 0 0 50px;
}
#footer a,
#footer span{
	margin-right:5px;	
	margin-left:5px;	
}
#footer .validation{
	display:inline;
	float:right;
}