/*  Main CSS file for anyware 2008, All rights reserved.



    The Styles category present in this css....

	 1. Body, Layout Styles

	 2. HTML Tags

	 3. Menu Styles

	 4. Content Styles                 */



	 

/*  1. Body, Layout styles  */



body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: black;	
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #8F8F8F;
}

#logo {

	width: 350px;

}

/*  White rounded box for entire page */
#pge {
	background: url(../images/page_body.jpg) repeat-y;
	width: 820px;
}
#pge-top {
	background: url(../images/page_top.jpg) no-repeat;
	height: 20px;
}
#pge-bott {
	background: url(../images/page_bott.jpg) no-repeat;
	height: 18px;
}

#container {

   width: 780px; 

	text-align: left;

	padding: 0px;

}

.style2 {
	font-size: 12px;
	font-weight: bold;
	color:#666666;
}

/*  2. HTML Tags  */

h1 {

	padding: 0px 3px 0px 20px;

	margin: 3px 3px 3px 0px;

	background: url(../images/headerarrowblue.gif) no-repeat;

	font: bold 13px Arial, Helvetica, sans-serif;

   color: #0000FF;	

}

ul.arrow {

	padding: 0px;

	margin: 0px;

}

ul.arrow li {

	background: url(../images/arrow.gif) no-repeat left top;

	list-style: none;

	padding: 0px 0px 5px 20px;

}

ul.arrow li a {

	color: #7f7f7f;

	text-decoration: none;

	font: normal 13px Arial, Helvetica, sans-serif;

}

ul.arrow li a:hover {

	text-decoration: underline;

}

img { border: none; }



/*  3. Menu Styles  */



#menu {

	font: bold 13px Arial, Helvetica, sans-serif;

	background: url(../images/menu-bg.gif) repeat-x;

	height: 20px;

	clear: both;

	color: White;

	padding: 7px 10px 2px 10px;

	margin-bottom: 0px;

}

#menu a {

	color: White;

	font: bold 13px Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#menu a:hover {

	text-decoration: none;

	color: Black;

}

#menu2 {

	background-color: #D6D7D6;

	border-top: 7px solid #FE8200;

	clear: both;

	height: 20px;

	padding: 5px 5px 5px 5px;

	font: bold 13px Arial, Helvetica, sans-serif; 

}



/*  Forms  */

.search {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	display: inline;

}

.srchbtn {
	background-color: #B62626;
	color: #EFEFEF;

}



/*  Three column menu in content */

#threebox {

	width: 790px;

	height: 260px;

	margin: 0px 0px 0px 0px;

	padding: 2px 3px 2px 2px;

}

.col1 {

   width: 290px;

	height: 250px;

	float: left;

    background: #B5E7FA url(../images/col22.jpg) repeat-x;

	

	padding: 3px;

	color: #686F75; 

}

.col2 {

   width: 293px;

	height: 256px;

	

	margin-left: 2px;

	float: left;

}

.col3 {

   width: 178px;
	height: 185px;
	margin-left: 5px;

	float: left;

}

col4 {

   width: 178px;
	
	
	margin-top: 3px;	


}

.col5 {

   width: 178px;

	margin-top: 3px;	

}

.download {
    width: 178px;
	margin-left: 5px;
	margin-top: 3px;	

}








/*  4. Content Styles  */



.box {
	border: 2px solid #DDDBDD;
	padding: 5px;
	margin-top: 3px;
	width: 200px;
	font-family: "Times New Roman";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

.menucol1 {

	float:left;

	width: 210px;

	background: url(../images/vertical.jpg) no-repeat right;

	margin-right: 10px;

	height: 150px;

}

.line {

	background: url(../images/horizontal.gif) repeat-x bottom;

	clear: both;

}

.footer {

	background: #B45E61 url(../images/bg_topnav.JPG) repeat-x;

	text-align: center;

	padding: 3px;

	margin-top: 3px;

	color: #FFFAFA;

	font-size: 11px;

}

.footer a {

	color: #FFFAFA; 

	text-align: center;

	text-decoration: none;

	padding: 5px;

}

#fullpage {

	width: 790px;
	float: left;

	overflow: hidden;

}



#contentleft {

	width: 585px;

	float: left;

	overflow: hidden;

	border: 1px solid #BFBFBF;

	padding: 2px;
	margin-top: 3px;

}



#heading {

	clear: both;

	padding: 5px 0px 5px 0px;

	font: normal 12px Arial, Helvetica, sans-serif; 

}

