/*  
Theme Name: Uzanto GreyOrange
Theme URI: http://www.uzanto.com/
Description: The New uzanto Theme
Version: 1
Author: Uzanto Consulting
Author URI: http://www.uzanto.com/
*/


* {
	margin: 0px;
	padding: 0px;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/background.gif);
	}
img {
	border: 0px;
	}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #266392;
	font-size: 11px;
}
a:hover {
	color: #e78c15;
}
	
.position {
	width: 760px;
	margin: 0px auto;
	}
/* ------------------------------ header ------------------------------ */
.header {
	background: url(img/header.gif) no-repeat;
	width: 760px;
	height: 92px;
	}	
.uzantologo {
	position:relative;
	margin-left: 0px;
	margin-top: 0px;	
	} 
.head2 {
	width: 760px;
	height: 42px;
	background-image: url(img/head2.jpg);
	background-repeat: no-repeat;
	}
	
.primarynav {
	margin-left:185px;
    }	
	
a.button {
margin: 0 3px 0px 0px;
width:86px;
height:31px;
float:left;
text-decoration:none;
text-align:center;
display:block;
background-image:url(img/up_button2.jpg);
background-repeat:no-repeat;
font-family:arial, "lucida sans unicode", "trebuchet ms", verdana, sans-serif;
}

a.button p {
	margin-top:7px;
	font-size:12px;
	/* color:#ea7312; */
        color:#849AA0;
        font-weight:bold;
/*background-color:#FFFFFF;*/
}

a.clicked p {
/*color:#9e5605; */

/*color:#63777D; dark gray */
color:#35869E;
letter-spacing:2px;
font-weight:bold;
/*background-color:#F2F2F2;*/
}

a.clicked {
/*margin-top:5px;*/
/*background-image:url(img/clicked-button.jpg);*/
background-image:url(img/up_button.jpg);
height:30px;
}

a.button:hover {
margin-top:5px;
}

.maingraphic a.ss {
top:108px;
left:279px;
position:relative;
width:66px;
height:20px;
display:block;
float:left;
}

.maingraphic a.mc {
top:109px;
left:90px;
position:relative;
width:66px;
height:20px;
display:block;
float:left;
}

.maingraphic a:hover {
border:1px solid #BDC6CE;
}

/* --- header ends --- */

/* ------------------------------ main ------------------------------ */
.back {
	width: 760px;
	background-image: url(img/back.gif);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-bottom: 20px;
	overflow:auto;
	}
