#wrapper {
	width:960px;
	float:center;
	margin:auto;
	padding:auto;
	background-color:#ffffff;
}
#container {
	width:960px;
	float:center;
	margin:auto;
	position: absolute;
}
#top-section {
	width:960px;
	margin:10px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#top-logo {
	position:relative;
	float:left;
}
#top-logo img {
	vertical-align:top;
}
#top-nav {
	position:relative;
	float:right;
}
#banner-section {
	width:960px;
	margin:0px;
	padding:0px;
}
#side-nav {
	clear:both;
	background-color:#FF9900;
	background-image:url(images/side-nav-bg.gif);
	background-repeat:repeat-y;
	position:relative;
	float:left;
	width:251px;
	height:196px;
}
#banner-img {
	position:relative;
	float:right;
	background-color:#459FD5;
}
#banner-img img {
	vertical-align:top;
}
ul#tabs {
	list-style: none;
	padding: 0px;
	margin-top: 20px;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
}

ul#tabs li {
	float: left;
}

ul#tabs li a {
	display: block;
	color: #87BE12;
	text-decoration:none;
	border-left:1px solid #E4E3E5;
	width: 110px;
	height: 40px;
	line-height:50px;	
}

ul#tabs li a:hover {
	color:#FF6500;
	border-top:5px solid #FF6500;

}
/* --- side nav   */
ul#side {
	margin:0px 0px 0px 40px;
	padding:10px 0px 10px 0px;
	list-style:none;
}
ul#side li {
	list-style-image:url(images/arrow-05.gif);
}
ul#side li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:25px;
	display:block;
	width:200px;
}
ul#side li a:hover {
	color:#666666;
	background-color:#ffffff;
	padding-left:10px;
}
.dline {
	background-image:url(images/dline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#stripe-grey {
	clear:both;
	height:8px;
	width:960px;
	background-color:#e2e2e2;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	overflow:hidden;
}
#content {
	clear:both;
	width:960px;
	background-image:url(images/main-body-bg.gif);
	background-repeat:repeat-y;
	position:relative;
	float:left;
}
#body {
	width:695px;
	position:relative;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:10px;
	color:#666666;
}
#body a {
	color:#FF9000;
	text-decoration:none;
}
#body a:hover {
	color:#FF7200;
	text-decoration:underline;
}
#body p {
	font-family: Verdana, Arial;
	font-size:11px;
	text-align:justify;
	line-height:16px;
	color:#666666;
	margin:0px;
	padding:0px;
}
#body h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF5A00;
	margin:0px;
	padding:25px 0px 10px 0px;
}
#body h3 {
	font-family: "Trebuchet MS", Verdana;
	font-size:20px;
	color:#666666;
	margin:0px;
	padding:15px 0px 0px 0px;
}
#body li {
	line-height:18px;
	color:#666666;
	margin:0px;
	padding:0px;
	list-style-image:url(images/arrow-02.gif);
	
}
#body h4 {
	font-family: "Trebuchet MS", Verdana;
	font-size:18px;
	color:#FF6600;
	margin:0px;
	padding:15px 0px 0px 0px;
}
#body h1 {
	font-family: "Trebuchet MS", Verdana;
	font-size:26px;
	color:#227EBE;
	margin:0px;
	padding:5px 0px 10px 0px;
}

#service-list {
	width:695px;
	height:390px;
}
#service-list ul {
	margin:15px 0px 10px 30px;
	padding:0px;
}
#service-list li {
	list-style-image:url(images/arrow-06.gif);
	line-height:22px;
	margin-top:0px;
	padding:0px;
}
#service-list a {
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
	margin-left:20px;
	padding:3px;
}
#service-list a:hover {
	color:#FFFFFF;
	background-color:#FF9029;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #FF5A00;
}
#service-list-top {
	width:695px;
}
#service-list-middle {
	width:695px;
}
#service-list-bottom {
	width:695px;
}
#service-item {
	background-image:url(images/box-bg.gif);
	background-repeat:no-repeat;
	height:166px;
	width:314px;
	position:relative;
	float:left;
	margin:20px 0px 0px 20px;
	padding:0px;
}
#service-list img {
	padding:1px 0px 0px 1px;
	margin:0px;
	vertical-align:bottom;
}


#right-section {
	width:230px;
	position:relative;
	float:right;
	margin-left:10px;
}
select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
}

#right-section h3 {
	font-family:"Trebuchet MS", Verdana;
	font-size:18px;
	color:#9ED82F;
	padding:0px;
	margin:20px 5px 10px 10px;
}
#quick-nav {
	margin: 0px;
	padding:0px;
}
#footer {
	clear:both;
	position:relative;
	float:left;
	width:950px;
	background-color:#ffffff;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:20px 0px 0px 10px;
}
#footer a {
	color:#FF6600;
	text-decoration:none;
}
#package {
	width:695px;
}
#package ul {
	margin:70px 0px 0px 20px;
	padding:0px 0px 0px 10px;
}
#package-basic {
	background-image:url(images/basic-package.gif);
	background-repeat:no-repeat;
	height:216px;
	width:232px;
	position:relative;
	float:left;
}	
#package-basic p {
	padding-top:12px;
}
#package-basic a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#0782BB;
	padding:3px 5px 3px 5px;
	margin-left:15px;
}
#package-basic a:hover {
	background-color:#01578E;
	color:#FFFFFF;
	text-decoration:none;	
}	
	
#package-standard {
	background-image:url(images/standard-package.gif);
	background-repeat:no-repeat;
	height:216px;
	width:232px;
	position:relative;
	float:left;
}	
#package-standard p {
	padding-top:12px;
}
#package-standard a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#4CC105;
	padding:3px 5px 3px 5px;
	margin-left:15px;
}
#package-standard a:hover {
	background-color:#368D02;
	color:#FFFFFF;
	text-decoration:none;	
}	
#package-advance {
	background-image:url(images/advance-package.gif);
	background-repeat:no-repeat;
	height:216px;
	width:229px;
	position:relative;
	float:left;
}	
#package-advance p {
	padding-top:12px;
}
#package-advance a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FF9000;
	padding:3px 5px 3px 5px;
	margin-left:15px;
}
#package-advance a:hover {
	background-color:#FF7200;
	color:#FFFFFF;
	text-decoration:none;
}	
#package-basic li {
	list-style-image:url(images/arrow-03.gif);
}
#package-standard li {
	list-style-image:url(images/arrow-02.gif);
}
#package-advance li {
	list-style-image:url(images/arrow-04.gif);
}
#web-dev-pop {
	background-color:#484848; 
	width:100%; 
	height:150px; 
	border-bottom:1px solid #666666;
}
#web-dev-pop p {
	color:#FFFFFF;
}
#wdform-tbl {
	border:1px solid #AAD5FF;
}
#wdform-tbl td {
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
.inputbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	border:1px solid #B9CEE1;
	padding:2px;
	color:#666666;
}
.bgrow1 {
	background-color:#F7F7F7;
}
.bgrow2 {
	background-color:#EBEBEB;
}
#testimonials {
	font-family:"Trebuchet MS", Verdana;
	font-size:80%;
	color:#0066CC;
	font-style:italic;
}	
#testimonials h2 {
	color:#FF6600;
	font-style:normal;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #cdcdcd;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 60px; /*position where enlarged image should offset horizontally */

}