/*   
Theme Name: Johari Digital
Theme URI: http://www.joharidigital.com/
Description: ....
Version: 1.0
Author: Manish Gogna
*/
	
/* Reset Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	}

body {
	color: #8b8b8b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

IMG {
	border:none;
	}
	
A {
	color:#8b8b8b;
	text-decoration:none;
	}

A:hover {
	color:#576ca9;
	text-decoration:none;
	}
.bluelink{
	color:#576ca9;
	text-decoration:none;
}
a.bluelink:hover{
	color:#8b8b8b;
	text-decoration:none;
}
#container {
	width:765px;
	margin:10px auto;
	}


/******************* HOME 3 BLOCKS ****************************/

#block {
	color:#646262;
	line-height:17px;
	font-size:12px;
	}

#block .blok {
	padding-right:20px;
	}

#block .title, #block .title A  {
	font-weight:bold;
	text-decoration:none;
	color:#646262;
	}

#block .title A:hover  {
	text-decoration:none;
	color:#576ca9;
	}

#block P {
	margin-bottom:10px;
	text-align:justify;
	}
#block .testimonial {
	line-height:normal;
	}
/******************* HEADER PANEL ****************************/
#header {
	height:97px;
	width:765px;
	float:left;
	}
#header .logo {
	float:left;
	padding:12px 0 0 27px;
	width:182px;
	}
	
#header .links {
	float:right;
	padding:45px 20px 0 0;
	width:auto;
	letter-spacing:0.1em;
	font-size:11px;
	color: #576ca9;
	}
#header .links A {
	color: #8b8b8b;
	text-decoration:none;
	}

#header .links A:hover {
	color: #576ca9;
	text-decoration:none;
	}
		
	
/*** Header Panel end here **/

/******************* HEADER MENU #bababa;****************************/

#Header_Link {
	width:765px;
	height:30px;
	background-color: #a0a0a0;
	float:left;
	text-align:right;
	margin:0;
	font-size:12px;
	}

#Header_Link A {
	padding:7px 15px 0 15px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	height:23px;
	}

#Header_Link .selected {
	padding:7px 15px 0 15px;
	color:#BABABA;
	background-color:#FFF;
	display:block;
	text-align:center;
	height:23px;
	}
#Header_Link A:hover {
	color:#BABABA;
	text-decoration:none;
	background-color:#FFFFFF;
		}
	
#Bread_Crumbs {
	height:23px;
	float:left;
	padding:7px 0 0 10px;
	width:755px;
	font-size:11px;
	}

/*** End here **/

/******************* Content ****************************/

#Main_Content
	{
	width:765px;
	float:left;
	}
#Content {
	padding-left:10px;
	float:left;
	}
	
#flash_block {
	padding-bottom:10px;
	width:604px;
	float:left;
	}

#txt_Content {
	float:left;
	padding:0 10px;
	width:583px;
	}

#txt_Content H2 {
	color:#576ca9;
	font-size:19px;
	padding:0 0 5px 0;
	display:block;
	margin:0;
	}
#txt_Content H2 EM {
	color:#6e6e6e;
	font-style:normal;
	font-weight:bold;
	}	

#txt_Content P {
	margin: 0 0 15px;
	padding: 0;
	font: normal normal 12px/16px Arial, sans-serif;
	line-height:19px;
	}

#txt_Content STRONG {
	color:#576ca9;
	}

#txt_Content STRONG {
	color: #666;

	}
.txt_line {
	float:left;
	padding:0px;
	width:583px;
	height:1px;
	background-color:#dde2ee;
	margin:0px 0px 20px 0px;
	}
.head_line {
	float:left;
	padding:0px;
	width:583px;
	height:3px;
	background-color:#dde2ee;
	margin:0px 0px 15px 0px;
	}


/******************* Left Menu ****************************/
.Left_Menu {
	padding:8px 0 8px 20px;
	border:1px solid #d4d4d4;
	line-height:24px;
	width:128px;
	margin-bottom:8px;
	}

.Left_Menu A {
	color: #8b8b8b;
	text-decoration:none;
	}
.Left_Menu A:hover {
	color:#576ca9;
	text-decoration:none;
	}

.Left_Menu .selected {
	color:#576ca9;
	}


.pad2px {
	padding:2px 0;
	}

/******************* ENQUIRY FORM ****************************/
.input {
	border:1px solid #eaeaea;
	background-color:#fdfdfd;
	color: #8b8b8b;
	width:168px;
	font-size:12px;
	padding:3px 0;
	}
.textarea {
	border:1px solid #eaeaea;
	background-color:#fdfdfd;
	color: #8b8b8b;
	width:250px;
	height:100px;
	font-size:12px;
	padding:3px 0;
	}
.zip_box {
	border:1px solid #eaeaea;
	background-color:#fdfdfd;
	color: #8b8b8b;
	width:70px;
	font-size:12px;
	padding:3px 0;
	}

.select {
	border:1px solid #eaeaea;
	background-color:#fdfdfd;
	color: #8b8b8b;
	font-size:12px;
	padding:3px 0;
	}

.black { 
	color:#333;
	}

/******************* NEWS ****************************/

.News {
	display:block;
	margin-bottom:8px;
	line-height:19px;
	}
.News .img {
	padding-bottom:5px;	
	}

.News .title {
	color:#576ca9;
	font-weight:bold;
	font-size:13px;
	}
.News .title A {
	color:#576ca9;
	}
.News .title A:hover {
	color:#666;
	}

.News .sub_title {
	padding-bottom:5px;
	color:#666;
	font-size:11px;
	}

.News .view {
	color:#576ca9;
	padding-top:5px;
	text-align:right;
	display:block;
	}
.News .view A{
	color:#576ca9;
	text-decoration:none
	}

.News .view A:hover{
	color:#666;
	text-decoration:none
	}
	
.News .name {
	padding-top:5px;
	display:block;
	font-size:11px;
	line-height: normal;
	}
.News .name b {
	font-size:12px;
	color: #666;
	}
	
/******************* FOOTER ****************************/

#Footer {
	line-height:18px;
	font-size:11px;
	}
	
/******************* news ****************************/

#thumb{
	width:232px;
	height:174px;
	border:1px solid #000;
	}