/* CSS for all front-end elements goes here */
html, body {
    height:100%; /* Required */
	max-height: 100%;
    background-color:#ffffff ;
}

body {
	background-color:#ffffff;
	margin: 0px;
	font-size:11px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	behavior: url("/CSS/csshover2.htc");
	color:#40556a;
	
}

a {
    color: #40556a;
    text-decoration:none;
}

h1{
	font-size:14px;
	letter-spacing: -1px;
	color: #64809e;
	height:14px;
	text-transform:capitalize;
	font-weight: bold;
}

h2{
	margin-top:3px;
	margin-bottom:15px;
}

img{
	border:none;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

input {
	font-size:12px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FD753B;
}

textarea {
	font-size:12px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FD753B;	
}

select {
	font-size:12px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FD753B;	
}
.navheading {
	font-family:"Franklin Gothic Medium Cond";
	font-size:15px;	
	line-height:1.9;
	color:#64809e;
	margin-left:2px;
	margin-right:50px;
}

.breadcrumb {
	float:left;
	position:absolute;
	z-index:inherit;
	top:205px;
	left:2px;
	font-size:xx-small;
	color:#909090;
	text-transform:lowercase;
}

.breadcrumb a {
	text-decoration:underline;
	color:#909090;
}

.clear {
	clear: both;
	line-height: 0;
	height: 20px;
}

.clearer {
	clear: both;
	line-height: 0;
	height: -3px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; padding-botom:10px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.trans {
	behavior: url("/CSS/pngbehavior.htc");
}

#wrapper {
	background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
	margin-bottom:-50px;
	text-align:left;
    width:800px;
    position: relative;
	min-height:100%;
    height: auto; /*  !important; /* For Modern Browsers -- however ie7 not supported therfore use underscore hack */
	_height: 100%; /* For IE */ 
}
#header{
	padding-top:40px;
}

.nav{
    position:absolute;
	right:260px;
	z-index:2;
	font-size:10px;
}

#nav2{
	position:absolute;
	left:525px; 
	width:250px;
	z-index:0;
	top: 0px; 
	margin-top:0px;
}

#maincontent {
	margin-left:37px;
	margin-right:37px;
	margin-top:10px;
	margin-bottom:30px;
}

.maincontentinner {
	background-image:url(/Images/Gif/product_spacer.gif); 
	background-repeat:repeat-y; 
	background-position: 185px 0px;
}
#maincontent2 {
	margin-left:37px;
	margin-right:37px;
	margin-top:10px;
	margin-bottom:30px;
	background-image:url(/Images/Gif/product_spacer.gif); 
	background-repeat:repeat-y; 
	background-position: 195px 0px;
}
.tokwebcontentbox {
    background-image:url(/Images/gif/tokwebcontentback2.gif);
	height:170px; 
	width:194px;
	float:none;
	color:#336666;
	padding-top:15px;
	padding-left:13px;
	padding-right:13px;
}
.tokcontentbox {
    background-image:url(/Images/gif/tokcontentback2.gif);
	height:150px; 
	width:214px; 
	float:none;
	color:#336666;
	padding-top:15px;
	padding-left:13px;
	padding-right:13px;
}
.toksortcontentbox {
    background-image:url(/Images/gif/toksortcontentback2.gif);
	height:120px; 
	width:178px; 
	float:none;
	color:#336666;
	padding-top:15px;
	padding-left:13px;
	padding-right:13px;
}
.contentbox {
    background-image:url(/Images/gif/tokcontentback2.gif);
	height:150px; 
	width:214px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:13px;
	padding-right:13px;
}
.contentboxtxt {
	width:212px; 
	height:99px;
}

.contentbox2 {
    background-image:url(/Images/gif/contentback.gif);
	height:97px; 
	width:212px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.contentbox2txt {
	width:212px; 
	height:97px;
}

.contentbox3 {
    background-image:url(/Images/gif/contentback5.jpg);
	height:150px; 
	width:333px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.contentbox3txt {
	width:333px; 
	height:150px;
}

.contentboxtop404 {
    background-image:url(/Images/gif/contentback404.jpg);
	height:150px; 
	width:696px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.contentboxtop404txt {
	width:696px; 
	height:196px;
}

.contentboxbottom404 {
    background-image:url(/Images/gif/contentback404b.jpg);
	height:196px; 
	width:333px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.contentboxbottom404txt {
	width:333px; 
	height:150px;
}

.contentbox4 {
    background-image:url(/Images/gif/contentback4.jpg);
	height:169px; 
	width:333px; 
	float:left;
	color:#336666;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.contentbox4txt {
	width:333px; 
	height:160px;
}

.content-background {
	background-image:url(/Images/Gif/back2.gif); 
	background-repeat:repeat-y; 
	position:relative;
}
.content-background-inner {
	position:relative;
	background-image:url(/Images/Gif/back1.gif);
	padding-top:15px;
	padding-bottom:0px; 
	background-repeat:no-repeat; 
	top:0px; 
	left:0px;
}

.content-background-footer {
	position:relativs;
	top:0px; 
	left:0px;
}

#Layer1 {
	position:absolute;
	left:35px;
	top:25px;
	color:#FFFFFF;
	background-color:#64809e;
	z-index:1;
	display:none;
	filter: alpha(opacity=90);
	opacity: 0.9;
	padding:8px;}
#Layer1 a {
	color:#FFFFFF;
	padding:0px;
	font-size:9px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Layer1 a:hover{
	color:#a2bbd5;
}

#footer {
	background-color:#b8c3cf;
	color:#6d8ca4;
	width:100%;
	text-align:center;
	font-size:0.8em;
	padding: 3px 0px 3px 0px;
}

#footer a {
	color:#6d8ca4;
}

#footer span a {
	color:#eef1f5;
}

