﻿/*html {
height:101%;
background-color: #bdc5c8;
}*/

html{overflow-y:scroll;}

body {
    font-family: Helvetiker,Arial,sans-serif;
    font-size: 12px;
    background-color: #bdc5c8;
    /*background-image: url(../images/gray_gradient_background.jpg);*/
   /* background-repeat: repeat-x;*/
    background-position: left top;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
	letter-spacing:0px;
}


a {
	color: #000000;
    /*color: #0089ce;*/
	/*color:white;*/
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    /*color: #000000;*/
}


a:hover {
    text-decoration: underline;
	/*color:white;*/
}

a:active{
	/*color:#FFFFFF;*/

}


a img {
    border: 0px;
}

td {
    vertical-align: top;
}

h1 {
    font-size: 16px;
    color: #0089ce;
}

h2 {
	font-size: 18px;
    color: #0089ce;	
}

.block {
    display: block;
}

.no_underline {
    text-decoration: none;
}

#outer {

    /*background-repeat: no-repeat;*/
    
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;

    width: 1026px;
}

#main {
	/*background-image:url(../images/edge.png);*/
		
	/*background-repeat:repeat-y;*/
	border-left: 1px solid #b6b9bc;
	border-right: 1px solid #b6b9bc;
	margin-top:-3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 10px;
	font-family: Helvetiker,sans-serif;
	background-color: white;

}

#header {
	background-image: url(../images/outer_top.png);
	background-repeat:no-repeat;
	background-position: top;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    min-height: 80px;
}
#outer_bottom{
	background-image: url(../images/outer_bottom.png);
	background-repeat:no-repeat;
	background-position: bottom;

}



#header_text {
   /* position: relative;*/
   /* top: 60px;*/
   /* left: 10px;*/
   /* font-weight: bold;*/
}

#accedo_logo {
    height: 46px;
	width:177px;
	position:relative;
	left: 830px;
	top: 45px;
}


#main_menu {
    text-align: left;
    /*font-family: Helvetiker, Arial, sans-serif;*/
    /*border-top-style: solid;*/
    /*border-top-width: 1px;*/
  /*  border-bottom-style: solid;*/
   /* border-bottom-width: 1px;*/
    /*border-top-color: #999999;*/
   /* border-bottom-color: #999999;*/
	margin-left: 5px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
   /* padding-top: 4px;*/
    padding-bottom: 0px;
    height: 71px;
    background-color: transparent;/*#ffffff;*/
	left: 50px;
   /* background-image: url(../images/menu_background.png);*/
   /* background-repeat: repeat-x;*/
}

#main_menu a {
    /*display: inline;*/
    font-family: FoundrySans,   sans-serif;
    font-weight: bold;
    /*text-transform: uppercase;*/
    display:block;
    font-size: 18px;
    position: relative;
    top: 0px;
	height:18px;
	/*text-align:left;*/
    margin-left: 0px;
    margin-right: 8px;
	/*margin-top: -5px;*/
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 3px;
    text-decoration: none;
}


.main_menu_active a{
   /* border: 1px solid #C0C0C0;*/
    /*border: 1px inset #0089ce;*/
   
	color: #0089ce;
	
}

#main_menu_contact a{
/*		color: #0089ce;*/
}


#main_menu a:visited {
    /*color: black;*/
}

#main_menu a:hover {
    /*color: white;*/
	/*background-color: black;*/
}

#main_menu a:active {
    /*color: white;*/
	/*background-color: black;*/
}



*+html #partner {
    width: 768px;
	height:0px;
    /*margin-left: 10px;*/
    /*margin-right: auto;*/
    /*padding-top: 10px;   */ 
    clear: both;
	top:-121px;
	position:relative;
}/*IE7*/

#partner {
    width: 768px;
	height:0px;
    /*margin-left: 10px;*/
    /*margin-right: auto;*/
    /*padding-top: 10px;   */ 
    clear: both;
	top:-81px;
	position:relative;
}

