#content h1 {
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0;
}

.contact-link{
	display:block;
	margin:12px auto 0;
	width:200px;
	text-indent:-3px;
	line-height:25px;
	height:28px;
	background:transparent url(../images/package-contact-btn.png) no-repeat top center;
	color:#fff;
	font-weight:bold;
}
.order-link{
	display:block;
	margin:5px auto 0;
	width:150px;
	text-indent:-3px;
	line-height:25px;
	height:28px;
	background:url(../images/order-btn.png) no-repeat top center;
	color:#2463AF;
	text-align:center;
	font-weight:bold;
}


table.package-includes{
	width:700px;
	background:url(../images/package-includes-bg.png) no-repeat right top;
	height:290px;
	border-collapse:collapse;
	margin:10px 0 0;
}
td.package-includes-price{
	background:transparent url(../images/package-includes-box.jpg) no-repeat right bottom;
	padding:10px 0 0 20px;
	color:#fff;
	text-align:center;
}
table.package-includes ul{
	margin:10px 0 0 0;
}
table.package-includes li{
	margin-bottom:8px;
	list-style-image:url(../images/bullet.gif);
	color:#333;
}

table.package-extras{
	width:100%;
	border-collapse:collapse;
	margin:10px 0 20px;
}
table.package-extras td{
	border-bottom:1px solid #FF9C1C;
	color:#333;
}

.package-includes .price-title{
	height:50px;
	display:block;
}
.package-includes-price .contact-link{
	width:150px;
	background:url(../images/package-contact-btn2.png) no-repeat top center;
	margin:15px auto 0;
	font-size:14px;
}
.package-includes .price-title{
	height:50px;
	display:block;
}

.price-title{
	font-size:24px;
	font-weight:bold;
}

.price-subtitle{
	font-size:18px;
}

.price-desc{
	font-style:italic;
}
.price-conv{
	position:absolute;
	left:-10px;
	top:30px;
	font-size:10px;	
	font-family:Tahoma;
	font-weight:normal;
	line-height:12px;
	text-align:center;
}
.package-extras .price-title{
	font-size:16px;
	font-weight:bold;
	margin:0;
	display:block;
	height:30px;
}
.package-extras .price{
	line-height:30px;
}
.package-extras .price-conv{
	width:160px;
	top:-3px;
	left:90px;
}

/* online marketing packaed styles */
.market-package{ margin:45px 4px 0 10px; }
.market-package div{ padding:10px 20px 20px 10px;}
.market-package div div{ padding:0;}
.market-package ul{ margin:0 0 10px 0;}

#package-1{ background:url(../images/package-1-bg.png) no-repeat top; color:#fff;}
#package-1 div{ background:url(../images/package-1-bottom.png) no-repeat bottom;}

#package-2{ background:url(../images/package-2-bg.png) no-repeat top; color:#333;}
#package-2 div{ background:url(../images/package-2-bottom.png) no-repeat bottom;}

#package-3{ background:url(../images/package-3-bg.png) no-repeat top; color:#333;}
#package-3 div{ background:url(../images/package-3-bottom.png) no-repeat bottom;}

#package-2 div div, #package-1 div div, #package-3 div div{ background-image:none;}

#content .market-package h3{ margin:0 0 10px 0; font-weight:bold; font-size:16px; text-indent:-5000px;}

.costs{ text-align:center;}
#package-1 .costs span, .costs span{ font-size:16px; display:block; margin:0 50px; background:url(../images/cost-bg.png) no-repeat; color:#333; line-height:35px; height:35px; overflow:hidden}
#package-3 .costs span{ margin:0 150px; background:url(../images/cost-bg2.png) no-repeat;}

#package-1 .costs span.saving, .costs span.saving, #package-3 .costs span.saving{ font-style:italic;  display:inline; margin:0; background:none; color:#064EA2; }

