/*--------------------------
global reset styles
-----------------------------*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline; 
/*background-image: transparent;*/ /* edit! has been removed again */ 
} 
/* remember to define focus styles! */ 
:focus { 
outline: 0; 
} 
body { 
line-height: 1; 
color: black; 
background: white; 
} 
ol, ul { 
list-style: none; 
} 
/* tables still need 'cellspacing="0"' in the markup */ 
table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
caption, th, td { 
text-align: left; 
font-weight: normal; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
content: ""; 
} 
blockquote, q { 
quotes: "" ""; 
}


/*--------------------------
regular styling begins here
-----------------------------*/
 .clearix{clear:both;width:100%;}
body{
width:100%;
background:url("../images/clouds-bg.png") repeat-x 0px 36px;
font-family: 'Helvetica Neue', 'Helvetica', sans-serif; font-stretch:normal;

}
a{color:#1d1d1d;
text-decoration:none;}
a:hover{}
p{line-height:1.3;}
#container{
width:1200px;
margin:0px auto;
}
#header{
width:1200px;
height:75px;
}
#logo{
width:400px;
height:63px;
float:left;
padding-left:0px;
padding-top:0px;
}
#nav{
width:580px; 
height:45px;
float:right;
margin-right:0px;
background: #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
#nav ul{
padding-top:15px;
}
#nav ul li {
float:left;
margin-left:20px;
list-style-type:none;
font-size:14px;
color:#70767d;

}
#nav ul li a{
color:#70767d;
padding:8px;
text-decoration:none;
text-shadow: 0px 1px 1px #fff;
-moz-text-shadow: 0px 1px 1px #fff;
-ms-text-shadow: 0px 1px 1px #fff;
-o-text-shadow: 0px 1px 1px #fff;

}

#nav ul li.chat a{
color:#699006;
font-weight:500;
}

#nav ul li.chat a:hover{
color:#7DAC05;
font-weight:500;
}

#nav ul li a:hover{
color:#70767d;
padding:8px;
background-color:#e0dfe2;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
box-shadow:0px 0px 5px #b3b3b3;
-moz-box-shadow:0px 0px 5px #b3b3b3;
-ms-box-shadow:0px 0px 5px #b3b3b3;
-o-box-shadow:0px 0px 5px #b3b3b3;
text-shadow: 0px 1px 1px #fff;
-moz-text-shadow: 0px 1px 1px #fff;
-ms-text-shadow: 0px 1px 1px #fff;
-o-text-shadow: 0px 1px 1px #fff;


}
#nav ul li a:active{
color:#70767d;
text-shadow: 0px 1px 1px #fff;
-moz-text-shadow: 0px 1px 1px #fff;
-ms-text-shadow: 0px 1px 1px #fff;
-o-text-shadow: 0px 1px 1px #fff;

}
#nav ul li.new-bg{width:110px;position:relative;}
#nav ul li.new-bg a{
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
#nav ul li.new-bg a:hover{}
#nav ul li.new-bg img{
position:relative;
top:-28px;
right:81px;
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* IE 9 */
-moz-transform:rotate(-7deg); /* Firefox */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
-o-transform:rotate(-7deg); /* Opera */
}
#promo{
height:350px;
width:1200px;
position:relative;
background:url("../images/agent-bg.png") no-repeat 40px -20px;
*margin-bottom:20px;
}


.primaryClasstest{
float:right;
color:#3c9ee8;
font-size:48px;
margin-right:40px;
margin-top:40px;
font-weight:700;
text-shadow: 0px 1px 1px #095a98;
-moz-text-shadow: 0px 1px 1px #095a98;
-ms-text-shadow: 0px 1px 1px #095a98;
-o-text-shadow: 0px 1px 1px #095a98;
}
.secondaryClasstest{
float:right;
clear:right;
width:1100px;
text-align:right;

color:#3c9ee8;
font-size:36px;
margin-right:40px;
font-weight:700;
text-shadow: 0px 1px 1px #095a98;
-moz-text-shadow: 0px 1px 1px #095a98;
-ms-text-shadow: 0px 1px 1px #095a98;
-o-text-shadow: 0px 1px 1px #095a98;
}
.tertiaryClasstest{
float:right;
clear:right;
width:1100px;
text-align:right;
color:#5c5c5c;
font-size:24px;
margin-right:40px;
margin-top:10px;
margin-bottom:70px;
font-weight:600;
text-shadow: 1px 1px -1px #eee;
-moz-text-shadow: 1px 1px -1px #eee;
-ms-text-shadow: 1px 1px -1px #eee;
-o-text-shadow: 1px 1px -1px #eee;
}

