body {
	background: url(../images/site-main-bg.jpg) repeat-x top left #fff;
	font: Normal 12px/15px Arial;
	color: #515151;
}

/* ======================= Reset Styles! ======================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

img
	{
	float:left;
}

.clear
	{
	clear: both;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}

a:link, a:active, a:visited
	{
	color: #fff;
	text-decoration: none;
}

a:hover
	{
	color: #281101;
}

div { behavior: url("media/iepngfix.htc") }

/* ---------------------------  Through out site ------------------------- */
h2{
	font: Bold 16px Arial;
	color: #666666;
	padding: 10px 0 3px 0;
	margin: 0;
	float: left;
}

h4{
	font: Bold 13px Verdana;
	color: #0099FF;
	clear: both;
	padding: 10px 0 0 0;
}

h2 img{
	padding: 0 10px 0 0;
	margin: -2px 0 0 0;
}

p{
	padding: 7px 0 7px 0;
	margin: 0 0 0 0;
	clear: both;
	text-align: justify;
}

#mid_content{
	padding: 0 0 0 21px;
}

#mid_content p{
	padding: 6px 32px 6px 0;
}

#mid_content h6{
	font: Bold 12px Arial;
	color: #0099FF;
	padding: 6px 32px 6px 0;
	clear: both;
}


.top_content{
	width: 570px;
	float: left;
	padding: 0 0 7px 0;
}

.top_content p{
	width: 570px;
	text-align: justify;
	clear: both;
	padding: 7px 0 7px 0;
}

.normal_ul{
	list-style-type: none;
	float: left;
	clear: both;
	padding: 5px 0 10px 0;
	margin: 0 0 0 6px;
}

.normal_ul li{
	background: url(../images/bull1.jpg) no-repeat left 5px;
	font: Normal 12px/24px Verdana;
	color: #0099FF;
	border-bottom: 1px dashed #D4D4D4;
	padding: 0 0 0 24px;
}

.blue_txt{
	color: #0099FF;
}

.webby_xpert{
	font: Bold 11px arial;
	color:#0099FF;
}

/* ---------------------------  Both Effects ------------------------- */
.effect-left{
	width: 100%;
	background: url(../images/effect-left.jpg) no-repeat left 243px;
	height: 403px;
}

.effect-right{
	width: 100%;
	background: url(../images/effect-right.jpg) no-repeat right 268px;
	height: 422px;
}

/* ---------------------------  Wrapper ------------------------- */
#wrapper{
	width: 825px;
	margin: 0 auto;
}

/* ---------------------------  Top Navigation ------------------------- */
.top_nav{
	list-style-type: none;
	height: 30px;
	float: left;
	margin: 0 0 0 3px;
}

.top_nav li{
	background: url(../images/top-nav-sep.jpg) no-repeat left 1px;
	float: left;
	padding: 7px 13px 0 14px;
	height: 23px;
}

.no_bg{
	background: none !important;
}

.order_now {
	padding: 1px 0 0 0;
	float: left;
}

/* ---------------------------  Header ------------------------- */
#header{
	width: 825px;
	float: left;
}

.flashhed{
	width: 825px;
	height: 198px;
}

/* ---------------------------  Main Page ------------------------- */
#main{
	width: 825px;
	float: left;
	background: url(../images/page-top.png) no-repeat left top;
}

/* ---------------------------  Main Navigation ------------------------- */
.nav{
	float: left;
	height: 39px;
	position: relative;
}

.main_nav{
	list-style-type: none;
	float: left;
	height: 39px;
}

.main_nav li{
	background: none;
	float: left;
}

.home{
	padding: 12px 0 0 20px;
}

.web_design{
	padding: 12px 0 0 15px;
}

.portfolio{
	padding: 12px 0 0 13px;
}

.web_gallery{
	padding: 12px 0 0 16px;
}

.packages{
	padding: 12px 0 0 18px;
}

.faq{
	padding: 12px 0 0 15px;
}

.testimonials{
	padding: 12px 0 0 17px;
}

/* ---------------------------  Content ------------------------- */
#content{
	width: 772px;
	float: left;
	padding: 11px 32px 0 21px;
}

.welcome_area{
	width: 570px;
	float: left;
	padding: 0 0 20px 0;
}

.welcome_area h1{
	font: Normal 14px Arial;
	color: #d78209;
	clear: both;
	padding: 3px 0 3px 0;
}

.welcome_para{
	width: 570px;
	text-align: justify;
	clear: both;
	padding: 4px 0 0 0;
}

.callnow_top{
	width: 155px;
	float: right;
	text-align: left;
	font: Normal 18px Arial;
	color: #373737;
	line-height: 26px;
	padding: 22px 0 22px 0;
	
}

.blue{
	color: #235ced;
}

/* ---------------------------  Middle Content ------------------------- */
#middle_content{
	width: 825px;
	float: left;
}

#middle_content p{
	padding: 7px 15px 7px 12px;
	clear: both;
	text-align: justify;
}

#left_pack{
	width: 169px;
	float: left;
	height: 248px;
	padding: 0 15px 0 0;
}

.basic{
	width: 169px;
	height: 120px;
	float: left;
}

.xpert{
	width: 169px;
	height: 120px;
	float: left;
	padding: 8px 0 0 0;
}

#middle_banner{
	width: 453px;
	float: left;
}

.midbanner{
	width: 453px;
	height: 278px;
}

#right_pack{
	width: 169px;
	float: left;
	height: 248px;
	padding: 0 0 0 15px;
}

.premium{
	width: 169px;
	height: 120px;
	float: left;
}

.executive{
	width: 169px;
	height: 120px;
	float: left;
	padding: 8px 0 0 0;
}

.process{
	width: 825px;
	float: left;
}

.prcess_pad{
	padding: 10px 0 6px 11px;
	float: left;
	margin: 0;
	width: 825px;
}

.process_img{
	padding: 0 0 0 3px;
	float: left;
}

.eye_heding_pad{
	float: left;
	padding: 25px 0 0 11px;
}

/* ---------------------------  Footer ------------------------- */
#footer_main{
	height: 137px;
	float: left;
	width: 100%;
	background: url(../images/footer-bg.jpg) repeat-x left top;
}

#footer_inner{
	 width: 825px;
	 height: 77px;
	 margin: 0 auto;
	 background: url(../images/footer-sep.jpg) no-repeat left 45px;
	 text-align: center;
	 line-height: 20px;
	 padding: 60px 0 0 0;
}

#footer_inner span{
	padding: 0 10px;
	color: #fff;
}

#footer_inner a:link, #footer_inner a:visited, #footer_inner a:active{
	font: Normal 11px Arial;
	color: #FFF;
}

#footer_inner a:hover{
	color: #025082;
}

.copyright{
	font: Bold 10px Verdana;
	color: #fff;
	padding: 5px 0 0 0;
	text-align: center;
}

.copy{
	font: Normal 14px Verdana !important;
	padding: 0 0 0 0 !important;
}