.costs a{ font-size:16px;}
.costs span a{ font-size:24px;}
body .costs span a.full-price{ text-decoration:line-through; color:#c00; font-size:18px; font-weight:normal;}

.include li{ cursor:pointer;}
.include li span, .seo-item span, #seo-calc legend span{ position:relative;}
.seo-item span, #seo-calc legend span{ text-decoration:underline}
#seo-calc legend span{ color:#064E8F; cursor:help}
.seo-item span.seo-pages, .seo-item span div, .seo-item span.style-pages{ text-decoration:none}

#package-1 .include-info, #package-2 .include-info, #seo-calc .include-info{ display:none; position:absolute; top:-10px; right:-320px; z-index:10; width:320px; cursor:default; background:url(../images/include-info-bg.png) no-repeat top left;}
#package-3 .include-info{ display:none; position:absolute; bottom:-10px; right:-320px;  z-index:10; width:320px; cursor:default; background:url(../images/include-info-bg2.png) no-repeat bottom left;}

.market-package .include-info div, #seo-calc .include-info div{ padding:10px; color:#333; border:1px solid #064E8F; border-width:0 1px 1px 0; margin-left:10px;}
#package-3 .include-info div{ border-width:1px 1px 0 0;}
.market-package .include-info div div, #seo-calc .include-info div div{ padding:0; border:none; margin:none;}
.include-info p{ margin:0 0 10px 0;}

.market-package .include-info div div.include-value, #package-3 .include-info div div.include-value{ text-align:center; border:1px dashed #ccc; border-width:1px 0;}

.include-info h4{ margin:0;}

.left-list, .right-list{ width:50%; float:left;}

.condition{ font-size:11px; font-style:italic;}

.narrowTooltip:hover{cursor:help;}#narrowTooltip{position:absolute;border:1px solid #F59306;border-width:1px 2px 2px 1px;background:#FEF4E6;padding:2px 5px;color:#333;display:none;width:80px;text-align:left;line-height:16px;font-size:11px; z-index:100;}
#narrowTooltip h3{ margin:0;}



.sideInfo{ background:#F5F5EB; padding:5px; color:#333;}
.sideContent{ margin-bottom:10px;}
.sideContent img{ border:none;}

/* web dev page */
.dev-solutions{
	height:470px;
	position:relative;
	margin:20px 7px;
}

.dev-title{
	padding:182px 230px 100px;
	text-align:center;
	background:url(../images/solution-title-bg.png) no-repeat;
	background-position:196px 160px;
}

#content .dev-title h3{
	padding:5px 9px 9px 5px;
	color:#fff; background:transparent;
}

#content .solution {
	width:200px;
	position:absolute;
	background:url(../images/solution-bg.png) no-repeat;
	z-index:0;
	text-align:left;
}
.solution div{
	margin:5px 9px 9px 5px;
	height:150px;
}
.solution h4{
	font-size:14px;
	margin:0 0 5px 0;
	color:#154988;
	font-weight:bold;
}

.sol-1{
	top:0px;
	left:250px;
}
.sol-2{
	top:110px;
	left:0px;
}
.sol-3{
	top:110px;
	right:0px;
}
.sol-4{
	top:310px;
	left:70px;
	z-index:100;
}
.sol-5{
	top:310px;
	right:70px;
	z-index:100;
}
.dev-project{
	margin:10px 7px;
}

.dev-include{
	padding:5px 9px 31px 5px;
}
#content .dev-include h4{
	font-size:14px;
	margin: 0 0 5px 0;
	color:#154988;
}

.include-1{
	background:url(../images/include-1.png) no-repeat;
}
.include-2{
	background:url(../images/include-2.png) no-repeat;
}
.include-3{
	background:url(../images/include-3.png) no-repeat;
}
.include-4{
	background:url(../images/include-4.png) no-repeat;
	padding:5px 9px 9px 5px;
	margin-bottom:10px;
}


/* document extension icons ****************/
a[href $='.pdf'] { 
   padding:2px 0px 2px 20px;
   background: transparent url(../images/pdf-icon.png) no-repeat center left;
}

a[href $='.ppt'] { 
   padding:2px 0px 2px 20px;
   background: transparent url(../images/ppt-icon.png) no-repeat center left;
}

a[href $='.doc'], a[href $='.docx']{ 
   padding:2px 0px 2px 20px;
   background: transparent url(../images/doc-icon.png) no-repeat center left;
}

a[href $='.xls'], a[href $='.xlsx']{ 
   padding:2px 0px 2px 20px;
   background: transparent url(../images/xl-icon.png) no-repeat center left;
}

a[href $='.jpg'], a[href $='.jpeg'], a[href $='.gif'], a[href $='.png']{ 
   padding:0px;
   background: none;
}


/* packge steps *****************************************/
.steps h2{ font-weight:normal; color:#fff; font-size:18px;}
.steps{
	background:#47BCEC;
	margin:0 -10px 10px;
	padding:5px;
}

.steps div{
	background:#fff url(../images/step-bottom-point.png) bottom no-repeat;
}
.steps div.step-bottom{
	background:#fff url(../images/step-bottom.png) bottom no-repeat;
}
.steps div.step-1 div{
	background: url(../images/step-1.png) top no-repeat;
}
.steps div.step-2 div{
	background: url(../images/step-2.png) top no-repeat;
}
.steps div.step-3 div{
	background: url(../images/step-3.png) top no-repeat;
}
.steps div.step-4 div{
	background: url(../images/step-4.png) top no-repeat;
}
.steps div.step-5 div{
	background: url(../images/step-5.png) top no-repeat;
}
.steps div.step-6 div{
	background: url(../images/step-6.png) top no-repeat;
}
.steps div div{
	padding:5px 5px 15px 35px;
}

.important{
	background:#c00;
	margin:0 -10px 10px;
	padding:5px;
}
.important ul, .important p{
	margin:0;
	}

.important h2, .steps h2{
	color:#fff; background:transparent;
	margin:0 0 5px 0;
	font-weight:normal; color:#fff; font-size:18px;
}

.important h4{
	font-size:14px;
}

.important div{
	background:#fff url(../images/important-top.png) no-repeat top;
}
.important div div{
	background:url(../images/important-bottom.png) no-repeat bottom;
	padding:5px;
}
.time-chart{ margin-left:-10px;}