/* ---------------- General styles --------------- */

html { background-color:#FFF}

body {
	margin:0 auto;
	text-align:center;
	padding:0;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	color:#414141;
	font-size:12px;
	line-height:16px;
	border-left: 10px solid #EAE8E8;
	border-right: 10px solid #EAE8E8;
    }
	
p, h1, h2, h3, h4, h5, h6, a, div, span, img, dl, dt, dd, form, input, label, ul, li, ol{
	padding: 0;
	margin: 0;
	}

a {
   	color:#EB3E33;
	text-decoration:none;
	border:none;
	}

a:hover {
	color:#414141;
	text-decoration:underline;
	}
	
ul{ list-style:none;}
	
h1, h2, h3 {
	margin:10px 0 10px 0;
	padding:0;
	}

h1{ color:#EB3E33; font-size:18px; font-weight:normal; margin-bottom:15px}

h2{ color:#EB3E33; font-size:14px; font-weight:normal}

    p {
	margin:0;
	margin-bottom:8px;
	padding:0;
	}

td {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

em{}

.redTxt {color:#EB3E33;	}

.smlTxt {font-size:10px}
	
.breadcrumbs{font-size:9px}
	
/* ------------ header styles -------------- */

    #header {
        clear:both;
        float:left;
		height:193px;
        width:100%;
		text-align:left;
		background:url(../images/Dishman-Logo.gif) top left no-repeat;
    }
	
	#topNav { margin:12px 0 0 25px}
	
	#topNav a {
		font-size:11px;
		color:#414141;
		text-decoration:none;
		border:none;
		}

	#topNav a:hover {
		color:#EB3E33;
		text-decoration:underline;
		}
	
	
	#flash {
		float:right;
		width:650px;
		height:140px;
		margin:0;
		padding:0;
		clear:right
	}

/* --------------- main navigation ----------------- */

	#navigation{  margin:0; padding:0; margin-top:112px; border-top:4px solid #EB3E33}
	#navigation a{display:block; height:35px;}
	#navigation li{float:left; margin:0;}
	#navigation ul li a span {display:none;}

	#home{width:102px;}
	#home{background:url(../images/home-up.jpg) no-repeat;}
	#home a:hover,#home a:focus{background:url(../images/home-over.jpg) no-repeat;}
	#home .active{background:url(../images/home-over.jpg) no-repeat;}
	#homeOver{background:url(../images/home-over.jpg) no-repeat;}

	#about{width:198px;}
	#about{background:url(../images/about-up.jpg) no-repeat;}
	#about a:hover,#about a:focus{background:url(../images/about-over.jpg) no-repeat;}
	#about .active{background:url(../images/about-over.jpg) no-repeat;}

	#services{width:196px;}
	#services{background:url(../images/products-up.jpg) no-repeat;}
	#services a:hover,body#services a:focus{background:url(../images/products-over.jpg) no-repeat; }
	body#services a:hover,body#services a:focus{background:url(../images/products-over.jpg) no-repeat; }
	#services .active{background:url(../images/products-over.jpg) no-repeat; }

	#api{width:215px;}
	#api{background:url(../images/API-supply-up.jpg) no-repeat;}
	#api a:hover,#api a:focus{background:url(../images/API-supply-over.jpg) no-repeat;}
	#api .active{background:url(../images/API-supply-over.jpg) no-repeat;}

	#management{width:189px;}
	#management{background:url(../images/management-up.jpg) no-repeat;}
	#management a:hover,#management a:focus{background:url(../images/management-over.jpg) no-repeat;}
	#management .active{background:url(../images/management-over.jpg) no-repeat;}

	#endNav {
		clear:both;
		height:18px;
		background: url(../images/endNav.jpg) top left repeat-x;
		margin:0;
		padding:0
	}

/* --------------- container ----------------- */

	.container {
		text-align:left;
		position:relative;
	    clear:both;
	    float:left;
        width:900px;
		overflow:hidden;
	}

