/*  
Theme Name: joomla.in.latest
Theme URI: 
Description: This is my theme .
Version: 1.0
Author: sanjay singh
Author URI: 

*/
body {
	text-align: center;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", san-serif;
	font-size:12px;
	color:#494948;
	background: #fff;
}
a {
	color: #1368a9;
	text-decoration: none;
	outline:none;
}
ol {
	margin: 0px 0px;
	padding: 0 30px;
}
ul {
	list-style: none;
}

a:hover,a:active,a:focus {
	text-decoration: underline;
	color:#1368a9;			
}
a img {
	border: none;
}

* {
	margin: 0;
	padding: 0;
}
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}
#wraper {
	width:986px;
	height: auto;
}
#header {
	width:950px;
	height: auto;
	background:url(images/top-section-bg.jpg) repeat-x left  bottom;
}
#top{
	width:950px;
	height:25px;
	float:left;
	margin-top:5px;
}
#date{
	width:300px;
	height:25px;
	text-align:left;
	float:left;
}
#search{
	width:300px;
	height:25px;
	float:right;
	text-align:right;
}
#logo{
	width:191px;
	float:left;
	height:50px;
}
#mainmenu{
	width:700px;
	height:29px;
	float:right;
	text-align:right;
	margin-top:32px;
}
#wraper-top{
	background:url(images/round-top.png) repeat-y;
	width:986px;
	height:17px;
}
#wraper-mid{
	background:url(images/round-bg.png) repeat-y;
	width:986px;
	height: auto;
}
#wraper-bot{
	background:url(images/round-bottom.png) repeat-y;
	width:986px;
	height:33px;
}
#content-wrap{
	width:940px;
	height: auto;
}
#footer{
	width:900px;
	background:url(images/footer.gif) top center no-repeat;
	height:35px;
	padding:15px;
}
#footertext{
	width:800px;
	text-align:left;
	height:35px;
	float:left;
}
div#footer a.anchor {
	margin: 0px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: url(images/footer_anchor.png) 0 0 no-repeat;
	float: right;
	text-decoration: none;
}
#mainbody1{
	width:940px;
	text-align:left;
	float:right;
	height: auto;
}
#main1 h3{
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#main1 h3 a {
	text-decoration:none;
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}

#main1 h3 a:hover {
	text-decoration: underline;	
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#main1{
	width:740px;
	text-align:left;
	height: auto;
}
#main1 h2{
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#main1 h2 a {
	text-decoration:none;
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}

#main1 h2 a:hover {
	text-decoration: underline;	
	color:#1368a9;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#main{
	width:500px;
	text-align:left;
	height: auto;
}
#main h3{
	color:#47a8f2;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#main h3 a {
	text-decoration:none;
	color:#47a8f2;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}

#main h3 a:hover {
	text-decoration: underline;	
	color:#47a8f2;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
}
#mainbody{
	width:700px;
	text-align:left;
	float:right;
	height: auto;
}
#left{
	float: left;
	width:224px;
	text-align:left;
}
#testimonial{
	width:194px;
	height:150px;
	padding:10px 15px 15px 15px;
	color:#FFFFFF;
	background: url(images/testi-bg.jpg) left top no-repeat;
}
#testimonial a {
	text-decoration:none;
	color: #FFF;
}

#testimonial a:hover {
	text-decoration: underline;	
	color: #fff;
}
#services{
	width:226px;
	height:350px;
	color:#FFFFFF;
	margin-bottom:10px;
	background:#eaeaea url(images/service_btm.gif) left bottom no-repeat;
}
#services ul {
	list-style: none;	
}
#services ul li {
	display: inline;
	margin: 0; padding:0 10;
}
#services ul li a {
	display: block;
	padding:0px;
	line-height:25px;
	margin:0px 10px;
	border-bottom: 1px solid #9f9f9f;
	text-transform: capitalize;
	text-decoration: none;	
	color: #000;
}
#services ul li a:hover{
	color:#000;
	text-decoration: underline;	
}
.leftheading{
	width:211px;
	height:29px;
	line-height:29px;
	padding-left:15px;
	font-size:16px;
	color:#FFFFFF;
	background: url(images/service_had.jpg) left top no-repeat;
}

#newletter{
	width: 180px;
	height: auto;
}
.sidebar{
	float: right;
	width: 180px;
}
.sidebar h3{
	color:#47a8f2;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:10px;
	line-height:25px;
	border-bottom:#969696  dotted 1px;
}
p.readmore {
	overflow: hidden;
	padding-top:10px;
	padding-bottom:10px;
}