#partner p {
    color: #000000;
    text-align: left;
    letter-spacing: 0px;
    font-family: Helvetiker, Arial, sans-serif;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2px;
    font-size: 14px;
}
#brands {
    width: 769px;
	height:53px;
	background-image: url(../images/brands_bg.png);
	
}
#footer {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    /*padding-top: 10px;*/
    padding-bottom: 15px;
    clear: both;
}

#footer p {
    color: #333333;
    text-align: left;
    letter-spacing: 0px;
    font-family: Helvetiker, Arial, sans-serif;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2px;
    font-size: 14px;
}

.home_right_top{
	background-image: url(../images/home_right_top.png);
	background-repeat:no-repeat;
	background-position: top;
	width:240px;
	height:55px;
	margin-left:-10px;
	margin-top:-5px;
}
.home_right_bottom{
	background-image: url(../images/home_right_bottom.png);
	background-repeat:no-repeat;
	background-position: bottom;
	width:242px;
	margin-left:-11px;
}

#home_meet_us_here {
	height: 245px;
	width:211px;
    background-color: transparent;
    padding-bottom: 5px;
    padding-left: 15px;
    line-height: 14px;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	margin-top:-30px;
	margin-left:-4px;
}


#home_meet_us_here h1 {
    margin-top: 0px;
    /*padding-top: 10px;*/
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 20px;
	text-align:left
    /*text-transform: uppercase;*/
}

#home_latest_news {
	/*
	width: 82%;
	height: 226px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: -4px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 14px;
	background-image: url(../images/meetbg.png);
    background-repeat: repeat-x;
	border-left: 1px solid #cacaca;
	border-right: 2px solid #cacaca;
	*/
	height: 225px;
	width:211px;
    background-color: transparent;
    padding-left: 15px;
    line-height: 14px;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	margin-top:-38px;
	margin-left:-4px;
}

#select_portfolio {
	margin-top: -16px;
	margin-left: 685px;
	position:relative; 
	color:#4663f8;
	cursor:pointer;
	text-align:center;
	display:block;
	/*background-image: url(../images/page_select.png);*/
    /*background-repeat: repeat-y;*/
	
	
}





#home_latest_news h1 {
    margin-top: 0px;
    /*padding-top: 10px;*/
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 20px;
	text-align:left
    /*text-transform: uppercase;*/
}



#home_meet_us_here p {
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 12px;
    color: black;
    /*margin-bottom: 10px;*/
}

#home_meet_us_here a {
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
}

#home_left_container {
    float: left;
    min-height: 390px;
    width: 783px;
	margin-top:-20px;
}


#home_right_container {
    float: left;
    min-height: 390px;
    width: 127px;
	margin-top: -20px;

	
}

#home_portfolio {
    background-image: url(../images/home/loading.jpg);
   /*background-color:white;*/
    background-repeat: no-repeat;
    width: 768px;
    height: 271px;
	/*overflow:hidden;*/
	
}

#home_portfolio_header {
    /*margin-top: 0px;*/
    /*margin-left: 20px;*/
    /*padding-top: 15px;*/
    color: #FFFFFF;
    /*font-family: Helvetiker, Arial, sans-serif;*/
	font-family:Arial;
    font-size: 20px;
    width: 450px;
	height: 200px;
	position:relative;
	left:10px;
	top:20px;
	
}

#home_portfolio p a {
    margin-left: 20px;
    font-size: 14px;
}

.home_snippet_container {
    margin-top: 49px;
    width: 207px;
    height: 149px;
    float: left;
}

.home_snippet_container p {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    font-family: Helvetiker, Verdana, Arial, sans-serif;
    font-size: 12px;
}

*+html .home_snippet_container p {	
    color: #FFFFFF;
    font-family: Helvetiker, Verdana, Arial, sans-serif;
    font-size: 12px;
} /* IE7 */

*+html .home_snippet_header {

    /*margin-bottom: 0px;*/
    color: #FFFFFF;
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}/* IE7 */

.home_snippet_container:hover {
    cursor: pointer;
}

