﻿body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../../images/background-main.jpg) repeat-x #e6e7e9;
	text-align:center;
}

body {
	text-align:-moz-center;
}

/* shadow container */
.box {
	width:808px;
}

html > body .outerpair1 {
     background:  url(../../images/shadow-top-right.png) no-repeat scroll right top;
}
            
html > body .outerpair2 {
      background:  url(../../images/shadow-btm-left.png) no-repeat scroll left bottom;
      padding-left: 8px;
      padding-top: 8px;
}
            
html > body .shadowbox {
       background:  url(../../images/main-shadow.png) repeat scroll right bottom;
 }
            
html > body .innerbox {
	   background-color:#fff;
       left: -8px;
       position: relative;
       top: -8px;
}
            
html > body .content {		       
       background-color:#fff;
       text-align: center;
       width: 800px;
}

/* end shadow container */

.header {
	height:100px;
}

#leftNavShadow {
	float:left;
	background-color: Transparent;
	background-image: url(../../images/nav-shadow2.png);
	background-repeat:no-repeat;
	background-position: 0px 10px;
}              

#leftNav2 
{
	padding: 0px; 
	margin: 10px 10px 10px 0px;
	width: 185px;
	list-style-type:none;
	text-align:left;
}

#leftNav2 ul 
{
	list-style: none; 
	border: none; 
	margin: 0; 
	padding: 0;
}

#leftNav2 li a 
{
	display: block;
	text-decoration:none;
	font-size:12px;
	color:#000;
	padding:7px 0 7px 9px;
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
	background-color: white;
}

#leftNav2 li a:hover,
#leftNav2 li a.selected
{ 
	color:#c1131d;
}

#leftNav2 .top  a{
	border-top:solid #000 1px;
	border-right:solid #000 1px;
}

#leftNav2 .bottom  a{
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
}

#leftNavShadowNoHome {
	float:left;
	height:712px;
	width:200px;
	background-image: url(../../images/nav-shadow1.png);
	background-repeat:no-repeat;
	background-position: 0px 10px;
}  

#leftNav2NoHome {
	float:left;
	padding: 0px; 
	margin: 10px 10px 10px 0px;
	width: 185px;
	list-style-type:none;
	text-align:left;
	background-image: url(../../images/nav-shadow2.png);
	background-repeat:no-repeat;

}

#leftNav2NoHome ul {
	list-style: none; 
	border: none; 
	margin: 0; 
	padding: 0;
}

#leftNav2NoHome li a {
	display: block;
	text-decoration:none;
	font-size:12px;
	color:#000;
	padding:7px 0 7px 9px;
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
	background-color: white;
}

#leftNav2NoHome li a:hover { 
	color:#c1131d;
}

#leftNav2NoHome .top  a{
	border-top:solid #000 1px;
	border-right:solid #000 1px;
}

#leftNav2NoHome .bottom  a{
	border-bottom:solid #000 1px;
	border-right:solid #000 1px;
}         

.middleNav {
	height:85px;
}

.middleNav ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 800px;
	background-color:#c1131d;
	text-align:left;
}

.middleNav ul li {
	display: inline;
}

.middleNav a {
	background:url(../../images/red-btn-bg.jpg) no-repeat top;
	width:235px;
	height:70px;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 15px 0 0 30px;
}


.middleNav a:hover
{
	background:url(../../images/red-btn-bg.jpg) no-repeat bottom;
	color: #ffffff;
}

.mid-bottom2
{
	width:200px;
	height:168px;
	text-align:left;
	position:relative;
	top:-150px;
	left:0px;
	float:left;
	z-index:1;
}

#footer {
	background-color:#000;
	color:#fff;
	height:45px;
	padding-top:25px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

#footer a {
	text-decoration:underline;
	color:#fff;
}

#footer a:hover {
	text-decoration:none;
	color:#fff;
}

.column3 
{
	float:left;
	width:270px;
	min-height:160px;
	line-height:18px;
	padding:6px 10px;
	text-align:left;
}

.column4 
{
	float:left;
	width:270px;
	min-height:160px;
	line-height:18px;
	padding:2px 0 0 10px;
	margin-top:4px;
	text-align:left;
}

.column-padding {
	padding:9px 0 5px 0;
}

.copyright {
	text-align:center;
	color:#888888;
}

.kec-lease-nav {
	color:#003399;
}

.learn-more {
	float:right;
	text-align:right;
	height:23px;
	color:#c1131d;
	font-size:12px;

	padding: 5px 20px;
}

.learn-more a {
	color:#777;
	text-decoration:none;
}

.learn-more a:hover {
	color:#c1131d;
	text-decoration:underline;
}

/*titles font styles*/
.title1 {
	float:left;
	width:590px;
	color:#c1131d;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:18px 0px 15px 0px;
	border-bottom:solid 1px black;
}

.title2 {
	font-size:20px;
	font-weight:bold;
}

.title3 
{
	text-align:left;
	color:#c1131d;
	font-size:17px;
	font-weight:bold;
}

.title3 a {
	text-decoration:underline;
	color:#c1131d;
}

.title3 a:hover {
	text-decoration:none;
	color:#c1131d;
}

.title4 {
	font-size:14px;
	font-weight:bold;
}

.title5 {
	color:#970e16;
	font-size:13px;
	font-weight:bold;
}

.title6 {
	color:#fff;
	font-size:11px;
}

.title7 
{
	text-align:left;
	padding:16px 0 0 10px;
	color:#970e16;
	font-size:17px;
	font-weight:bold;
}

/*end titles font styles*/