.main-promo-phone{
color:#3c9ee8;
font-size:28px;
margin-right:40px;
margin-top:-15px;
margin-bottom:5px;
font-weight:600;
height:30px;
padding:10px;
text-shadow: 1px 1px -1px #fff;
-moz-text-shadow: 1px 1px -1px #fff;
-ms-text-shadow: 1px 1px -1px #fff;
-o-text-shadow: 1px 1px -1px #fff;
z-index:2;

}
#phonecontainer{
width:1200px;
padding-top:25px;
margin: 30px auto;
text-align:center;
background:#eee;
border-radius:5px;


}
#get-new-box{
position:relative;
top:0px;
float:left;
margin-left:410px;
padding-right:25px;
margin-top:-20px;
}
.newbox{
display:block;
width:380px;
height:110px;
background:url("../images/get-new-small.png") no-repeat 0px -0px;
}
.newbox:hover{
display:block;
width:380px;
height:110px;
background:url("../images/get-new-small.png") no-repeat 0px -190px;

}
#move-existing-box{
position:relative;
top:0px;
float:left;
margin-top:-20px;
}
.movebox{
display:block;
width:380px;
height:110px;
background:url("../images/move-box-small.png") no-repeat 0px 0px;
}
.movebox:hover{
display:block;
width:380px;
height:110px;
background:url("../images/move-box-small.png") no-repeat 0px -190px;

}
#maincontent{
position:relative;
margin-top:30px;

}

#leftcol{
width:500px;
float:left;
position:relative;
top:-60px;
}
.post{
width:400px;
height:190px;
margin-top:5px;
font-weight:normal;
font-size:14px;
float:left;
margin-right:15px;
font-size:12px;
}
.post-about{
width:500px;
height:190px;
margin-top:5px;
font-weight:normal;
font-size:14px;
float:left;
margin-right:15px;
font-size:12px;
}
.post img{
float:left;
height:100px;
width:110px;
padding-right:30px;
padding-bottom:5px;
margin-bottom:5px;
}

h1.greytitle{
float:left;
color:#545454;
padding:3px;
margin-bottom:10px;
}
.post-title{
font-size:22px;
font-weight:700;
width:100%;
height:40px;
}
.award-title{
font-size:14px;
font-weight:800;
width:100%;

}
p.post-content{
float:right;
width:300px;
}

.post li{
color:#70767d;
text-align:left;
list-style-image:url("../images/checkmark-small.png");
padding-bottom:4px;


}
#rightcol{
float:left;
width:700px;
}
#vanity_form{
height:200px;
width:300px;
padding:20px;
background: #eee;
float:right;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
margin-bottom:10px;
margin-right:0px;
padding-top:5px;
}
.form_title{
width:100%;
padding-bottom:10px;
padding-top:0px;
font-size:13px;
color:#3C9EE8;
font-weight:800;
line-height:1.7;
}
.form_info{
font-size:12px;
}

#vanity_form form{
font-size:24px;
color:#545454;
font-weight:800;
}
#vanity_form form span{
font-size:12px;
color:#545454;
font-weight:400;

}
.form_title span{
color:#545454;
}
#vanity_form form select.selectform{
height:500px;

}
#vanity_form form input.searchform{

