@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Tahoma; font-size:11px; color:#282b7c; background:url(../images/bg2.jpg);}
h1 { color: #fa8526; font-size:13px; padding:0; margin:0;  }
p{ padding:5px 0 5px 0; margin:0;}
img { display: block; border:none; }
#maincontainer{ margin:auto; width:781px; }
#wrapper{ background:url(../images/bg.jpg) repeat-y; padding:0 3px 0 3px; float:left; width:775px; border-bottom:#999999 1px solid;}
#headerbox{ width:775px; height:245px; float:left; background:url(../images/header.jpg) no-repeat;}
#headleft{ width:195px; float:left;}
#linkbox{ padding:15px 0 0 62px;}
#headright{ width:378px; float:left; padding:0px 0 0 172px;}
.orenge{ color:#fcbb86;}
.lightblue{ color:#626262; }
.lightblue a{color:#626262;  }
.space{ float:left;}
#email{float:left; padding:4px 0 0 85px; width:130px; background:url(../images/email-icon.jpg) no-repeat 65px 0; height:20px; }
#phone{ float:left; background:url(../images/mobile-icon.jpg) no-repeat; padding:4px 0 0 18px;height:20px;}
#maincontentbox{ float:left; padding:5px 0 0 0; width:775px;}
#leftcontener{ width:550px; float:left;}
#rightcontener{ width:195px; float:left; padding:12px 5px 0 25px;}
#rightlinkbox{ background:url(../images/linkbg-top.jpg) no-repeat; padding:20px 5px 0 10px; float:left;width:180px;}
#rightlinkbottom{ background:url(../images/linkbg-botom.jpg) no-repeat; height:22px; float:left; width:195px;}
#rightlinks ul{ margin:0; padding:0; list-style:none; padding:5px 0 0 0; }
#rightlinks ul li a{ padding:0 0 0 20px; background:url(../images/bullet.jpg) no-repeat 6px 3px; line-height:20px; color:#32328c; text-decoration:none; }
#rightlinks ul li a:hover{ color:#fa8526;}
#seolinkbox{ padding:20px 0 0 0; float:left; width:100%;}
#googleimage{ padding:0 0 0 8px; float: left; width:95%;}
#clickhere a{ float:left; color:#282b7c; background:url(../images/arrow.jpg) no-repeat 4px 5px; padding:3px 0 0 20px; text-decoration:none; font-weight:bold;}
#clickhere a:hover{ color:#379b05;}
#sitelinks{ float:left; padding:10px 0 0 25px;}
#headingimage{ padding:0 0 0 0;}
#matterbox{ text-align:justify; width:98%; float:right; line-height:16px;}
#matterbox a{ color:#586800;}
#matterbox ul{ margin:0; padding:0; list-style:none;}
#matterbox li{ padding:0 0 5px 60px; background:url(../images/bullet2.jpg) no-repeat 40px 4px; line-height:15px;}
#footerbox{ float:left; width:775px;}
#footertop{ background:url(../images/footer-line.jpg) repeat-x 0 5px; height:21px; float:left; width:100%; padding:5px 0 5px 0;}
#footertop-image{padding:0 0 0 338px;}
#footerlink { text-align: center;}
#footerlink a{color:#226600; padding:0 10px 0 10px; text-decoration:none;}
#footerlink-blue { text-align: center; padding:10px 0 0 0;}
#footerlink-blue a{color:#266f8a; padding:0 10px 0 10px; text-decoration:none;}
#copyright{ text-align:center; padding:5px 0 0 0; font-size:10px; color:#8b450a; float:left;}
#validation{ text-align:center;  width:100px; float:left; padding:0 10px 0 10px;} 
#validation1{ text-align:center;  width:100px; float:left; padding:0 10px 0 10px;} 
#validationbox{ width:240px; float:right; padding:5px 0 0px 0;}
#personaltalkbox{ width:100%; float:right; height: auto; padding:5px 0 5px 0;}
#quote{ width:406px; float:right; height:82px; background:url(../images/talkback.jpg) no-repeat; padding:3px 27px 5px 25px; font-size:12px; font-weight:bold; text-align:justify; line-height:14px;}

#quote ul{ margin:0; padding:0; list-style:none;}
#quote li{ padding:0 0 3px 15px; background:url(../images/arrow1.gif) no-repeat 0 4px; }

#personalimage{ float:left; padding:0; border:#CC0000 1px solid; margin:0 0 0 5px;}
.maintext-heading{color:#f88528; font-weight:bold;}
#crative-links a{ background:url(../images/eye.png) no-repeat 0 -2px; padding:0 0 0 22px; text-decoration:none; height:25px;}
#crative-links a:hover{ color:#fa8526; text-decoration:underline;}
#designwork{ float:left; width:100%; padding:0 0 15px 0;}
.designwork{ float:left; width:100%; padding:0 0 15px 0;}
#logoimage{ float:left;}
.logoimage{ float:left;}
#logodetail{ float:left; width:320px; padding:10px 0 0 8px;}
.logodetail{ float:left; width:320px; padding:10px 0 0 8px;}

#webdetails{ float:left; width:307px; padding:10px 0 0 8px;}
.webdetails{ float:left; width:307px; padding:10px 0 0 8px;}
#nextprevious{ float:left; width:285px; padding:0 0 0 225px;}
#nextlinks{ width:29%; margin:auto;  }
#nextlinks2{ width:60%; margin:auto;  }
#prev{ float:left;padding:0 5px 0 0;}
#next{ float:right; padding:0 0 0 5px; }
#numbers{ float:left; padding:1px 0 0 0;}
#numbers a{ padding:0 3px 0 3px;}



#headerpics{ float:left; width:575px; height:190px; padding:35px 0px 0 0px;}


#resources_margin {
	padding:2px 15px 2px 15px;
	text-transform: none;
	color:#505254;
	text-decoration: none;
}
#resources_category_left {
	width:265px;
	padding:1px 0 1px 0;
	float:left;
}
#resources_category_right {
	width:265px;
	padding:1px 0 1px 0;
	float:right;
}
.resources_category_text {
	padding:1px 0 1px 30px;
	text-transform: none;
	color:#F3881F;
	}
#resources_category_list {
	padding:3px 0 3px 0;
}
.resources_category_list {
	padding:3px 0 3px 0;
}


.image-holder{background:#eee url(../loading.gif) 50% 50% no-repeat;}




#stepone{float: left;position: relative;display: inline;}		
#stepone p{text-indent: -5000px;overflow: hidden;margin: 0px;padding: 0px;}
.popup{
	background:transparent url(../images/bg-popup.png) no-repeat;
	position: absolute;
	left: -75px;
	display: none;
	 padding:15px; width:287px; height:214px; text-align:center;
	bottom: -40px;

				}