#heading p {

	padding: 5px 5px 5px 20px;

	margin: 3px 3px 3px 0px;

}



#rtside {

	width: 178px;

	padding: 0px 0px 0px 0px;
	float: left;

}



.line2 {

	background-color: #D6D7D6;

	border-bottom: 5px solid #FE8200;

	clear: both;

	height: 3px;

	margin: 0px;

}

p.nametitle {

	text-align: right;

	color: Gray;

	font-weight: bold;

}

#rtside p {

  font: normal 11px Arial, Helvetica, sans-serif; 

  margin-top: 2px;

}

#rtside input, #rtside select {

	font: normal 11px Arial, Helvetica, sans-serif; 

	color: #3165C6;

	margin: 5px 5px 5px 5px;

	width: 140px;

}

h1.title {

	padding: 0px 3px 0px 20px;

	margin: 3px 3px 3px 0px;

	background: url(../images/headerarrowblue.gif) no-repeat;

	font: bold 13px Arial, Helvetica, sans-serif;

   color: #000000;

}

#news {

	padding: 3px 3px 3px 20px;

}

#news a {

	font: bold 12px Arial, Helvetica, sans-serif;

}

#case {

	padding: 0px 0px 0px 20px;

}

#case p{

	font: bold 12px Arial, Helvetica, sans-serif;

	color: Gray;

}

#footimg {

 /*  width: 610px;	*/

 clear: both;

   padding: 5px 5px 0px 20px;

}

#footimg a {

  font: bold 13px Arial, Helvetica, sans-serif;

  color: #0000FF;		

}



#topNav {

	display: block;

	width: 775px;

	height: 20px; /*margin: 0;

	padding: 0;*/

	margin-bottom: 0px;

	margin-left: 0px;

	padding-left: 0px; 

	background: #336699 url(../images/bg_topnav.JPG) repeat-x;

	list-style: none;

	color: #fff;

	clear: left;

	font-size: 12px;

}

#topNav ul {

	list-style: none;
	

}



#topNav li {

	float: left;

	text-align: center;

	width: 110px;

	border-left: 1px solid #336699;

	border-right: 1px solid #600;

}



#topNav a {

	display: block;

	font-size: 11px;

	font-weight: bold;

	color: #f2e9e9;

	text-decoration: none;

	line-height: 1.8em;

	/* This is for versions < IE7, edit padding as needed to fill the top nav bar */

	_padding: 0 16px 0 17px;

	_border: none;

}



#topNav a:hover {

	background: #336699 url(../images/bg_topnav1.jpg) repeat-x;

	color: #fff;

}



#logonew {

clear: both;

margin-top: 2px;

background-color: #F0F0F2;

border: 1px solid #C3BDC1;

padding: 5px;

}

#logonew .appln {

	font-size: 12px;

	font-weight: bold;

	color: #CD3F3E;

}

.remote {

   color: #AD3D3C;

	font-size: 11px;

	font-weight: bold;	

}

#remote {

	width: 585px;

	min-height: 170px;

	text-align: left;
}

#remote h2 {

	font-size: 20px;

	font-weight: normal;

	color: #336699;

	margin: 0px 0px 4px 0px;
	
	padding: 10px

}

#podcast {

	float: right;

	width: 185px;

	height: 120px;

	text-align: left;

	background-color: Black;

	padding: 4px;

}

#podcast .head {

   color: White;

	font-size: 15px;

}

#podcast .podcast-para {

   font-size: 13px;

	color:  #7976AF;

	font-weight: bold;

   padding: 6px 2px 0px 2px;

}

#sampletext {

	padding: 10px;

	font-size: 12px;

}

#sampletext1 {

   font-size: 13px;

	color:  #336699;

	font-weight: bold;

}

#download {

	background-color: #68A11C; 

   padding: 2px 6px 3px 6px;

	font-weight: bold;

   width: 166px;

	height: 137px;	

}

#download h2 {

  color: #E6E529;

  font-size: 15px;	

}



.box-nextstep {

	background: url(../images/box-nextsteps.jpg) no-repeat;

	width: 178px;

	height: 185px;

}

.box-nextstep-in {

	padding: 52px 18px 5px 18px;
	color: #666666;

}

.box-nextstep-in a {

	color: #666666;

	font-weight: bold;

	font-size: 11px;

	text-decoration: none;

}

/*  Three column text  */

.three-col {
	width: 175px;
	margin-left: 16px;
	float:  left;
	display: inline;
	overflow: hidden;
}