width:280px;
font-size:14px;
margin-right:20px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border: 1px solid #ccc;
box-shadow:0px 0px 5px #b3b3b3;
-moz-box-shadow:0px 0px 5px #b3b3b3;
-ms-box-shadow:0px 0px 5px #b3b3b3;
-o-box-shadow:0px 0px 5px #b3b3b3;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;

}
#vanity_form form input.submitform{
height:45px;
padding-top:5px;

}
form table tbody tr,form table tbody td, form table tbody{
height:45px;
vertical-align:middle;
}
#awards{
float:left;
height:150px;
width:240px;
padding:10px;
}
#awards h1{
width:100%;
}
#awards img{
float:left;
}
.quote{font-size:36px;margin-bottom:0px;}
.testimonialpost{font-size:18px;font-weight:400;color:#70767d;line-height:1.3;padding-left:10px;}
.name{font-size:14px;font-weight:400;color:#d4d4d4;padding-left:10px;}

#actionbar2{
width:1200px;
height:60px;
clear:both;



}
#action-container{
width:790px;
height:60px;
margin: 0px auto;

}
#price_badge{
width:200px;
height:200px;
position:absolute;
top:150px;
left:-0px;
}
#price_badge  img{
width:200px;
height:200px;
}

/*-------------------
PRICING  & features PAGE STYLES
---------------------*/
body.pricing{
background:url("../images/clouds-bg-thin.png") repeat-x 0px 30px;
}
#promo-thin{
height:105px;
width:1200px;
position:relative;
}
#promo-thin .pagename{
color:#3c9ee8;
font-size:48px;
position:relative;
*right:-20px;
top:30px;
font-weight:700;
text-shadow: 1px 1px 1px #095a98;
-moz-text-shadow: 1px 1px 1px #095a98;
-ms-text-shadow: 1px 1px 1px #095a98;
-o-text-shadow: 1px 1px 1px #095a98;
z-index:2;
}
#action-button{
width:400px;
position:relative;
left:700px;
top:-10px;
}

.phonenumberspot{
width:370px;
height:100px;
font-size:36px;
color:#2d2d2d;
position:relative;
left:720px;
top:-30px;
text-align:center;
z-index:500;
}
.phonenumber{
color: #3C9EE8;
font-weight:bold;
font-size: 28px;
text-shadow: 1px 1px 1px #095A98;
-moz-text-shadow: 1px 1px 1px #095a98;
-ms-text-shadow: 1px 1px 1px #095a98;
-o-text-shadow: 1px 1px 1px #095a98;
margin-left:20px;

}
.phonenumberTAG{
font-size:24px;
color:#545454;
padding-bottom:15px;
}
.phonenumberspot a{
width:200px;


}
.pricing_left{width:800px;float:left;
margin-bottom:20px;}
.feat_left{width:400px;float:left;
margin-bottom:20px;}
.pricingtext{
font-size:14px;
color:#2d2d2d;
}
.pricingtext img{margin: 20px;width:370px;}
.pricingtext p{font-size:14px;width:370px; margin: 5px auto;text-align:justify;margin: 20px;margin-top:5px;}
.pricetitle{
color: #3C9EE8;
font-weight:bold;
font-size: 16px;
margin: 20px;
margin-bottom:0px;
width:90%;
}
.pricing_right{width:400px;float:right;}
.feat_right{width:800px;float:left;}


#pricing-content{width:1200px;}

#pricing-table {
	width: 580px;
	margin: 0px auto;
	border: 0px solid #fff;
	background:url('../images/pricing-bg.png') repeat;
	
 }

#pricing-table .rowa {
	border-bottom: 1px solid #e2e2e2;

	height: 10px;
}
#pricing-table .rowb {
	border-bottom: 1px solid #fff;
	height: 10px;
}
#pricing-table .cell {
	height:45px;
	padding-left:25px;
	vertical-align:middle;
	border-spacing:1px;
	border-top:#fff;
	border-right:#fff;
	border-bottom:#e2e2e2;
	line-height:1.3;
	
	
}
tr.topribbon {
border-bottom:#fff;
border-top:none;
background: url('../images/ptable-ribbon-top.png') 0px 0px no-repeat;
width:600px;
height:46px;
}
tr.botribbon {
border-bottom:#fff;
border-top:none;
background: url('../images/ptable-ribbon-bottom.png') 0px 0px;
width:600px;
height:46px;
}
tr.topribbon-green {
border-bottom:#fff;
border-top:none;
background: url('../images/ptable-ribbon-top-green.png') 0px 0px no-repeat;
width:600px;
height:46px;
}
tr.botribbon-green {
border-bottom:#fff;
border-top:none;
background: url('../images/ptable-ribbon-bottom-green.png') 0px 0px;
width:600px;
height:46px;
}
.title{
padding: 25px;
font-size:24px;
text-shadow: 1px 1px -1px #fff;
	
}
.col1{
width:130px;

}

