/* CSS Document */

/*This if for packages section*/

#index .hello2 {
	background:url(../img/hello_packages.gif) no-repeat left top;
	padding:48px 0 0 0
	}
#index .hello2 p {
	margin:0 20px 10px 2px;
	font-size:84%;
	color:#555337;
	line-height:130%
	}
#index .hello2 p a {
	color:#555337;
	border-bottom:1px dashed #878358;
	}
#index .hello2 p a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}
	
/*	-------------------------*/
	
#index .why-work2 {
	float:left;
	width:505px;
	background:url(../img/why-work-packages.gif) no-repeat left top;
	padding:34px 0 0;
	color:#878358
	}
#index .why-work2 h2 {
/*	font:bold 16px/17px "Trebuchet MS",arial,sans-serif;
	color:#3C3D11;
	text-transform:uppercase;
	letter-spacing:6px;
	padding:0 0 2px 0;
	margin:0 20px 20px 3px;
	background:url(../img/dotted.gif) repeat-x bottom*/
	display:none
	}
#index .why-work2 .bg-border {
	float:left;
	width:100%;
	padding:0 0 10px;
	background:url(../img/bg-border-why-work.gif) repeat-y left
	}
#index .why-work2 .first {
	float:left;
	width:131px;
	padding:0 12px 0 0;
	overflow:hidden
	}
#index .why-work2 .second {
	float:left;
	width:162px;
	padding:0 0 0 13px
	}
#index .why-work2 .third {
	float:right;
	width:155px;
	padding:0 10px 0 10px;
	overflow:hidden
	}
	
/*#index .why-work2 .forth {
	float:left;
	width:500px;
	padding:0 10px 0 10px;
	overflow:hidden
	}*/
	
#index .why-work2 strong.h {
	display:block;
	font:bold 15px "Trebuchet MS",arial,sans-serif;
	text-transform:uppercase;
	padding:0 0 0 25px;
	margin:0 0 8px 0;
	background:url(../img/bullet-web-packages.gif) no-repeat 0 0
	}
#index .why-work2 strong.h a {
	color:#369;
	white-space:nowrap
	}
#index .why-work2 strong.h a:hover {
	border-bottom:1px dashed #369;
	}
#index .why-work2 div p {
	margin:0 3px 10px 3px;
	font-size:70%
	}
div.line {
	clear:both;
	height:1px;
	overflow:hidden;
	background:url(../img/dotted.gif);
	margin:0 0 10px 0
	}
#index .why-work2 div p a,
#index .why-work ul li a {
	color:#878358;
	border-bottom:1px dashed #878358	
	}
#index .why-work2 div p a:hover,
#index .why-work ul li a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}
#index .why-work2 strong.h3 {
	display:block;
	font-size:70%;
	color:#5F6038;
	margin:0 0 0 14px;
	white-space:nowrap
	}
#index .why-work2 ul {
	margin:0;
	padding:0 0 8px 3px;
	font-size:70%;
	line-height:150%
	}
#index .why-work2 ul li {
	margin:0;
	padding:0 0 0 11px;
	list-style:none;
	background:url(../img/square-bullet-packages.gif) no-repeat 0 6px
	}
/*--------Below controls pacakges range pricing fonts-------------*/
.style1 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style2 {
	color: #5F5C3D;
	font-family: "Trebuchet MS";
}
/*-------end note on packages below-----------*/
.style3 {
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	color: #3C3E12;
}
.style4 {
	color: #006699;
	font-weight: bold;
}