/* CSS Document */
body{margin:0px;font-family: Verdana, sans-serif; font-size:11px;}
#wraper{width:100%; height:auto; background-color:#fcfdfd;}
#main{width:779px;height:100%;background-color:#ffffff;border-right:1px solid #cecece;border-left:1px solid #cecece;margin-left:auto;margin-right:auto;}
#left{width:184px;height:auto;float:left;border-right:1px solid #cecece;}
.logo{background-color:#fcfdfd;width:100%;height:auto;border-bottom:4px solid #026380;margin:0px;}

.project{width:100%; background-image:url(images/heading-back.jpg);line-height:15px;clear:left;padding-top:5px;margin-top:5px;padding-bottom:5px;}
.topic-head{font-size:12px;color:#ffffff;font-weight:bold;padding-left:3px;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; }
.topic-head a{color:#ffffff;text-decoration:none;}
.topic-head a:hover{color:#ffffff;text-decoration:none;}
.image{padding-top:10px;padding-left:5px;padding-bottom:0px;} 
.seo_web_promotion_details{background-image:url(seo_web_promotion_backgroun.jpg);background-repeat:no-repeat;background-position:left;height:auto;}
.web_hosting_details{background-image:url(web_hosting_background.jpg);background-position:left;background-repeat:no-repeat;height:auto;}
.domain_name_details{background-image:url(domain_name_background.jpg);background-position:center;background-repeat:no-repeat;height:auto;}

li{font-weight:500;}
li a{text-decoration:none;color:#000000;}
.sub_head{padding-left:60px;padding-top:10px;font-size:14px;color:#e74020;font-weight:bold;}
.sub_head a{text-decoration:none;color:#e74020;}
.sub_head a:hover{text-decoration:none;color:#e74020;}


#right{width:590px;height:100%;background-color:#ffffff;clear:right;float:left;padding-top:0px;padding-right:0px;margin-top:0px;}
.top{font-size:10px;background-color:#ffffff;padding-top:5px;padding-bottom:10px;width:100%;padding-left:5px;}
.top a{text-decoration:none;font-size:10px;background-color:#ffffff;color:#000000;}
.top-links{font-size:12px;color:#ffffff;padding-top:2px;font-weight:bold;line-height:35px;padding-bottom:2px;padding-left:2px;}
.top-links a{text-decoration:none;color:#ffffff;font-size:12px;}
.top-links a:hover{text-decoration:none;font-size:12px;}
.collage{margin-left:2px;margin-right:2px;margin-top:1px;border-bottom:5px solid #006699;}
.heading{height:20px;color:#ffffff;font-size:12px;font-weight:bold;padding-left:10px;padding-top:7px;width:180px;margin-left:5px;margin-top:15px;}
.heading a{text-decoration:none;color:#ffffff;}
.heading a:hover{text-decoration:none;color:#ffffff;}
.cell{width:190px;height:auto;float:left;margin-left:5px;margin-top:10px;margin-bottom:8px;}
.domain_name_registration{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.web_hosting_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.web_designing_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.seo_web_promotion_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.e-business_solutions_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.multimedia_presentation_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.logo_designing_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.catalog_designing_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.software_development_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.logo_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}
.software_development_services{width:190px;height:auto;float:left;margin-left:1px;margin-top:10px;margin-bottom:8px;}

.text{font-size:11px;padding-left:5px;padding-right:5px; padding-top:0px;border:1px solid #d3d3d3;margin-left:2px;margin-top:0px;padding-bottom:0px;text-align:justify;}
.text a{font-size:12px;text-decoration:none;color:#000000;}
h1{font-size:11px;padding-left:5px;padding-right:5px; padding-top:0px;margin-left:5px;margin-top:0px;margin-right:10px;padding-bottom:0px;text-align:justify;font-weight:500;}
.topic_text{clear:left;font-size:11px;padding-left:5px;padding-right:5px; padding-top:10px;margin-left:5px;margin-top:0px;margin-right:10px;padding-bottom:0px;text-align:justify;font-weight:500;}
.topic_text a{font-size:12px;text-decoration:none;color:#000000;}

.links{padding-left:100px;padding-top:0px;}
.links a{text-decoration:none;color:#000000;}
.links a:hover{text-decoration:underline;color:#000000;}
.top-row{width:590px;height:auto;padding-top:0px;margin-top:0px;padding-left:1px;}
.middle-row{width:590px;;height:auto;padding-top:0px;margin-top:0px;}
.bottom-row{width:590px;;height:auto;padding-top:0px;margin-top:0px;padding-bottom:20px;padding-left:1px;}

#domain-name{width:190px; height:200px;margin:0px;}
#bottom{width:779px;margin-left:auto;margin-right:auto;height:70px;background-color:#eaf6fc;clear:both;display:block;}
#bottom a{text-decoration:none;color:#000000;}
#bottom a:hover{text-decoration:underline;}


.title_head{background-image:url(heading_background.jpg);width:520px;height:56px;background-repeat:no-repeat;margin-left:10px;margin-top:10px;float:left;margin-right:5px;}

#header_links{width:100%;float:none;clear:both;}
#top_nav{ background-image:url(images/top_nav_bg_blue.gif); background-repeat:repeat-x;height:30px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#top_nav ul{margin:0;list-style-type:none; text-align:center; margin-bottom:1px;padding-top:5px; vertical-align:middle;}

                #top_nav ul li {
                        display: inline;
                         margin: 0 0 0 0
                        }
                        #top_nav ul li a {
                                display: inline;
                                text-decoration: none;
                                letter-spacing: 0px;
                                 color:ffffff;
                                font-size: 12px;
								font-weight:bold;
                               padding: 3px 1px 0px 9px;
                                }
								#top_nav ul li a span{padding-right:25px;color:#FFFFFF;}
                        
 /* ---------------------------------------------------------- */
#menu { margin-top:2px;
margin-bottom:0px;
border-bottom:4px solid #026380;

width:100%; /* set width of menu */
padding-left:0px;
} 

#menu ul { /* remove bullets and list indents */
list-style:none;
margin: 0;
padding: 0;
}
/* style, color and size links and headings to suit */
#menu a {
font:  11px/14px verdana, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 3px;

}

#menu a {
color: #000;
text-decoration: none;
}
#menu a:hover {
color: #ffffff;
background: #026380;
}
#menu {
width:100%;
background-color:#CC3300;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:100%;
float: left;
background-color:#026380;
}
#menu ul li a:hover{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#026380;}

#menu.menu, #menu ul li a.active:active, #menu.menu a.visited span{
                                color: #fff;
                                background-color:#026380;
                                }
#menu ul li {float: left; width: 100%;border-bottom:1px dotted #026380;}
#menu ul li a {height:2%; background-color:#fff7f1;color:#000000;font-weight:bold;padding-left:10px;} 



.animatedtabs{
border-bottom: 5px solid #026380;
overflow: hidden;
width: 100%;
font-size: 13px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; 
background: url(images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}






.glossymenu{
	position: relative;
	padding: 0 0 0 15px;
	margin: 0 auto 0 auto;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family:verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

 .glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}














.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #ffffff;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/menu_back.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #cccccc;
}

.arrowgreen li a:hover{
	color: #ffffff;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #ffffff;
	background-position: 100% -64px;
}