.col2{
width:105px;
}
.col3{
width:130px;
}
.col4{
width:120px;
}
.feature{width:150px;font-size:14px;}
.minutes{width:120px;}
.basic{width:100px;}

.ribbon-hack{
width:600px;
margin-bottom:40px;
float:left;
margin-left:100px;



}
.buybuttons{
vertical-align:middle;
height:40px;
padding-left:180px;
padding-top:12px;
}
.buybuttons a{
padding-left:120px;
}
h1.pricing-head{
color: #3C9EE8;
font-weight:bold;
font-size: 28px;
text-shadow: 1px 1px 1px #095A98;
-moz-text-shadow: 1px 1px 1px #095a98;
-ms-text-shadow: 1px 1px 1px #095a98;
-o-text-shadow: 1px 1px 1px #095a98;
margin-top:10px;
margin-bottom:0px;
margin-left:110px;
}
.centpermin{font-size:14px;color:#3C9EE8;margin-left:9px;font-weight:700;}

.permin{font-size:13px;color:#3C9EE8;font-weight:700;}

.pack1{display:block;margin-left:150px;float:left;width:120px;height:40px;
background:url("../images/table-ribbon_hovers.png") no-repeat -162px -1px;
}
.pack2{display:block;float:left;width:130px;height:40px;margin-left:20px;
background:url("../images/table-ribbon_hovers.png") no-repeat -280px -1px;
}
.pack3{display:block;float:left;width:170px;height:38px;
background:url("../images/table-ribbon_hovers.png") no-repeat -420px -1px;
}
.pack1:hover{
background:url("../images/table-ribbon_hovers.png") no-repeat -162px -48px;
}
.pack2:hover{
background:url("../images/table-ribbon_hovers.png") no-repeat -280px -48px;
}
.pack3:hover{
background:url("../images/table-ribbon_hovers.png") no-repeat -420px -48px;
}
.aa_learn_more{
	color:#333;
	font-weight:600;
	text-decoration:none;
}
.chart_container{
width:800px;
height:500px;

}
.chart_container_corp{
width:400px;
height:500px;

}
td.ribbon_bg_exec{
height:97px;
background:url("../images/gold_package_bot.png") no-repeat;
}
td.ribbon_bg_gold{
height:97px;
background:url("../images/executive_package_bot.png") no-repeat;
}
td.ribbon_bg_corporate{
height:97px;
background:url("../images/corporate_bot.png") no-repeat;
}
.pnum_positioning{
width:270px;
color: #fff;
font-weight:bold;
font-size: 24px;
text-shadow: 1px 1px 1px #095A98;
-moz-text-shadow: 1px 1px 1px #095a98;
-ms-text-shadow: 1px 1px 1px #095a98;
-o-text-shadow: 1px 1px 1px #095a98;
float:right;
margin-top:20px;
text-align:right;
margin-right:20px;
}
.pnum_positioning2{
width:390px;
color: #fff;
font-weight:bold;
font-size: 24px;
text-shadow: 1px 1px 1px #095A98;
-moz-text-shadow: 1px 1px 1px #095a98;
-ms-text-shadow: 1px 1px 1px #095a98;
-o-text-shadow: 1px 1px 1px #095a98;
text-align:center;
margin-top:35px;


}
.pnum_chart{
margin-left:4px;
color:#fff;
margin-top:4px;
}
a.moreminbtn{
display:block;
width:490px;
height:42px;
margin-left:15px;
margin-top:25px;

}
/*--------------------
About Us Page Styles
----------------------*/
#awards-about{
width:1200px;
}
.about-title{
color: #3C9EE8;
font-weight:bold;
font-size: 28px;
text-shadow: 0px 1px 1px #095A98;
-moz-text-shadow: 0px 1px 1px #095a98;
-ms-text-shadow: 0px 1px 1px #095a98;
-o-text-shadow: 0px 1px 1px #095a98;
margin-bottom:15px;
}
.phone-title{
color: #3C9EE8;
font-weight:bold;
font-size: 28px;
text-shadow: 0px 1px 1px #095A98;
-moz-text-shadow: 0px 1px 1px #095a98;
-ms-text-shadow: 0px 1px 1px #095a98;
-o-text-shadow: 0px 1px 1px #095a98;
margin-bottom:15px;

}


.modal-title{
color: #3C9EE8;
font-weight:bold;
font-size: 18px;
text-shadow: 0px 1px 1px #095A98;
-moz-text-shadow: 0px 1px 1px #095a98;
-ms-text-shadow: 0px 1px 1px #095a98;
-o-text-shadow: 0px 1px 1px #095a98;
margin-bottom:15px;
}
#leftcol-about{
width:550px;

float:left;
margin-left:50px;

}
#leftcol-about img{
border:5px solid #fff;
margin: 5px 0px 0px 20px;

}

