
* {
	margin: 0;
	padding: 0;
}

body, html {
	border: 0;
	color: #333;
	font-size: 12px;
	font-family: verdana;
}

.mr {
	margin: 0;
}

.pd {
	padding: 0;
}

.hr {
	margin: 0 auto;
	width: 97%;
	height: 3px;
	border-right: 10px solid #ff9900;
	border-left: 10px solid #ff9900;
	margin-bottom: 10px;
	background-color: #E6E6E6;
}

/*----------------------
--     Icons CSS      --
----------------------*/
.icon_arrow_red,
.icon_square_red {
	list-style: none;
}
.icon_arrow_red { padding-left: 10px; }
.icon_arrow_red li,
.icon_square_red li {
	padding-left: 20px;
}

.icon_arrow_red li {
	background: url(../images/icon_arrow_red.gif) no-repeat 0px 4px;
}
.icon_square_red li {
	background: url(../images/icon_square_red.gif) no-repeat 0px 4px;
}



/*----------------------
--     Button CSS     --
----------------------*/

.btn_package1,
.btn_package1:link,
.btn_package1:active,
.btn_package1:visited,
.btn_package2,
.btn_package2:link,
.btn_package2:active,
.btn_package2:visited {
	display: block;
	float: right;
	width: 110px;
	height: 110px;
	border: 2px solid #fff;
}
.btn_package1:hover,
.btn_package2:hover {
	border: 2px solid #c00;
}
.btn_package1 {
	background: url(../images/btn_package1.gif) no-repeat;
}
.btn_package2 {
	background: url(../images/btn_package2.gif) no-repeat;
}






/*------------------
-       Misc       -
------------------*/

p, li { line-height: 16px; }
.highlight {
	color: #CC0000;
	font-size: 15px;
	font-weight: bold;
	font-family: verdana;
}
p, ul, ol, h1, h2, h3, h6 { margin-bottom: 10px; }
h1, h2, h3, h6, .heading {
	color: #1C4C9F;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
}

h1 {
	color: #1A6EFF;
	font-size: 20px;
	margin-top: 10px;
}

li {
	margin-bottom: 10px;
}

.clearer { clear:both}
.lightblack { color: #333333; }

.cblue { color: #1A6EFF; }
.cred { color: #c00; }

#bgcontent,
#bgcontent_fullpage {
	width: 790px;
	margin: 0 auto;
	background-repeat: repeat-y;
}
#bgcontent {
	background-image: url(../images/bgcontent.gif);
}
#bgcontent_fullpage {
	background-image: url(../images/bgcontent_fullpage.gif);
}

#content {
	float: left;
	width: 550px;
	padding: 0 10px;
}

#contentend {
	width: 790px;
	height: 10px;
	margin: 0 auto;
	background-image: url(../images/contentend.gif);
	background-repeat: no-repeat;
}

#container {
	width: 780px;
	margin: 0 auto;
}

#top {
	width: 780px;
	height: 100px;
	background: url(../images/top.gif) no-repeat;
}

#footer {
	text-align: center;
	width: 790px;
	margin: 15px auto;
}
#footer p {
	color: #333;
	margin-bottom: 5px;
	font-size: 11px;
}
#footer a:link, #footer a:visited {
	color: #004AB9;
	text-decoration: none;
}
#footer a:hover, #footer a:active { color: #F76E00; }
/****************
-   Menu CSS    -
****************/
#menu {
	width: 780px;
	height:40px;
	background: url(../images/menu_bg_blue.gif) repeat-x;
	border-top: 1px solid #2E64C4;
}

#menu ul { list-style: none; }
#menu ul li { display: inline; }

#menu ul li a {
	display: block;
	height: 40px;
	float: left;
	margin-left: 15px;
	background-repeat: no-repeat;
}
#menu a.menufirstspace {
	margin-right: 30px;
	margin-left: 0;
} 
#menu a.home {
	margin-left: 0px;
	width: 78px;
	background: url(../images/menu_home.gif);
}
#menu a.home:hover { background: url(../images/menu_home_active.gif); }
#menu li.active a.home { background: url(../images/menu_home_active.gif); }

#menu a.aboutus {
	width: 98px;
	background: url(../images/menu_aboutus.gif);
}
#menu a.aboutus:hover { background: url(../images/menu_aboutus_active.gif); }
#menu li.active a.aboutus { background: url(../images/menu_aboutus_active.gif); }

#menu a.seoservices {
	width: 124px;
	background: url(../images/menu_seoservices.gif);
}
#menu a.seoservices:hover { background: url(../images/menu_seoservices_active.gif); }
#menu li.active a.seoservices { background: url(../images/menu_seoservices_active.gif); }

#menu a.webdesigning {
	width: 134px;
	background: url(../images/menu_webdesigning.gif);
}
#menu a.webdesigning:hover { background: url(../images/menu_webdesigning_active.gif); }
#menu li.active a.webdesigning { background: url(../images/menu_webdesigning_active.gif); }

