@charset "utf-8";
/* CSS Document */
/*
Author Name: Hari Prasad
Company Name : Mythrii Solutions, Kakinada
Site URI : http://mythrii.com/
Description : Mythrii for your offshore custom Web development, You desire high quality offshore services in PHP,MYSQL, PHP/MYSQL, ASP, ASP/MSSQL, VB, VBA, Flash, Flash Websites, Animation, Presentations, Web 2.0, HTML, XHTML, CSS, CSS Templates, Web Designing, latest technological supports. We would add in our high security set up too.
Tags : Mythrii, Mythrii Outsourcing web Development Kakinada, Mythrii Andhra Pradesh, Mythrii India, custom web development, web development India, outsource web development, outsourcing web development, offshore web development, web development, web development services, PHP,MYSQL, PHP/MYSQL, ASP, ASP/MSSQL, CMS, Joomla, PHPBB, MAMBO, Zencart, Wordpress, OSCommerce, Smarty, FrameWork, PHPFOX, VB, VBA, Flash, Flash Websites, Animation, Presentations, Web 2.0, HTML, XHTML, CSS, CSS Templates, Web Designing.
*/

body
	{
		padding:0px;
		margin:0px;
		background:url(../images/background-strip.jpg) repeat-x top;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7e8487;
	}
#main
	{
		width:950px;
		margin:0px;
		padding:0px;
		overflow:hidden;
	}
#container
	{
		width:583px;
		float:left;
		padding:67px 0px 0px 0px;
		margin:0px;
		overflow:hidden;
	}
#rightblock
	{
		width:367px;
		float:left;
		overflow:hidden;
		padding:33px 0px 0px 0px;
	}
.containerblock
	{
		width:367px;
		float:left;
		padding:0px;
		margin:0px;
		overflow:hidden;
		background:url(../images/righblock-bottom.jpg) no-repeat bottom;
	}
.righcenterstrip
	{
		background:url(../images/center-strip.jpg) repeat-y top;
		width:367px;
		overflow:hidden;
	}	
.topstip
	{
		background:url(../images/right-top.jpg) no-repeat top;
		overflow:hidden;
	}
.righcenterdivision
	{
		width:317px;
		padding:0px 26px 0px 24px;
		margin:0px;
		overflow:hidden;
	}
.rightcentercontent
	{
		width:317px;
		margin:0px;
		float:left;
		padding:36px 0px 0px 0px;
		margin:0px;
		overflow:hidden;
	}		
			
.menulogo
	{
		width:583px;
		overflow:hidden;
	
	}
.logo
	{
		width:109px;
		float:left;
		overflow:hidden;
	}
.menublock
	{
		width:474px;
		float:right;
	}
.flashpart
	{
		width:583px;
		overflow:hidden;
	}	
.contentblock
	{
		width:583px;
	}
h1	
	{
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		color:#df6d12;
		padding:5px 0px 5px 0px;
		margin:0px;
		text-align:left;
	}
h2	
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#4792d7;
		padding:5px 0px 5px 0px;
		margin:0px;
		text-align:left;
	}
h3	
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		padding:0px;
		margin:0px;
		text-align:left;
	}		
p
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7e8487;
		padding:8px 0px 0px 0px;
		margin:1px;
		text-align:left;
	}
#usefulllinks a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#d55c1b;
		text-decoration:underline;
	}
#usefulllinks a:hover
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		text-decoration:none;
	}	
#wordpress_usefulllinks a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#d55c1b;
		text-decoration:underline;
	}
#wordpress_usefulllinks a:hover
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		text-decoration:none;
	}
#drupal_usefulllinks a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#d55c1b;
		text-decoration:underline;
	}
#drupal_usefulllinks a:hover
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		text-decoration:none;
	}
#oscommerce_usefulllinks a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#d55c1b;
		text-decoration:underline;
	}
#oscommerce_usefulllinks a:hover
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		text-decoration:none;
	}				