#rightcol-about{
width:550px;
float:left;
margin-left:20px;
}
p.post-content-about{
float:left;
width:500px;
text-align:justify;
line-height:1.4;
}
p.post-content-about a{
text-decoration:underline;
color: #3C9EE8;
}
#leftcol-about p.post-content-about, #leftcol-about h1.about-title{
width:500px;
margin-left:20px;
}
.wide-content{
width:1100px;
margin: 10px auto;
}
.wide-text{
width:1000px;
text-align:justify;
line-height:1.2;
font-weight:normal;
font-size:14px;
}
.imgshadow{
box-shadow: 0px 0px 5px #5d5d5d;
-ms-box-shadow: 0px 0px 5px #5d5d5d;
-moz-box-shadow: 0px 0px 5px #5d5d5d;
-webkit-box-shadow: 0px 0px 5px #5d5d5d;
-o-box-shadow: 0px 0px 5px #5d5d5d;
}
/*-------------
Vanity pages
--------------*/
#subnav{width:1000px;height:170px; margin: 0px auto;}
#instructions{
width:1000px;
margin: 0px auto;
margin-bottom:20px;
}
#instructions p{
width:900px;
margin: 0px auto;
font-size:14px;
color:#5c5c5c;

}


#easyTooltip{
	padding:20px;
	border:1px solid #2D2D2D2;
	max-width:400px;
	background:#e6e8e7;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	BOX-SHADOW: 0px 3px 10px #2d2d2d;
	-moz-BOX-SHADOW: 0px 3px 10px #2d2d2d;
	-o-BOX-SHADOW: 0px 3px 10px #2d2d2d;
	-ms-BOX-SHADOW: 0px 3px 10px #2d2d2d;
	color:#70767D;
	line-height:1.3;
	}

#easyTooltip2{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#e6e8e7;
	color:#70767D;
	width:250px;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}	
#costo_privacy{
width:100%;
height:20px;
padding:10px;
text-align:center;
font-size:10px;
color:#5d5d5d;
background:#dfe0e5;
margin-bottom:-10px;

}
.clearfix{clear:both;}
#footer{
height:50px;
width:1100px;
margin:0px auto;
clear:both;
color:#A0A0A0;
text-align:right;
}
.modal-style-crutch{
width:300px;
font-size:14px;
padding:20px;

}
.modal-style-crutch-move{
width:500px;
font-size:14px;
padding:20px;

}
.modal-style-crutch-corporate{
width:400px;
font-size:14px;
padding:20px;

}
.modal-style-crutch-feat{
width:500px;
font-size:14px;
padding:20px;
color:#5d5d5d;

}
.slider_container{
width:300px;
height:200px;
float:left;
margin-top:-20px;
}
/*------------------------------------------
--------------------------------------------

Auto Attendant Diagram

-------------------------------------------
--------------------------------------------*/

.aa_col_left{
	width:650px;
	float:left;

}
.aa_col_right{
	width:500px;
	padding:20px;
	float:right;
}
.aa_info_wrapper{
	background: #f4f4f4;
	border-radius:10px;
	padding:30px;
}
.aa_title{
	font-size:30px;
	color:#3C9EE8;
	font-weight:700;
	margin-bottom:5px;
	text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;

}
.aa_subtitle{
	font-size:18px;
	color:#2d2d2d;
	font-weight:700;
	margin-bottom:25px;
	text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
}
.aa_easy_title{
	font-size:30px;
	color:#3C9EE8;
	font-weight:700;
	margin-bottom:5px;
	text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
}
.aa_easy_subtitle{
	font-size:22px;
	color:#2d2d2d;
	font-weight:700;
	margin-bottom:55px;
	text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
	}