.home_snippet_header {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
    color: #FFFFFF;
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#home_news_snippet {
    margin-left: 0px;
	line-height:1.1;
    background-image: url(../images/home/news_snippet_background.png);
	width:189px;
	height:164px;
}

#home_news_snippet h1 {
}

#home_news_snippet p {
	/*overflow:scroll;*/
}

#home_portfolio_snippet {
    margin-left: 4px;
	line-height:1.1;
    *margin-left: 3px;
    background-image: url(../images/home/appstore_snippet_background.png);
	width:189px;
	height:164px;
}

#home_redherring_snippet {
    margin-left: 4px;
	line-height:1.1;
    *margin-left: 3px;
    background-image: url(../images/home/red_herring_logo.png);
	width:189px;
	height:164px;
}

#home_portfolio_snippet h1 {}

#home_portfolio_snippet p {

}

#home_funspot_snippet {
    margin-left: 4px;
	line-height:1.1;    
    background-image: url(../images/home/funspot_snippet_background.png);
	width:189px;
	height:164px;
}

#home_funspot_snippet h1 {
    color: white;
}

#home_funspot_snippet p {
    color: white;
}

#home_funspot_snippet p {
}

#home_funspot_logo {
    position: relative;
    left: 80px;
    top: 4px;
}

.subpage_menu_inactive {
    /*border: 1px solid #FFFFFF;*/
    /*border-left: 4px solid #FFFFFF;*/
    background-color: #FFFFFF;
}
.subpage_submenu_inactive {
    background-color: #FFFFFF;
}
/*web/js/accedo.js have a function to change class from _active to _inactive, if you want to change the
  background color of the submenu, first set the class to subpage_submenu_inactive, then also add a line in accedo.js(lines around 120~133)  */
.subpage_menu_active {
    /*border: 1px solid #E3E3E3;*/
    /*border-left: 4px solid #0089ce;*/
    background-color: #107ebf;
	/*color:white;*/
	margin-top:3px;
}
.subpage_submenu_active {
    background-color: #59b7e6;

	margin-top:3px;
}

#subpage_menu {
    float: left;
    width: 150px;
	/*height:30px;*/
	margin-left: -10px;

}

#subpage_menu a {
    display: block;
    color: #000000;
    line-height: 16px;
    font-family: Helvetiker, Arial, sans-serif;
    font-size: 13px;
    width: 130%;
    text-decoration: none;
    /*margin-bottom: 2px;*/
    padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#subpage_menu a:hover {
   /* border: 1px solid #E3E3E3;*/
    /*border-left: 4px solid #D3D3D3;*/
    background-color: #59b7e6;
	/*margin-top:3px;*/
	
}

#subpage_submenu a {
    /*margin-left: 0px;*/
	/*padding-left:30px;*/
	width:108px;
	height:18px;
	/*text-align:center;*/
	line-height:16px;
	padding-left:30px;
}

.about_subpage {
    float: left;
    width: 480px;
	font-family:Verdana;
	margin-left:90px;
	padding-bottom:100px;
}

.about_subpage  h1{
	font-family:Helvetiker;
}

.about_subpage .pic{
	border-right:1px solid #bababa;
	padding-right:20px;
	display:block;
	margin:0 auto;
	text-align:center;
}

.products_subpage {
    float: left;
    width: 435px;
	font-family:Helvetiker, Arial, sans-serif;
	margin-left:90px;
	margin-top: -5px;
}

.product_titles  {
	font-family:Helvetiker, Arial, sans-serif;
	font-size: 16px;
    color: #0089ce;
	text-decoration:none;
}

#product_lineup_container {
    position: relative;
	clear:both;
    margin-left: -10px;
    width: 1024px;
    /*height: 216px;*/
    overflow: hidden;
    
	/*background-position:bottom;*/
	/*background-repeat:no-repeat;*/
	border:2px;
	border-style:double #cacaca;;
	/*padding-top:100px;*/
}

#product_lineup {
    margin-left: 18px;
	font-family:Helvetiker,sans-serif;
}