.middle-cont2{
	background:#fff url(../../images/2nd-top-nav-bg.gif) repeat-x;
	width:800px;
	height:775px;
}

.topNavCont {
	height:68px;
}

.topNav{
	padding-left:195px;
	font-size:11px;
	background-color:#c1131d;
}

.topNav ul {
	padding: 0;
	margin: 0;
	text-align:left;
}

.topNav ul li {
	display: inline;
}

.topNav li a {
	background:url(../../images/red-btn-bg-small.jpg) no-repeat top;
	width:185px;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 10px 0 14px 13px;
}


.topNav a:hover
{
	background:url(../../images/red-btn-bg-small.jpg) no-repeat bottom;
	color: #ffffff;
}

.right-content 
{
	text-align:left;
}

.blueNav{
	padding-left:195px;
	font-size:11px;
	background-color:#287DC0;
}

.blueNav ul {
	padding: 0;
	margin: 0;
	text-align:left;
}

.blueNav ul li {
	display: inline;
}

.blueNav li a {
	background:url(../../images/blue-btn-bg-small.jpg) no-repeat top;
	width:185px;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 10px 0 14px 13px;
}


.blueNav a:hover
{
	background:url(../../images/blue-btn-bg-small.jpg) no-repeat bottom;
	color: #ffffff;
}

.red-triangle-list ul{
	margin:0px;
	padding:0px;
}

.red-triangle-list li{
	list-style-image:url(../../images/bullet-triangle.png);
	font-size:13px;
	vertical-align:top;
	line-height:18px;

}

/*template 1 styles*/

.content-pages-top {
	position:absolute;
	top:68px;
	left:0px;
	width:600px;
	height:318px;
	padding-left:200px;
	z-index:0px;
}

.content-pages-btm 
{
	width:590px;
	margin-top:0px;
	text-align:left;
	padding:0 10px 10px 0;
	line-height:18px;
}

.body-text1 
{
	padding: 5px 0 0 0;
	
}

/*template 1 main images*/

.design-build 
{
	background:url(../../images/design-build-bg.jpg) no-repeat right top;
}

.design-build-content
{
	margin-left: 195px;
	min-height: 320px;
}

.distribution {
	background:url(../../images/distribution.jpg) no-repeat right top;
}

.distribution-content
{
	margin-left: 195px;
	min-height: 320px;
}

.quotes {
	background:url(../../images/quote.jpg) no-repeat right top;
}

.quotes-content 
{
	margin-left: 195px;
	min-height: 320px;
}

.equipment {
	background:url(../../images/equipment-solutions.jpg) no-repeat right top;
}

.equipment-content
{
	margin-left: 195px;
	min-height: 320px;
}

.clients-experience 
{
	background:url(../../images/clients-experience.jpg) no-repeat right top;
}

.clients-experience-content
{
	margin-left: 195px;
	min-height: 320px;
}


.contact-us {
	background:url(../../images/contact-us.jpg) no-repeat top right;
}

.contact-us-content
{
	margin-left: 195px;
	height: 270px;
}

.kec-lease {
	background:url(../../images/kec-lease-bg.jpg) no-repeat top right;
}

.kec-lease-content
{
	margin-left: 195px;
	min-height: 320px;
}

.comm-kitchen-layouts {
	background:url(../../images/commercial-kitchen-layouts.jpg) no-repeat top right;
}

.comm-kitchen-layouts-content
{
	margin-left: 195px;
	min-height: 320px;
}

.about-us {
	background:url(../../images/about-kec.jpg) no-repeat top right;
}

.about-us-content
{
	margin-left: 195px;
	min-height: 320px;
}

.partners 
{	background:url(../../images/girl-on-computer.jpg) no-repeat top right;
}

.partners-content
{
	margin-left: 195px;
	min-height: 320px;
}

.case-studies {	background:url(../../images/couple.jpg) no-repeat top right;
}

.case-studies-content
{
	margin-left: 195px;
	min-height: 320px;
}


/*end template 1 main images*/

/*end template 1 styles*/


/*template 2 styles*/

.temp2-title-bg {
	background:url(../../images/temp2-bg.jpg) no-repeat;
}

.temp2-body-cont {
	float:left;
	width:600px;
	height:250px;
}

.about-us {
	background:url(../../images/about-kec.jpg) no-repeat top right;
}

.temp2-btm-content {
	width:580px;
	min-height:118px;
	text-align:left;
	padding:10px;
	margin-top:8px;
	line-height:18px;
}

.temp2-main-title {
	width:580px;
	color:#970e16;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	padding:15px 0 0 10px;
}

/*template 2 main images*/

.people-blueprints {
	background:url(../../images/template2-image.jpg) no-repeat right;
	height:263px;
}
/*end template 2 main images*/
/*end template 2 styles*/


/*template 3 styles*/
.temp3-main-title {
	float:left;
	width:580px;
	height:44px;
	color:#970e16;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding:15px 0 0 10px;
}

.temp3-btm-title {
	float:left;
	background:url(../../images/temp3-btm-title.jpg) no-repeat;
	width:590px;
	height:27px;
	color:#970e16;
	font-size:18px;
	font-weight:bold;
	padding:5px 0 0 10px;
	text-align:left;
}

/*template 3 main images*/

.temp3-title-bg {
	background:url(../../images/temp3-image1.jpg) no-repeat;
}
/*end template 3 main images*/

/*end template 3 styles*/

.ScrollingSectionHeader
{	padding:15px 0 4px 20px;
	text-align:left;
	color:#970e16;
	font-size:16px;
	margin:0px;
}

.scrollingText 
{	padding-left:40px;
 	line-height:18px;
}