/* ------------------------------ content ------------------------------ */
.leftcontent {
	width: 505px;
	margin: 0px 10px 0px 5px;
	padding-left: 17px;
	float: left;
/*	border:1px solid #000;*/
	}
	
	.leftcontent h5 {	
	margin-bottom:3px;
	padding-top:7px;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, arial, sans-serif;
	font-size:14px;
color:#85AACE;
	}
	
	.leftcontent h6 {	
	margin-bottom:3px;
	padding-top:3px;
	padding-left: 2px;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, arial, sans-serif;
	font-size:11px;
	color:#85AACE;
	}				
	
	h4.research {
	background-image:url(img/articles.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
	color: #266392;
	height:40px;
	}
	
	h4.clients {
	background-image:url(img/clients_and_casestudies.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
	color: #266392;
	height:40px;
	}
	
	h4.contact {
	background-image:url(img/contactus.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 16px;
	color: #266392;
	height:40px;
	}
	
	h4.blog {
	background-image:url(img/uzantoblog_icon.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:10px;
	font-size: 16px;
	color: #266392;
	height:40px;
	width:130px;	
	overflow:hidden;
	}
	
	h4.aboutus {
	background-image:url(img/about_us.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:10px;
	font-size: 16px;
	color: #266392;
	height:40px;
	width:130px;	
	overflow:hidden;
	}
	
	h4.services {
	background-image:url(img/services.gif);
	background-repeat:no-repeat;
	padding-left:48px;
	padding-top:15px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:10px;
	font-size: 16px;
	color: #266392;
	height:40px;
	width:175px;
	overflow:hidden;
	}
	
.maingraphic {
	width: 505px;
	height: 140px;
	background-image: url(img/mindcanvasad1.jpg);
}	
.block {
	width: 504px;
	height: auto;
	}	
	
.leftcontent ul {
	padding-left:20px;
}
	
.leftpannel_textcurve_top {
	width: 504px;
	height: 10px;
	background-image: url(img/leftpannel_textcurve_top.gif);
	background-repeat: no-repeat;
	margin-top:5px;
	}
	
.leftpannel_textcurve_top1 {
	width: 504px;
	height: 10px;
	background-image: url(img/leftpannel_textcurve_top1.gif);
	background-repeat: no-repeat;
	margin-top:5px;
	}			
	
.leftpannel_text_area {
	width: 502px;
	background-repeat: no-repeat;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	margin-top:-5px
	}				
	
.leftpannel_text_area1 {
	width: 502px;
	background-color:#F1F8FC;
	background-repeat: no-repeat;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	margin-top:-5px
	}				
	
	.leftpannel_text_area h5 {
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 2px;
	}				
	
.leftpannel_text_area1 h5 {
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 2px;
	}		
	
	.leftpannel_text_area p {
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
        padding-bottom: 5px;
	}				
	
	.leftpannel_text_area1 p {
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
        padding-bottom: 5px;
	}				
	
.leftpannel_textcurve_bottom {
	width: 504px;
	height: 10px;
	background-image: url(img/leftpannel_textcurve_bottom.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	}			
	
.leftpannel_textcurve_bottom1 {
	width: 504px;
	height: 10px;
	background-image: url(img/leftpannel_textcurve_bottom1.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
	}			
			
.leftcolumn_row_topcurve {
	width: 415px;
	height: 9px;
	background-image: url(img/leftcolumn_row_topcurve.gif);
	background-repeat: no-repeat;
	}			
	
.leftcolumn_row_textarea {
	width: 413px;
	background-repeat: no-repeat;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	margin-top:-5px;
	}							
	
	.leftcolumn_row_textarea p {
	padding-left: 10px;
	padding-right: 5px;
	}							
	
.leftcolumn_row_textarea h5 {
	padding-left: 10px;
	padding-right: 5px;
	}								
	
.leftcolumn_row_bottomcurve {
	width: 415px;
	height: 10px;
	background-image: url(img/leftcolumn_row_bottomcurve.gif);
	background-repeat: no-repeat;
	}
	
.leftarea {
	width: 415px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 8px;
	margin-top: 8px;
	}							
						
			
.leftcolumns {
	width: auto;
	height: auto;
	margin-top: 20px;
	}
.leftcolumn1 {
	float: left;
	width: 260px;
    }
	
.leftcolumn1head {
	width: 260px;
	height: 37px;
	background-image: url(img/consult.gif);
	background-repeat: no-repeat;
	}	
	
.leftcolumn3 {
	float: left;
	width: 220px;
	margin-left: 7px;
    }			
	

.leftcolumn3head {
	width: 220px;
	height: 37px;
	background-image: url(img/reportsandarticles.gif);
	background-repeat: no-repeat;
	}				
	
.leftcolumnarea1 {
	width: 260px;
	height: auto;
	background-repeat: no-repeat;
	
	}
	
	.leftcolumnarea1 p {
	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 15px;
	}
	
	
.leftcolumnarea3 {
	width: 220px;
	height: auto;
	background-repeat: no-repeat;
	
	/*border-left-color: #DADADA;
	
	border-left-width: 1px;
	
	border-left-style: solid;*/
	}
	
	.leftcolumnarea3 p {
	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 15px;
	}	

.leftcoloumndivider {
	width:10px;
	height:75px;
	margin-top:55px;
	float:left;
	overflow:hidden;
	padding-top:300px;
	background-image: url(img/background2.gif);
}
	
/* ------------------------------ rightbox ------------------------------ */
.rightcontent {
	width: 195px;
	margin: 0px;
	float: left;
	display: block;
/*	border:1px solid #000;*/
}

.rightboxheader {
	height: 30px;
	width: 206px;
	background-repeat:no-repeat;
}

.news {
	background-image: url(img/news.gif);
}

.ourservices {
	background-image: url(img/ourservices.gif);
}

.uzantoblog {
	background-image: url(img/uzantoblog.gif);
}


.locations {
	background-image: url(img/locations.gif);
}

.tagcloud {
	background-image: url(img/tags.gif);
}

.topics {
	background-image: url(img/topics.gif);
}

.rightboxtext {
	width: 184px;
	background-color: #f3f6f8;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	list-style-type:none;
	padding: 3px 10px 3px 10px;
        font-size: 10px;
}

.rightboxtext p {
font-size:11px;
}

.rightboxtext li {
background:0px 5px;
background-image: url(img/bullets.gif);
background-repeat:no-repeat;
line-height: 1.4em;
background-color: #fcfdfd;
margin: 5px 0px 5px 0px;
padding-bottom:5px;
padding-top:3px;
padding-left:15px;
}

.goto {
text-align: right;
}

.normalultext2 {
margin-left:-12px;
	list-style-type:none;
	padding-top:6px;
}

.normalultext2 li {
background:0px 5px;
background-image: url(img/bullets3.gif);
background-repeat:no-repeat;
line-height: 1.4em;
margin:0px;
padding-bottom:6px;
padding-left:10px;
}


.normalultext {
margin-left:-12px;
	list-style-type:none;
	padding-top:6px;
}

.normalultext li {
background:0px 5px;
background-image: url(img/bullets2.gif);
background-repeat:no-repeat;
line-height: 1.4em;
margin:0px;
padding-bottom:10px;
padding-left:20px;
}

.datetext {
font-size: 10px;
color: #666666;
}

.rightcolumnbase {
	height: 7px;
	width: 206px;
	background-image: url(img/rightcolumnbase.gif);
	background-repeat: no-repeat;
	top: -10px;
}

/* ------------------------------ footer ------------------------------ */
.base {
	height: 44px;
	width: 760px;
	background-image: url(img/footerbg.gif);
	background-repeat: no-repeat;
    margin-bottom: 0px;
	padding-top:15px;
	padding-left:10px;
	text-align:center;
	margin-top:0px;
}

/* ------------------------------ clear ------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 

    clear: both;
    visibility: hidden;
}


/* --- misc --- */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.more {
	color: #266392;
}

.grey {
	color: #6f6f6f;
}

.orange {
	color: #e78c15;
}
.rashmiimage {
	height: 98px;
	width: 80px;
	background-image: url(img/rashmi.gif);
	float: left;
	margin-top: 10px;
	
}

.jonimage {
	height: 99px;
	width: 80px;
	background-image: url(img/jon.jpg);
	float: left;
	margin-top: 10px;
}

.amitimage {
	height: 91px;
	width: 80px;
	background-image: url(img/amit.jpg);
	float: left;
	margin-top: 10px;
}

.xmlbutton {
	border: none;
	border-width: 0px;
}

a.posttitle {
text-decoration:none;
font-size:13px;
}

.articledividerline {
	margin: 20px 75px 10px 75px;
	border-top:1px dashed #CACACA;
}

.imageleft {
	float: left;
	padding: 7px 7px 7px 7px;
	margin: 5px;
		border: 1px solid #999999;
font-size: 9px;
}

.imageright {
	float: right;
	padding: 7px 7px 7px 7px;
	margin: 5px;
		border: 1px solid #999999;
font-size: 9px;
}

.contactrightbox {
text-align:center;
}

.contactrightbox a{
text-decoration:none;
}

.contactform table{
	background-color:#F1F8FC;
	background-repeat: no-repeat;
}

.contactform input,textarea {
	background-color:#FFFFFF;
	border:1px solid #D0D0D0;
}

.contactformerror {
margin:10px 50px 10px 50px;
padding:10px;
background-color:#FFFFD9;
border-bottom:1px solid #D0D0D0;
border-top:1px solid #D0D0D0;
}

.contactformerror h3{
color:#F20000;
text-align:center;
font-size:12px;
font-weight:bold;
}

.contactformerror p{
margin-top:5px;
}

input.contactformerrorhighlight {
background-color:#FFECEC;
}

textarea.contactformerrorhighlight {
background-color:#FFECEC;
}

.servicesblock {
background:0px 8px;
padding-left:100px;
padding-bottom:20px;
border-bottom:1px dashed #cacaca;
}

.customerresearch {
background-image: url(img/user_experience_consulting.gif);
background-repeat:no-repeat;
}

.productresearch {
background-image: url(img/product_concept.gif);
background-repeat:no-repeat;
}

.richinterfaces {
background-image: url(img/rich_interfaces_consulting.gif);
background-repeat:no-repeat;
}

.mindcanvas {
background-image: url(img/remote_customer_research.gif);
background-repeat:no-repeat;
}

.noborder {
border-bottom:0px;
}

.mindcanvasad3 {
/*background:5px 0px;*/
background-image: url(img/mc-ad-3.gif);
background-repeat:no-repeat;
width:198px;
height:475px;
}

.mindcanvasad3 a {
top:449px;
left:125px;
position:relative;
width:62px;
height:18px;
display:block;
}

.mindcanvasad3 a:hover {
border:1px solid #BDC6CE;
}

.mindcanvasad2 {
/*background:20px 0px;*/
background-image: url(img/mc-ad-2.gif);
background-repeat:no-repeat;
width:198px;
height:475px;
}

.mindcanvasad2 a {
top:446px;
left:123px;
position:relative;
width:62px;
height:18px;
display:block;
}

.mindcanvasad2 a:hover {
border:1px solid #BDC6CE;
}