/* ---------- column settings --------------- */

	.layout { background:#FFF;}
	
    .layout .midCol {
        float:left;
        width:200%;
        margin-left:-170px;
        position:relative;
        right:100%;
    }

    .layout .leftCont {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:360px;
		border-right: 1px solid #EFEFEF;
    }

    .layout .contentWraper {
        float:left;
	    width:50%;
	    position:relative;
	    right:190px;
	}

	.layout .mainCol {
        margin:0 175px 0 200px;
        position:relative;
	    left:200%;
	    overflow:hidden;
	}

	.inner{
		width:502px;
		margin-left:10px
	}

    .layout .leftCol {
        float:right;
        width:175px;
        position:relative;
        right:0;
    }
	
	.layout .leftCol p{ margin-bottom:5px}
	
	.layout .leftCol a{ color:#414141; text-decoration:none}
	
	.layout .leftCol a:hover{ color:#EB3E33; text-decoration:none}
	
	.layout .leftCol a.active{ color:#EB3E33; text-decoration:none}
	
	.layout .leftCol ul { margin:0;	padding:0; list-style-image:url(../images/bullets2.gif);}
	
	.layout .leftCol ul li { margin:0 0 3px 15px;}
	
	.layout .leftCol ul li ul {list-style-image:url(../images/spacer.gif); margin:0; padding:0; font-size:11px}
	
	.layout .leftCol ul li ul li{margin:3px 0 3px 12px; list-style:none}
	
	.layout .leftCol ul li ul li ul {list-style-image:url(../images/spacer.gif); margin:0; padding:0; font-size:11px; display:block}
	
	.layout .leftCol ul li ul li ul li{margin:3px 0 3px 12px; list-style:none}
	
    .layout .rightCol {
        float:right;			
        width:170px;        	
        position:relative;
		right:-170px;
	}
    
	.layout .rightColhome {
        float:right;			
        width:170px;        	
		right:0px;
		clear:right;
	}
	
	#bullets ul {
		color:#414141; 
		list-style:disc; 
		padding:0;
		margin:0 0 0 20px;
		font-size:12px;
	}
		
	#bullets ul ul {
		color:#414141; 
		list-style:circle; 
		font-size:12px;
	}
	
	.thumbs {border-top:solid 2px #EB3E33; border-bottom:solid 2px #EB3E33; padding:5px; text-align:center}
	
	.imgThumb {margin:0; margin-left:10px;} 
	
	#photosLi ul{ margin:0; padding:0;}
	#photosLi li{display:block; float:left; display:inline; width:150px; list-style:none; margin:0; margin-bottom:5px; padding:1px; text-align:center; font-size:9px}
	
/* ----------- Footer styles --------------*/

	#bottom {
		clear:both;
		font-size:11px; 
		font-weight:bold;
		margin:20px 0 0 0;
	}

	#footer {
		float:left;
		height:75px;
        width:100%;
		background:url(../images/footer.jpg) top left no-repeat;
    }

    #footer p {
		float:right;
		margin:38px 25px 0 0;
        padding:0;
		font-size:11px;
    }

/* ------------------ search style ----------------- */

	.tbRow {
	  margin: 0; padding: 0; text-align: left; width: 100%;
	}
	
	.t-row {
	  margin: 0; padding: 0; text-align: left; width:169px;
	}
	
	.left-td {
	  border: none; float: left; margin: 0; padding: 0; width: 30%;
	}
	
	.mid-td {
	  border: none; float: left; margin: 0; padding: 0; width: 30%; font-size:11px; 
	}
	
	.right-td {
	  border: none; float: right; margin: 0; padding: 0; width: 39%;
	}
	
	.space-line {
	  clear: both; margin: 0; padding: 0; width: auto;
	}

.mngrImg {position:absolute; float:right; width:100px; height:110px; top:78px; right:30px; z-index:3}

/* ----------------- side images ----------------- */

#brochure {
  	display: block;
  	width: 179px;
  	height:128px;
  	background: url("../images/brochure-down.jpg") no-repeat 0 0;
}

#brochure:hover { 
  	background: url("../images/brochure-up.jpg") no-repeat 0 0;
}

#brochure span {  display: none;}

#crams {
	display: block;
  	width: 179px;
 	height:128px;
  	background: url("../images/crams-down.jpg") no-repeat 0 0;
}

#crams:hover { 
  	background: url("../images/crams-up.jpg") no-repeat 0 0;
}

#crams span {  display: none;}

#caseStudies {
	display: block;
  	width: 179px;
 	height:128px;
  	background: url("../images/case-studies.jpg") no-repeat 0 0;}

#caseStudies:hover { 
  	background: url("../images/case-studies-up.jpg") no-repeat 0 0;
}

#caseStudies span {  display: none;}