#menu a.packages {
	width: 107px;
	background: url(../images/menu_packages.gif);
}
#menu a.packages:hover { background: url(../images/menu_packages_active.gif); }
#menu li.active a.packages { background: url(../images/menu_packages_active.gif); }

#menu a.contactus {
	width: 107px;
	background: url(../images/menu_contactus.gif);
}
#menu a.contactus:hover { background: url(../images/menu_contactus_active.gif); }
#menu li.active a.contactus { background: url(../images/menu_contactus_active.gif); }

#hr_menu {
	width: 780px;
	height: 10px;
	border: 0;
	background: url(../images/menu_bg_orange.gif) repeat-x;
}


/****************
-   Page CSS    -
****************/

#specialimage {
	width: 780px;
	height: 150px;
	background: url(../images/img_special.jpg) no-repeat;
}


/*------------------------
-      Navigation CSS    -
------------------------*/

#nav {
	float: right;
	width: 190px;
	padding: 5px;
}

.nav_heading_blue,
.nav_heading_silver,
.nav_heading_lightblue {
	width: 190px;
	height: 30px;
}
.nav_heading_blue {
	background: url(../images/nav_heading_blue.gif) no-repeat;
}
.nav_heading_silver {
	background: url(../images/nav_heading_silver.gif) no-repeat;
}
.nav_heading_lightblue {
	background: url(../images/nav_heading_lightblue.gif) no-repeat;
}

.nav_mid_blue,
.nav_mid_silver,
.nav_mid_lightblue {
	width: 170px;
	padding: 20px 10px;
	background-color: #fff;
}
.nav_mid_blue {
	background: url(../images/nav_mid_blue.gif) repeat-y;
}
.nav_mid_silver {
	background: url(../images/nav_mid_silver.gif) repeat-y;
}
.nav_mid_lightblue {
	background: url(../images/nav_mid_lightblue.gif) repeat-y;
}

.nav_mid_blue ul,
.nav_mid_silver ul,
.nav_mid_lightblue ul {
	list-style: none;
}
.nav_mid_blue ul li,
.nav_mid_silver ul li,
.nav_mid_lightblue ul li {
	font-weight: bold;
	padding-left: 25px;
	background: url(../images/icon_orange_arrow.gif) no-repeat;
}

.nav_footer_blue,
.nav_footer_silver,
.nav_footer_lightblue {
	width: 190px;
	height: 15px;
	margin-bottom: 10px;
}
.nav_footer_blue {
	background: url(../images/nav_footer_blue.gif) no-repeat;
}
.nav_footer_silver {
	background: url(../images/nav_footer_silver.gif) no-repeat;
}
.nav_footer_lightblue {
	background: url(../images/nav_footer_lightblue.gif) no-repeat;
}

.btn_readmore {
	display: block;
	margin: 15px auto 0;
	width: 97px;
	height: 32px;
	background: url(../images/btn_readmore.gif) no-repeat;
}
.btn_readmore:hover { background: url(../images/btn_readmore_hover.gif) no-repeat;
}


/****************
-  Special Box  -
****************/

#special_box {
	margin-top: 80px;
	margin-left: 20px;
	width: 518px;
}
#special_box h2 {
	padding-top: 30px;
	margin-left: 90px;
}
#special_box ul {
	list-style: none;
}
#special_box ul li {
	padding-left: 24px;
	margin-bottom: 20px;
	background: url(../images/icon_arrow_black.gif) no-repeat 0px 3px;
}
.special_box_top {
	width: 518px;
	height: 81px;
	background: url(../images/special_box_top.gif) no-repeat;
}
.special_box_mid {
	color: #333333;
	width: 498px;
	padding: 10px;
	background: url(../images/special_box_mid.gif) repeat-y;
}
.special_box_bottom {
	width: 518px;
	height: 15px;
	background: url(../images/special_box_bottom.gif) no-repeat;
}



/*----------------------
--    Web Designing   --
----------------------*/
.package-standard, .package-premium, .package1, .package2 {
	margin: 0 auto 15px;
	width:518px;
}

.package-standard {
	border: 5px solid #ECC6C1;
}

.package-premium {
	border: 5px solid #FFCB97;
}

.package1 {
	border: 5px solid #C9C9C9;
}

.package2 {
	border: 5px solid #ABC9EE;
}

.package-standard .heading, .package-premium .heading, .package1 .heading,
.package2 .heading {
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 17px;
	font-weight: bold;
}

.package1 .heading {
	border-bottom: 1px solid #C9C9C9;
	background: url(../images/bg_package1.gif) repeat-x;
}

.package2 .heading {
	border-bottom: 1px solid #ABC9EE;
	background: url(../images/bg_package2.gif) repeat-x;
}

.package-standard .mid, .package-premium .mid, .package1 .mid, .package2 .mid {
	padding: 10px;
}

.text_red {
	color: #c00;
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
}

.webdesign_heading2 {
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
	color: #FB8400;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

.target5keywords {
	background: url(../images/target5keywords.gif) no-repeat 10px 28px;
}
.targetspacing {
	height: 50px;
	margin-bottom:15px;
}