.bottom_left_text{
	font-size:30px;
	color:#3C9EE8;
	font-weight:700;
	margin-top:25px;
	text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
}
.aa_info_wrapper{
	margin-bottom:15px;
}
.info_list_item{
font-size: 14px;
text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
color: #5D5D5D;
font-weight: 400;
text-align: justify;
margin-top:4px;
margin-left:20px;
list-style-type: disc;
}
ul.aa_list{
list-style-type: disc;
	margin-left: 0;
	padding-left: 1em;
}
.info_content{
	font-size: 14px;
text-shadow: 1px 1px 1px white;
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
-ms-text-shadow: 1px 1px 1px #fff;
-o-text-shadow: 1px 1px 1px #fff;
color: #5D5D5D;
font-weight: 400;
line-height:1.3;
text-align: justify;
}
.wo_diagram{
	width:650px;
	height:650px;
	background:url("../images/wo_diagram_sprite.png") 0px 0px;
	position:relative;
	cursor: default;
	font-family: 'Helvetica Neue', 'Helvetica', sans-serif; font-stretch:normal;
	font-weight:600;

}
.aatitle{
	color:#fff;
	font-weight:600;
	font-size:22px;
}
.number{
	width:190px;
	height:190px;
	position:absolute;
	top:20px;
	left:20px;
	display:block;
	cursor: default;

}
.menus{
	width:650px;
	height:43px;
	position:absolute;
	top:250px;
	left:0px;
	display:block;
	cursor: default;
}
.menus:hover{
	cursor: default;
	background:url("../images/wo_diagram_sprite.png") 0px 120px;


}
.routing1{
	width:60px;
	height:55px;
	position:absolute;
	top:325px;
	left:15px;
	cursor: default;
}
.routing1:hover{
	cursor: default;
	background:url("../images/wo_diagram_sprite.png") -16px 223px;
}
.dialbyname{
	width:60px;
	height:65px;
	position:absolute;
	top:323px;
	left:103px;
	cursor: default;
}
.dialbyname:hover{
	cursor: default;
	background:url("../images/wo_diagram_sprite.png") -104px 225px;
}
.hours{
	width:65px;
	height:90px;
	position:absolute;
	top:323px;
	left:175px;
	cursor: default;
}
.hours:hover{
	cursor: default;
	background:url("../images/wo_diagram_sprite.png") -176px 225px;
}
.nestedmenus{
	width:320px;
	height:190px;
	position:absolute;
	top:450px;
	left:5px;
	cursor: default;
}
.nestedmenus:hover{
	cursor: default;
	background:url("../images/wo_diagram_sprite.png") -5px 435px;
}
.orderedhunt{
	width:120px;
	height:245px;
	position:absolute;
	top:400px;
	left:360px;
	cursor: default;
}
.orderedhunt:hover{
	background:url("../images/wo_diagram_sprite.png") 290px 436px;
	cursor: default;
}
.simultaneous{
	width:120px;
	height:245px;
	position:absolute;
	top:400px;
	left:490px;
	cursor: default;
}
.simultaneous:hover{
	background:url("../images/wo_diagram_sprite.png") 160px 435px;
	cursor: default;
}

#textbox, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8{
	width:390px;
	height:150px;
	position:absolute;
	top:25px;
	left:210px;
	display:none;
	font-size:16px;
	letter-spacing:1px;
	line-height:1.3;
	color:#eee;
	-webkit-text-shadow: 0px 1px 1px #2d2d2d;
	-moz-text-shadow: 0px 1px 1px #2d2d2d;
	-o-text-shadow: 0px 1px 1px #2d2d2d;
	-ms-text-shadow: 0px 1px 1px #2d2d2d;
	text-shadow: 0px 1px 1px #2d2d2d;
	padding:20px;
}
#textbox{
	display:block;
}