a.readmore {
	width: 100px;
	height: 20px;
	background: transparent url(images/readmore.png) 0 0 no-repeat;
	display: block;
	float: left;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
}

a.readmore:link, a.readmore:visited {
	color: #ffffff;
	text-decoration: none;
}

a.readmore:hover {
	background: transparent url(images/readmore.png) 0 -20px no-repeat;
	color: #ffffff;
	text-decoration: none;
}
.comment{
	width: 167px;
	height:26px;
	border: none;
	color:#FFFFFF;
	background:url(images/bg_1.gif) left top no-repeat;
}
.rss-go{
	background:none;
	border:none;
	background-image:url(images/go_bg.gif);
	background-repeat:no-repeat;
	height:24px;
	width:36px;
	color:#ffffff;
	font-size:12px;
}
div#menu{
	font-size:12px;
	text-align:center;
	height:29px;
} 
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align:left;
	float: right;  
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 5;  
}

div#menu li a, #menu li span.separator {
	height: 29px;
	line-height: 29px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	margin:0px;
}

div#menu li span {  
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;  
}

div#menu li a.current {  
	font-weight: bold;
}
div#menu a:hover,
div#menu span.separator:hover,
div#menu span.sfhover {  
	color: #f49b00;
}

div#menu a.active, div#menu span.active {  
	color: #fff;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

 
div#menu ul.menu {
}

div#menu li.level1 {
	margin-right:4px;
	height: 29px;
	line-height: 29px;
}

div#menu a.level1, div#menu span.level1 {
	height: 29px;
	line-height: 29px;
}


div#menu li.last a.level1, div#menu li.last span.level1 {  
	background: none;
}

div#menu li.active {   
}

div#menu li.first.active {  
}

div#menu li.level1 li.active {   
	margin: 0px;
	background: none;
}

div#menu li.active a.level1 {   
	height: 29px;
	line-height: 29px;
}

div#menu a.level1 span, div#menu span.level1 span {
	color:#fff;
	text-align:center;
	height: 29px;
	line-height: 29px;
}

 
div#menu a.level1 span.title, div#menu span.level1 span.title{
	padding: 0px;
	height: 29px;
	line-height: 29px;
}

 
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
	margin:0px;
	padding: 0px 0px 10px 0px;
	background: none;
	font-size: 70%;
	font-weight: normal;
	color: #ffffff;
	line-height: 10px;
}

 
div#menu li.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
	background: #c8001e;
}

div#menu li.bg-blue { background: #00bed2; }
div#menu li.bg-pink { background: #c800c8; }
div#menu li.bg-orange { background: #dc5000; }
div#menu li.bg-green { background: #78c800; }
div#menu li.bg-yellow { background: #FFC800; }
div#menu li.bg-lilac { background: #6432C8; }
div#menu li.bg-turquoise { background: #00DCB4; }

div#menu li.fancy div.fancy-1 {
	background: url(images/menu_fancy_l.png) 0 0 no-repeat;
}

div#menu li.fancy div.fancy-2 {
	padding: 0px 50px 0px 50px;
	background: url(images/menu_fancy_r.png) 100% 0 no-repeat;
}

div#menu li.fancy div.fancy-3 {
	height: 29px;
	background: url(images/menu_fancy_m.png) 0 0 repeat-x;
}

 
div#menu ul.menu ul {
	position: absolute;
	top: 29px;
	left: -999em;  
	width: 165px;
	padding: 2px 0px 3px 0px;
	background: url(images/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 15px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 25px;
	padding: 0px;
	margin: 0px 1px 0px 1px;
	background: none;
	float: none;  
	display: block;
	line-height: 25px;
}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: url(images/menu_level2_item_parent.png) 100% 0 no-repeat;
}

div#menu li.level2 a.active, div#menu li.level2 span.active {  
}

div#menu li.level2 a:hover,
div#menu li.level2 span.separator:hover,
div#menu li.level2 span.sfhover {
}


 

 
div#menu li ul ul {
	margin: -42px 0 0 164px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #000000;
}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}
.home{
	background: url(images/home.png) left top no-repeat;
	padding:0px 15px;
}
.services{
	background: url(images/ser.png) left top no-repeat;
	padding:0px 15px;
}
.template{
	background: url(images/temp.png) left top no-repeat;
	padding:0px 15px;
}
.packages{
	background: url(images/pac.png) left top no-repeat;
	padding:0px 15px;
}
.portfolio{
	background: url(images/port.png) left top no-repeat;
	padding:0px 15px;
}
.blog{
	background: url(images/blog.png) left top no-repeat;
	padding:0px 15px;
}
.contact{
	background: url(images/contect.png) left top no-repeat;
	padding:0px 15px;
}