.readmore
	{
		text-align:right;
		margin-right:30px;
	}
.devider
	{
		background:url(../images/devider.jpg) repeat-x center;
		width:100%;
		padding:10px 0px 10px 0px;
		height:2px;
		margin:0px;
		clear:both;
	}
.lineheigh
	{
		width:100%;
		padding:0px;
		margin:0px;
		height:8px;
	}
.techno
	{
		width:100%;
		float:left;
	}	
.technology_services
	{
		width:355px;
		float:left;
	}
.ts_image
	{
		width:228px;
		padding:40px 0px 0px 0px;
		margin:0px;
		float:left;
		text-align:right;
	}								
.footer
	{
		background:#e8ebec;
		text-align:center;
		width:100%;
		line-height:44px;
		height:44px;
		color:#464242;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		overflow:hidden;
	}
.footer a
	{
		color:#464242;
		text-decoration:none;
	}
.footer a:hover
	{
		color: #3e8dd5;
		text-decoration:none;
	}		
.foooterleft
	{
		text-align:center;
		width:80%;
		float:left;
	}
.foooterright
	{
		text-align:right;
		width:20%;
		margin:0px;
		padding:6px 0px 0px 0px;
		float:right;
	}		
.menu_backstrip
	{
		background:url(../images/menu-back.jpg) no-repeat top;
		height:60px;
		line-height:60px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#728a4b;
		text-align:left;
		padding-left:20px;
	}
.right-devider
	{
		background:url(../images/right-devider.jpg) no-repeat top;
		height:56px;
		line-height:56px;
	}
.why_mythrii
	{
		background:url(../images/why_mythrii.jpg) no-repeat top;
		height:60px;
		line-height:60px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#728a4b;
		text-align:left;
		padding-left:20px;
	}
.pad
	{
		padding-right:20px; 
	}
.darkre
	{
		color:#5d0303;
	}		

			
		
/* --------------------------------------------------------------------------- Main menu --------------------------------------------------------------------------- */	
	
.mainmenu
	{
		overflow: hidden;
		width: 455px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px; /*font of menu text*/
	}


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

.mainmenu li
	{
		float: left;
		margin: 0;
		width:auto;
		padding: 0;
	}

.mainmenu a
	{
		float: left;
		position: relative;
		top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
		background: url(../images/tab-blue-left.gif) no-repeat left top;
		margin: 0;
		width:auto;
		margin-right: 3px; /*Spacing between each tab*/
		padding: 0 0 0 16px;
		text-decoration: none;
	}

.mainmenu a span
	{
		float: left;
		position: relative;
		display: block;
		background: url(../images/tab-blue-right.gif) no-repeat right top;
		padding: 13px 20px 15px 9px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
		font-weight: bold;
		color: #dbe1e4;
		width:auto;
	}

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


.mainmenu .selected a
	{
		background-position: 0 -45px;
		top: 0;
	}

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

.mainmenu a:hover
	{
		background-position: 0% -45px;
		top: 0;
		color:#000000;
	}

.mainmenu a:hover span
	{
		background-position: 100% -45px;
		padding-bottom: 26px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		top: 0;
		color: #000000;
	}

/*-------------------------------------------------------------------------- Main menu End ---------------------------------------------------------------------------*/ 				
/*Right side block links start here*/

