@charset "utf-8";
/* CSS Document */

body {
	background-color: #f0f5f9;
	background-image: url(imgs/calltek-bg.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
}
.maintext { font:normal 11px Arial, Helvetica, sans-serif; color:#000000; }
.maintext1 { font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; }
.maintext2 { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; }
.maintext3 { font:bold 14px Arial, Helvetica, sans-serif; color:#000000; line-height:170%;}
.maintext4 { font:bold 11px Arial, Helvetica, sans-serif; color:#503300; line-height:170%;}
.maintext5 { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; line-height:170%;}
.maintext6 { font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; }
.maintext7 { font:bold 11px Arial, Helvetica, sans-serif; color:#503300; }
.maintext8 { font:bold 14px Arial, Helvetica, sans-serif; color:#000000; }
.buttomtext { font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#595959;}



.arrowlistmenu{
width: 240px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 60px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #07426e;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 70%;
}

.arrowlistmenu ul li a:visited{
color: #07426e;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #dbdbdb;
}


.applemenu{
margin: auto;
padding: 0;
width: 400px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

#menu_text{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.menubtn{
	float:left;
	width:7em;
	text-decoration:none;
	color:#ffffff;
	font-family: Arial;
	font-size:12px;
	padding:6px 0px 9px 0px; 
	margin: 0px 0px 0px 0px;
	text-align:center;
}

.menubtn:hover{
	color:#ffffff;
	background-color:#595756;
}


.menubtn2{
	float:left;
	width:7em;
	text-decoration:none;
	color:#ffffff;
	font-family: Arial;
	font-size:12px;
	padding:6px 0px 9px 0px; 
	margin: 0px 0px 0px 0px;
	text-align:center;
	background-color:#00608d;
}





li.top_l {
	display:inline;
}

ul.menu_u{
	list-style-type: none;
}

a.menubtn_new{
	text-decoration:none;
	color:#ffffff;
	font-family: Arial;
	font-size:12px;
	padding:5px 20px 10px 20px; 
	margin: 0px 0px 0px 0px;
	
}



a.menubtn_new:hover{
	color:#ffffff;
	background-color:#595756;
}

.menubtn2_new{
	text-decoration:none;
	color:#ffffff;
	font-family: Arial;
	font-size:12px;
	padding:5px 20px 10px 20px; 
	margin: 0px -4px 0px 0px;
	text-align:center;
	background-color:#00608d;
}


a.menubtn2_new1{
	text-decoration:none;
	color:#ffffff;
	font-family: Arial;
	font-size:12px;
	padding:5px 20px 10px 20px; 
	margin: 0px -4px 0px 0px;
	text-align:center;
	background-color:#00608d;
}

a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   250px;
  padding: 2px 5px;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 12px;;
  color:   #FFFFFF;
 	 
}

a.sample_attach, a.sample_attach:visited { border-bottom:  1px solid white;  background: #006592;}
div#services  { border-bottom: 1px solid white;  margin: 9px 0px 0px -20px; }
div#solutions  { border-bottom: 1px solid white;  margin: 9px 0px 0px -20px; }

a.sample_attach:hover{
	 background: #ffcc55;


}