.product_lineup_header {
    margin-left: 16px;
	margin-top:65px;
    margin-bottom: 5px;
    font-family: Helvetiker, Arial bold, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.banner_category{
	color:#474747;
	
}

.banner_pic:hover{
	display:block;
	/*cursor:pointer;*/

}
.banner_pic a{
		display:none;
		position:absolute;
		margin-top:-200px;
		margin-left:40px;
		float:right;
}
.banner_pic:hover a{
	display:none;
	float:right;
}

.banner_title{
	color:#0089ce;
	top:-10px;
	font-size:120%;
	
}

.banner_text{
	color:black;
	top:-10px;
	clear:both;
}

#product_lineup_controls {
    margin-top: 10px;
    /*text-align: center;*/
}

#product_lineup_controls img {
    /*margin: 0px 20px;*/
    cursor: pointer;
}

#product_lineup_controls p {
font-size:12px;
    font-family:Helvetiker;
}

.partners_subpage {
    float: left;
    width: 450px;
	font-family:Verdana;
	margin-left:90px;
	margin-bottom:25px;
}

.partners_subpage  h1{
	font-family:Helvetiker, Arial, sans-serif;
	font-size:18px;
}

.image_list_container {
    margin-bottom: 40px;
}

.customers_subpage {
    margin: 0px auto;
    width: 500px;
}

.customers_subpage p{
    margin-top: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, sans-serif;
}

.contact_subpage {
    padding-left: 200px;
    width: 889px;
}

.contact_subpage table {
    margin-left: 0px;
	margin-top:30px;
}

.news_subpage {
    float: left;
    width: 350px;
	margin-left:90px;
	font-family: Helvetiker, Arial, sans-serif;
	padding-bottom:50px;
}

.news_subpage h1{
	font-family:Helvetiker, Arial, sans-serif;
}

.news_subpage  span{
    float: left;
	font-size:16px;
	font-weight:bold;
    width: 350px;
	font-family:Helvetiker, Arial, sans-serif;
	/*color:#0089ce;*/
}

.news_subpage  p a span{
	line-height:12px;
}


#news_headlines {
    margin-left: 42px;
    /*background-image: url(../images/news/headlines.png);*/
    /*background-repeat: no-repeat;*/
    width: 370px;
    min-height: 289px;
	padding-bottom:50px;
}

#news_headlines h1 {
    /*color: #ffffff;*/
    font-size: 16px;
	font-family: Helvetiker, Arial;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#news_headlines h2 {
   /* color: #ffffff;*/
    font-size: 14px;
}

#news_headlines p {
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 0px 10px;
}

#news_headlines a {
   /* color: #ffffff;*/
    text-decoration: none;
    font-weight: normal;
}

#press_contact {
	padding-left:10px;
    margin-top: 20px;
    margin-left: 30px;
	margin-right: 30px;
    line-height: 14px;
	border:1px solid #878787;
	/*border-style:solid;*/
/*	border-color:#878787;*/
}

#press_contact h1 {
    color: #000000;
}

#press_releases h1 {
    color: #000000;
}

#press_releases a {
    font-size: 14px;
    color: #0089ce;
    /*margin-bottom: 5px;*/
    display: block;
	font-family:Helvetiker, Arial, sans-serif;

}

#press_releases strong {
    text-transform: uppercase;
    margin-right: 7px;
}

#press_release_display h1 {
    font-size: 16px;
	/*line-height:18px;*/
	font-family: Helvetiker, Arial;
}


#press_release_display p, ul {
    line-height: 18px;
}

#MarqueePictues {
		margin-left:12px;
		/*border-left:#CCCCCC 1px dashed;*/
		text-align:center;
		vertical-align:middle;
		height:50px;
		line-height:63px;
		overflow:hidden;
		/*width:765px;*/
}
#blank{
    width: 768px;
	height:0px; 
    clear: both;
	margin-top:20px;	
	position:relative;
	visibility:hidden;
}



.twitter_feed a:hover {
    text-decoration: underline;
	/*color:white;*/
}

.twitter_feed a{
	color:#0089CE;
	font-family:Helvetiker, Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-decoration: none;
}