#blueblock 
	{
		width:100%;
		padding: 0 0 15px 0;
		margin-bottom: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

* html #blueblock
	{ /*IE 6 only */
		w\idth: 100%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
	}

#blueblock ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

#blueblock li 
	{
		text-align:left;
		margin:0px;
		height:30px;
		line-height:30px;
		padding:0px 0px 0px 40px;
		background:url(../images/links-back.jpg) no-repeat left;
		
	}
#blueblock li a
	{
		display: block;
		padding:0px;
		color: #FF0000;
		text-decoration: none;
		width: 100%;
		
	}

html>body #blueblock li a
	{ /*Non IE6 width*/
		width: auto;
		
	}

#blueblock li a:hover
	{
		color: #3e8dd5;
		padding:0px 0px 0px 0px;
		margin:0px;
		
	}

/*Right side block links end here*/			


/*Right side block links start here*/

#single
	{	width:90%;
		padding: 0 0 0px 30px;
		margin-bottom: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

* html #single
	{ /*IE 6 only */
		w\idth: 90%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
	}

#single ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

#single li 
	{
		text-align:left;
		margin:0px;
		color:#7e8487;
		padding:4px 0px 0px 12px;
		background:url(../images/arrow.jpg) no-repeat left;
		
	}
#single li a
	{
		display: block;
		padding:0px;
		color: #7e8487;
		text-decoration: none;
		width: 100%;
		
	}

html>body #single li a
	{ /*Non IE6 width*/
		width: auto;
		
	}

#single li a:hover
	{
		color: #3e8dd5;
		padding:0px 0px 0px 0px;
		margin:0px;
		
	}

/*Right side block links end here*/		



/*cms start here*/


#oscommercelinks ul li
	{
		text-align:left;
		margin:0px;
		color:#7e8487;
		padding:2px 0px 0px 12px;
		background:url(../images/arrow2.jpg) no-repeat left;
		
	}
.invision_power_board ul li
	{
		text-align:left;
		margin:0px;
		color:#7e8487;
		padding:2px 0px 0px 12px;
		background:url(../images/arrow2.jpg) no-repeat left;
		
	}

.content_management_system
	{	width:90%;
		padding: 0 0 0px 30px;
		margin-bottom: 0px;
		color:#7e8487;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

* html .content_management_system
	{ /*IE 6 only */
		w\idth: 90%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
	}

.content_management_system ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

.content_management_system li 
	{
		text-align:left;
		margin:0px;
		color:#7e8487;
		padding:4px 0px 0px 12px;
		background:url(../images/arrow2.jpg) no-repeat left;
		
	}
.content_management_system li a
	{
		display: block;
		padding:0px;
		color: #FF0000;
		text-decoration: none;
		width: 100%;
		
	}
/*Ended*/
#open-source_customization
	{	width:100%;
		padding: 0 0 0px 30px;
		margin-bottom: 0px;
		color:#7e8487;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

* html #open-source_customization
	{ /*IE 6 only */
		w\idth: 90%; /*Box model bug: 180px minus all left and right paddings for #blueblock */
	}

#open-source_customization ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

#open-source_customization li 
	{
		text-align:left;
		margin:0px;
		color:#7e8487;
		padding:4px 0px 0px 12px;
		background:url(../images/arrow2.jpg) no-repeat left;
		
	}
#open-source_customization li a
	{
		display: block;
		padding:0px;
		color: #FF0000;
		text-decoration: none;
		width: 100%;
	}
html>body #open-source_customization li a
	{ /*Non IE6 width*/
		width: auto;
	}

#open-source_customization li a:hover
	{
		color: #3e8dd5;
		padding:0px 0px 0px 0px;
		margin:0px;
	}

/*cms end here*/		


.rightsidemenublock
	{
		overflow:hidden;
		width:100%;
	}
.righedblox
	{
		width:100%;
		overflow:hidden;
	}
.slideshowlink
	{
		color:#D20000;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
.slideshowlink:hover
	{
		color:#333333;
		text-decoration:none;
	}			
		








/*--------------------------------------------------- left side menu --------------------------------------------------------------------------------*/
.glossymenu{
margin: 0;
padding: 10px 0px 10px 0px;
width: 100%; /*width of menu*/
border-bottom-width: 0;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.glossymenu a {
	color: #000000;
	text-decoration: none;
}

.glossymenu li {
	margin: 0px;
}

.glossymenu .menuitem{
color: white;
display: block;
/*font-weight:bold;*/
width: auto;
text-decoration: none;
}

.glossymenu .menuitem-selected{
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .home {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:#F5F5F5 url(../images/new-links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .classifieds {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:#F5F5F5 url(../images/new-links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .events {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/new-links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .discussion {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/new-links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .pics {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/new-links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .blogs {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .tips {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .bookmark {
text-align:left;
margin:0px;
height:30px;
line-height:30px;
padding:0px 0px 0px 40px;
background:url(../images/links-back.jpg) no-repeat left;
color:#000000;
cursor: pointer;
}

.glossymenu .classifieds:hover, .glossymenu .events:hover, .glossymenu .discussion:hover, .glossymenu .pics:hover, .glossymenu .blogs:hover, .glossymenu .bookmark:hover {
	text-decoration: none;
	color: #3e8dd5;
}

.glossymenu .menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu .statusicon { /*CSS for icon image that gets dynamically added to headers*/
float: right;
border: none;
margin-top: -22px;
margin-right: 7px;
width:auto;
position: relative;
}

.glossymenu .menuitem-selected .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 12px;
right: 7px;
border: none;
display: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

font-size: 11px;
padding: 0px;
margin:0px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 50px;
color:#000000;

}

.glossymenu div.submenu ul li{
display: block;
height:25px;
line-height:25px;
padding:0px 0px 0px 10px;
margin:0px;
text-align:left;
color:#000000;

background:url(../images/arrow.jpg) no-repeat left;
}

.glossymenu div.submenu ul li a{
color:#000000;
text-decoration: none;
padding:0px;
margin:0px;
}

.glossymenu div.submenu ul li a:hover{
color: #64ad42;
text-decoration:underline;
padding: 0px;
margin:0px;
}


.seo
	{
		color:#000000;
		/*font-weight:bold;*/
		text-decoration:none;
	}
.seo:hover
	{
		color:#3e8dd5;
		text-decoration:none;
	}
.contactus
	{
		color:#728a4b;
	}
	
.glossymenu .hireusblock {
text-align:left;
margin:0px;
height:29px;
line-height:29px;
padding:0px 0px 0px 30px;
background:url(../images/strip.jpg) repeat-x;
color:#000000;
cursor: pointer;
}
.innercontainer
	{
		padding:5px 10px 5px 10px;
		margin:0px;
	}			

/*--------------------------------------------------- left side menu --------------------------------------------------------------------------------*/



.hireformpage1212
	{
		width:100%;
		overflow:hidden;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7e8487;
		text-align:left;
	}
.fieldname
	{
		width:43%;
		overflow:hidden;
		float:left;
		padding:8px 0px 0px 10px;
		margin:0px;
		text-align:left;
	}
.dottecente
	{
		width:5%;
		float:left;
		padding:8px 0px 0px 0px;
		text-align:left;
		margin:0px;
		overflow:hidden;
	}
		
.fieldsetinpu
	{
		text-align:left;
		padding:8px 0px 0px 0px;
		width:50%;
		margin:0px;
		float:left;
		overflow:hidden;
	}
.inputstyling
	{
		background:#F5F5F5;
		border:#CCCCCC 1px solid;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
	}
.submit
	{
		background:url(../images/submit.jpg) no-repeat;
	}
.potrfoliobor
	{
	 border:#999999 1px solid;
	 border-collapse:collapse;
	}
.introbgcol
	{
		margin:0px;
		padding:0px;
		background:#0a42a1;
	}
.odesk
	{
		padding:4px 0px 10px 0px;
	}
.odeskanchor
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7e8487;
		text-decoration:none;
	}
.odeskanchor:hover
	{
		color:#666666;
		text-decoration:none;
	}
.careeranchor
	{
		color:#d28e2d;
		text-decoration:none;
	}
.careeranchor:hover
	{
		color:#a66911;
		text-decoration:none;
	}
.rightsidepadde
	{
		padding-left:7px;
	}