body 
{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Gujrati Saral-1',Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
	background: url(../images/background.jpg) repeat;
    
}
#font
{
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
}
.font
{
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
}
@font-face 
 {
 	font-family:"Gujrati Saral-1";
 	src:url("../font/shruti.ttf")format("truetype");
 	src:url("../font/Gujrati-Saral-1.ttf")format("truetype");
 	src:url("../font/Saumil_guj2.ttf")format("truetype");
 	font-weight:normal;
 	font-style:normal;
 }
a, a:link, a:visited { color:  font-weight: 400; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }

p { margin: 0 0 10px 0;
img { border: none; }
der: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #333; font-
h1 { font-size: 16px; margin: 0 0 20px 0; padding: 5px 0;
    height: 18px;
}
ing: 5px 0 }
h2 { font-size: 30px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 24px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { clear: both; display: block; width: 90px; height: 33px; line-height: 33px; font-size: 14px; padding-left: 48px; color: #fff; font-weight: 400; background: url(images/templatemo_readmore.html) no-repeat }
a.more:hover { text-decoration: none; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(../images/templatemo_list.html) no-repeat scroll 0 7px  }

/* ------------------ */

#templatemo_wrapper {
	width: 1000px;
	height:auto;
	padding: 0 0px;
	margin: 0 auto;
	background-image: url(../images/);   
	background-repeat: repeat-x;
	background-position: top;
	
	
}

#templatemo_header {
	width: 1000px;
	height: 100px;
	
}

#site_title { float: left; }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; width: 1000px; height: 150px; color: #fff; text-indent: -10000px; background: url(../img/Unjha.jpg) no-repeat }


/* menu */

.navmenu
{   width: 100%;
    list-style-type: none;
    z-index:50;
    
 }

ul#navmenu, ul.sub1, ul.sub2, ul.sub3, ul.sub4
{
    float: left;
	margin: 0;
	list-style: none;
	list-style-type: none;
	width: 96%;
    z-index:50;
   
  
}

ul#navmenu li
{
   position: relative;
   float: left;
   left:-40px;
   
}

ul#navmenu a
{
	
    float: left;
	display: block;
	padding-left:21px;
	height: 30px;
	padding-right:8px;
	margin-left: 0px;
	font-size: 14px;
	font-weight:bold;
	font-weight:bold;
	padding-top:5px;
	
    text-decoration: none;
	color:#D20B0B;	
	outline: none;  
}
ul#navmenu .sub1 a
{
	margin-left: -2px;
	margin-bottom:-2px;
	width:200px;
	height:30px;
	
	font-size: 12px;
	background-image:url('../images/menu_bg.jpg');
	border-bottom-style: ridge;
    border-bottom-width: thin;
    border-bottom-color: #f3f3f3;
    border-top-style: ridge;
    border-top-width: thin;
    border-top-color: #f3f3f3;
    border-left-style: ridge;
    border-left-width: thin;
    border-left-color: #f3f3f3;
    border-right-style: ridge;
    border-right-width: thin;
    border-right-color: #f3f3f3;
}
ul#navmenu .sub2 a
{
    margin-left: 147px;
    width:200px;
    height:40px;
}

ul#navmenu .sub3 a
{
    margin-left: 500px;
}

ul#navmenu .sub4 a
{
    margin-left: 250px;
}

ul#navmenu li:hover > a
{
	color:
	text-decoration:underline;
	white-space:pre-wrap;
	background: url(../images/templatemo_menu_hover.JPG) repeat;
}

ul#navmenu ul.sub1
{
    display: none;
    position: absolute;
    top: 27px;
    left: 0px;
    
}

ul#navmenu ul.sub2
{
    display: none;
    position: absolute;
    left: 35px;
    height:50px;
}

ul#navmenu ul.sub3
{
    display: none;
    position: absolute;
    top: 0px;
}

ul#navmenu ul.sub4
{
    display: none;
    position: absolute;
    top: 0px;
}

ul#navmenu li:hover .sub1
{
    display: block;
    
}

ul#navmenu .sub1 li:hover .sub2
{
    display: block;
}

ul#navmenu .sub2 li:hover .sub3
{
    display: block;
}

ul#navmenu .sub3 li:hover .sub4
{
    display: block;
}

/* end of menu*/


/* start of news*/
.news_box {
	margin: 0;
	padding: 0;
	display: block;
	width: 350px;
	float: left;
	margin: 0 0px 0px 0;
	z-index:10;
}
.news_box_content 
{
	 display:block;
	 padding-left: 5px;
	 padding-right:20px;
}
.img_cap { font-style: italic; color: #b6980d; font-size: 14px }
.news_box_image {
	position: relative;
	width: 350px;
	height: 222px;
	z-index:10;
}
.news_box_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 222px;
	margin-left:10px;
	background: url(../images/sidebar.png) left repeat-y;
}
.sidebar_box_top {
	width: 350px;
	margin-left:10px;
	height: 20px;
	background: url(../images/sidebar_box_top.png) no-repeat;
}
.sidebar_box_bottom {
	width: 350px;
	height: 20px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom: 0px;
	background: url(../images/sidebar_box_bottom.png) no-repeat;
}
/* end of news*/