.topsection{
	width:500px;
	padding-left:20px;
	float:left;
	background-image:url(/Images/Gif/product_spacer.gif); 
	background-repeat:repeat-y; 
	background-position:left;
	margin-left:10px;
}
.topsection3{
	width:500px;
	padding-left:20px;
	float:left;
	margin-left:10px;
}
.topsectionleft{
	float:left;
	margin-top:0px;
	line-height:20px;
	width:180px;
}

.topsection2{
	padding-left:6px;
	padding-right:7px;
	margin-bottom:30px;
}

.inthissection{
	margin-top:0px;
	margin-left:2px;
}

.inthissection div {
	margin-left:187px;
	_margin-left:95px;
	float:left;
	background-image:url('/images/Gif/product_spacer.gif');
	background-repeat:repeat-y;
	background-position:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}


/* Menu List */

.menu {
	list-style: none;
	padding:0px;
	margin:0px;
}

.menu li {
	list-style:none;
	z-index:1;
	height:20px;
	background-repeat:no-repeat;
	float:left;
	
}

.menu li a, .menu li a:visited {
	display:block;
	height:20px;
	margin-top:8px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-repeat:no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#64809e; 
}
.menu a:hover span{
	color: #9eb7d2;
	
}

#home {_width:28px;}

#solutions {_width:45px;}

#profesionalservices {_width:110px;}

#aboutus {_width:45px;}

#contactus {_width:53px;}

#sitemap {_width:44px;}

#newsletter {_width:93px;}

/*.menu li a span{
	visibility:hidden;
}


/*Menu List - Dropdown*/

#menu ul {
	margin:0px;
	padding: 5px 0px 7px 0px;
	width:176px;
	position:absolute;
	background-color:#64809e;
}

#menu ul li{
	width:165px;
	padding:0px 3px 8px 8px;
	background-color:#64809e;
}

#menu li ul li ul li{
	background-color:#64809e; 
}

#menu ul li a {
	height:11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:none}

#menu ul ul , #menu ul ul ul, #menu ul ul ul ul  {
	position:absolute;
	padding:5px 0px 7px 0px;
	margin-top:-24px;
	left:100%;
	margin-left:0px;}
#menu ul ul ul  {
margin-left:-5px;
}

#menu ul li a,#menu ul li:hover ul a,#menu ul ul li:hover ul a,#menu ul ul ul li:hover ul a{color: #FFFFFF;}
#menu ul li:hover a, #menu ul ul li:hover a, #menu ul ul ul li:hover a, #menu ul ul ul ul li:hover a{color: #9eb7d2;}
#menu ul li{background-color:#64809e;}
#menu ul li:hover, #menu ul ul li:hover, #menu ul ul ul li:hover, #menu ul ul ul ul li:hover{ background-color:#5b7692;}

#menu ul , #menu li:hover ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {visibility:hidden;}
#menu li:hover ul, #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{visibility:visible;}


/* Primary Navigation */
.menu2 {
	list-style: none;
	padding:0px;
	margin:0px;
}

.menu2 li {
	list-style:none;
	height:25px;
	background-repeat:no-repeat;
	float:left;
	color:#FFFFFF;
}

.menu2 li a, .menu2 li a:visited {
	display:block;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-indent: -0000px;
	text-decoration:none;
	background-repeat:no-repeat;
}

.arrow {
	background-image:url(/Images/Gif/nav_arrow_hover.gif); 
	display:block;
}

.arrow a {background-image:url(/Images/Gif/nav_arrow.gif); padding-left:20px;}
.arrow a:hover {background:none;}

.documentlist2{
 	list-style:url(/Images/Gif/pdficon.gif) none;
	line-height:16px;
	margin:0px;
	padding-left:25px;


}
.documentlist2 li{
padding-left:5px;
padding-top:5px;

}
.documentlist{
 	list-style:url(/Images/Gif/pdficon.gif) none;
	line-height:16px;
}
.documentlist li{
padding-left:5px;]
padding-top:3px;
}
/* content box 2 */
.contentarrow {
	background-image:url(/Images/Gif/Goarrow_hover.gif);
	margin-top:-40px;
	margin-left:185px;
	width:26px;
	height:21px;}

.contentarrow a{
	background-image:url(/Images/Gif/Goarrow.gif);
	width:26px;
	height:21px;
	display:block}

.contentarrow a:hover {
	background:none;}

.contentarrow span {
	visibility:hidden}

.supporttitle{
	width:180px;
	padding:10px;
	float:left;
}
.supporttitle2{
	background-color:#ecefed;
	width:180px;
	padding:10px;
	float:left;
}
.supportinput {
	clear:both;
}

.form1{
	width:200px;
	margin-top:5px;
	background-color:#ecefed;
}
.textbox{
	width:230px;}
.textarea{
	width:230px;}
.submitbtn {
	margin-left:400px;
	margin-top:10px;}