/* start of user page news*/
.news_box_u {
	margin: 0;
	float:right;
	padding: 0;
	display: block;
	width: 230px;
	height:auto;
	
	z-index:10;
	
}
.news_box_content_u 
{
	padding-left: 15px;
	padding-right:15px;
	
}
	
.news_box_image_u {
	position: relative;
	float:right;
	width: 230px;
	height: 400px;
	top:30px;
	
}
.news_box_image_u span {
	position: absolute;
	width: 230px;
	height: 400px;
	right:0px;
	background: url(../images/sidebar_news1.png) no-repeat;
}

/* end of user news*/

/* for sidebar*/
.web_box 
{
	margin: 0;
	padding: 0;
	display: block;
	width: 280px;
	float: right;
	margin-right:12px;
	
}
.web_box_image {
	position: relative;
	width: 280px;
	height: 324px;
	left:-60px;
	float:right;
	
}

.web_box_image span {
	position: absolute;
	top: 0;
	padding-top:12px;
	padding-left:10px;
	
	width: 280px;
	height: 324px;
	background: url(../images/feedback.jpg) no-repeat ;
}
/* end of sidebar*/

/* for visitor*/
.visitor_box 
{
	margin: 0;
	padding: 0;
	display: block;
	width: 300px;
	float: right;
	
	
}
.visitor_box_image 
{
	position: relative;
	width: 300px;
	height: 180px;
	float:right;
}

.visitor_box_image span {
	position: absolute;
	top: 0;
	padding-top:30px;
	left:10;
	padding-left:10px;
	width: 300px;
	height: 180px;
	background: url(../images/imp_website1.png) no-repeat ;
}


/* end of sidebar*/




#templatemo_main {
	clear: both;
	width: 980px;
	height:auto;
	padding: 20px 0 40px 20px;
	z-index:-10;
	background-color: #f1f1f1;
	
}

.content_box {
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	
	z-index:-10;
	
}

#page_content
{
	width: 980px;
	height: 850px;
	
	background-color:White;
	padding-top:10px;
	padding-left:0px;
	
}
#page_content_box
{
	margin-left:20px;
	position: absolute;
	width: 700px;
	height: 800px;
	background: url(../images/content.jpg) no-repeat;
	overflow:auto;
	
}
#page_con
{
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.project_collection h2 {
	color: #746522
}

.pc_box {
	margin: 0;
	padding: 0;
	display: block;
	width: 280px;
	float: left;
	margin: 0 60px 60px 0;
}

.pc_box_last {
	margin-right: 0
}

.pc_box_content { padding-left: 15px }
.img_cap { font-style: italic; color: #b6980d; font-size: 14px }
.pc_box_image {
	position: relative;
	width: 248px;
	height: 128px;
}

.pc_box_image img {
	margin: 20px 0 0 25px;
	width: 238px;
	height: 88px;
}

.pc_box_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 125px;
	background:url(../images/templatemo_image_frame.html)
}

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	height: 90px;
	background: url(../images/templatemo_footer_repeat.jpg) repeat-x
}

#templatemo_footer {
	overflow: hidden;
	width: 960px;
	height: 90px;
	padding: 40px 0 0;
	margin: 0 auto;
	color: #746522;
	background: url(../images/templatemo_footer.jpg) bottom center no-repeat
}
#templatemo_footer_user {
	overflow: hidden;
	width: 960px;
	height: 306px;
	padding: 40px 0 0;
	margin: 0 auto;
	color: #746522;
	background: url(../images/templatemo_footer.jpg) bottom center no-repeat
}

.footer_box {
	float: left;
	width: 130px;
	margin-right: 10px;
}



.footer_list { margin: 0; padding: 0; list-style: none }
.footer_list li { margin: 0 0 2px; padding: 0 0 3px; }
.footer_list li a { color: #000000; }
.footer_list li a:hover { color: #ffffff; text-decoration: none }

#footer_menu_box { clear: both; width: 960px; height: 37px; margin: 0 auto; text-align: center }
.footer_menu { margin: 0; padding: 10px 0; list-style: none }
.footer_menu li { margin: 0 30px; padding: 0; display: inline }
.footer_menu li a { color: #FFFFFF }
.footer_menu li a:hover { color: #FFCC00 }

#copyright {
	clear: both;
	width: 960px;
	height: 74px;
	padding: 15px 0 0;
	margin: 0 auto;
	text-align: center;
	color: #fff2b9;
}

#copyright .left {
	float: left;
	text-align: left;
	width: 250px;
	margin-top: 15px;
	font-size:12px;
}

#copyright .right {
	float: right;
	text-align: right;
	font-size:12px;
	margin-top: 15px;
	height: 37px;
	width: 650px;
}

#copyright .right a { display: block; float: left; margin-left: 30px; color: #FFFFFF }
#copyright .right a:hover { text-decoration: underline; color: #FFCC00 }
#copyright a { color: #fff }

.dbutton
{
	background-color:transparent;
}

.tab
{ 
	margin: 10px 0 30px 0;
	background: #F0EFE2;
    color : #47433F;
    text-align: center;
    border : 1px;
  	border-color:Black;
}


.tabth
{ 
  background: #c8c6c6;
  padding: 5px 5px;
  
  text-align: center;
  font-weight:bold;
 }
  .tabtd
  {
  	
  }
  





/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */
/* blue */
.blue {
	color: White;
	

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#1e3149');
}
.blue:hover {

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}