@import url(/common/css/editor.css);
/*	Kendal King Group - Global CSS Document	*/

/*

Global Colors

KKG Red - #c41230
KKG Teal - #009590
KKG Orange - #f4911e
KKG Lt. Gray - #b1aca5
KKG Lt. Orange - #fce2c3

*/
body {
	background-image: url(/common/images/KKG-Teal-BG.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/*======================

Structure 

========================*/

#wrapperToCenter {
	width: 1008px;
	margin: 0px auto 0px auto;
}

#wrapperToShadow {
	min-height: 680px;
	width: 1008px;
	background-image: url(/common/images/vertShadow2.png);
	background-repeat: no-repeat;
	background-position: left;
}

#wrapperToFooter {
	height: 10px;
	width: 1010px;
	background-image: url(/common/images/horzShadow.png);
	background-repeat: no-repeat;
}

#mainContent {
	background-image: url(/common/images/bg.png);
	background-repeat: no-repeat;
	margin: 0 0 0 9px;
	padding: 0;
	min-height: 680px;
	width: 990px;
	position:relative;
}

#leftSide {
	position:absolute;
	top:175px;
	left:0;
	z-index:2;
}

.contentId {
	height: 463px;
	width: 780px;
	margin: 145px 0 0 0;
	float: right;
	position: relative;
	padding:0;	
	z-index:1;
}
div.homeFlash 
{
    /*background-image:url(/common/images/kkg_homepage_flash_template.jpg);*/
	height: 516px;
	width: 869px;
	margin: 107px 0px 0;
	float: right;
	position: relative;
	padding:0;	
	z-index:1;
}

#innerContent {
	position: relative;
}

.innerBg1 {
	background-image: url(/common/images/innerSubTrans.png);
	background-repeat: no-repeat;
	height: 215px;
	width: 564px;
	float: left;
	margin: 208px 0 0 216px;
}

.innerBgA {
	background-image: url(/common/images/bgInnerTiny.png);
	background-repeat: no-repeat;
	height: 211px;
	width: 300px;
	margin: 208px 0 0 65px;
	float: left;
}
.innerBgTiny {
	background-image: url(/common/images/bgInnerTiny.png);
	background-repeat: no-repeat;
	height: 211px;
	width: 300px;
	margin: 208px 0 0 65px;
	float: left;
}

.innerBgOffset {
	background-image: url(/common/images/bgInnerTiny.png);
	background-repeat: no-repeat;
	height: 211px;
	width: 200px;
	margin: 254px 0 0 8px;
	float: left;
}

.innerBg2 {
	background-image: url(/common/images/innerSubTrans2.png);
	background-repeat: no-repeat;
	height: 290px;
	width: 564px;
	float: left;
	margin: 163px 0 0 216px;
}
.innerBgInformationForm {
	background-image: url(/common/images/innerSubTrans2.png);
	background-repeat: no-repeat;
	height: 290px;
	width: 564px;
	float: left;
	margin: 163px 0 0 216px;
}

/* .innerBg5 is the transparency for Contact Us section - different opacity */

.innerBg5 {
	background-image: url(/common/images/innerSubTrans5.png);
	background-repeat: no-repeat;
	height: 215px;
	width: 564px;
	float: left;
	margin: 208px 0 0 216px;
}


.bg1 {
	background-image: url(/common/images/mainContent.png);
	background-repeat: no-repeat;
}

.bgA {
	background-image: url(/common/images/mainContentA.png);
	background-repeat: no-repeat;
}

.bg2 {
	background-image: url(/common/images/mainContent2.png);
	background-repeat: no-repeat;
}

/* Bg3 is the Flash container */

/*
.bg3 {
	background-image: url(/common/images/mainContent3.png);
	background-repeat: no-repeat;
}
*/

.bg4 {
	background-image: url(/common/images/mainContent4.png);
	background-repeat: no-repeat;
}

.bg5 {
	background-image: url(/common/images/mainContent5.png);
	background-repeat: no-repeat;
}

#headline {
	margin: 20px 25px 0 25px;
	width: 362px;
	float: left;
}

#headline2 {
	margin: 20px 25px 0 25px;
	width: 220px;
	float: left;
}

#headlineTiny {
	margin: 20px 25px 0 25px;
	width: 250px;
	float: left;
}

#innerSection {
	overflow-y: auto;
	text-align: justify;
	margin: 5px 0 0 25px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #111111;
	padding: 0 10px 0 0;
}

.section1 {
	width: 362px;
	height:160px;
}

.section2 {
	width: 495px;
	height:235px;
}

.section3 {
	width: 260px;
	height:160px;
}

.section4 {
	width: 495px;
	height:240px;
}
.sectionTiny {
	width: 260px;
	height:160px;
}

.sectionOffset {
	width: 160px;
	height:160px;
}


#peopleNav {
	height: 60px;
	width: 366px;
	margin: 150px 0 0 310px;
	padding: 0 auto;
}

.peopleImg {
	padding: 0 5px;
}

#footer {
	float: right;
	margin: 20px 30px 0 0;
}	

#footer, #footer a, #footer a:visited, #footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal; 
}

#footer, #footer a, #footer a:visited {
	color: #b1aca5;
}

#footer a:hover {
	color: #c41230;
}

.newsItem {
	margin: 0 0 10px 0;
}

.newsTitle, .newsItem a, .newsItem a:visited, .newsItem a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.newsTitle {
	font-weight: bold;
}

.newsItem a, .newsItem a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #c41230;
}

.newsItem a:hover {
	color: #f4911e;
}

.pageContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #111111;
	padding: 0 10px 0 0;
}

/*======================

Main Navigational Menu

========================*/

.menu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color:#f4911e;
    text-decoration:none;
}
.menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color:#f4911e;
    text-decoration:none;
}
.menu .innerSubNavDivActive a, .menu li.activeNavLink a{
    color:#c41230;
}

.menu .innerSubNavDiv, .menu .innerSubNavDivActive
{
    background:url(/common/images/navArrowUp.png) no-repeat left center;
    padding:0px 0px 0px 35px;
}
.menu .topNavDivInactive, .menu .topNavDivActive
{
    margin-bottom:20px;
}

.menu .subNavWrapper ul {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:10px;
    margin-right:10px;
    padding-bottom:3px;
}
.menu .subNavWrapper li {
    margin-top:3px;
}
/*
.menu2 
{
    width:auto;
}
.menu2 li
{
    margin-bottom:5px;
}
#navMenu ul
{
    padding-left:5px;
    margin:0px;
}

#navMenu a, #navMenu a:visited, #navMenu a:hover {
	text-decoration: none;
}

#navMenu a, #navMenu a:visited {
	color: #f4911e;
}

#navMenu a:hover {
	color: #c41230;
}

#navMenu div div div
{
    margin-left:20px;
}
#navMenu div div div a
{
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
}
ul {
	list-style: none;
}

div.menu li.active a
{
    color:#c41230 !important;
    font-weight:bold;
}

div.menuPrimary li.active
{
    background:url(/common/images/navArrowActive.png) no-repeat left center;
}
div.menuPrimary li
{

    background:url(/common/images/navArrowUp.png) no-repeat left center;
    margin-bottom:24px;
}
div.menuPrimary li a
{
    margin-left:30px;
}


.activeNav {
	background-image: url(/common/images/navArrowActive.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 40px;
}

.inactiveNav {
	background-image: url(/common/images/navArrowUp.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 40px;
}

.activeAboutUs {
	background-image: url(/common/images/navArrowAboutUs.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 56px;
}

.activeOurWork {
	background-image: url(/common/images/navArrowOurWork.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 58px;
}

.activeServices {
	background-image: url(/common/images/navArrowServices.png);
	background-repeat: no-repeat;
	height: 84px;
	width: 58px;
}

.activeNews {
	background-image: url(/common/images/navArrowUp.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 26px;
}

.activeContactUs {
	background-image: url(/common/images/navArrowContactUs.png);
	background-repeat: no-repeat;
	height: 164px;
	width: 46px;
}

.imgNavArrow
{
    float:left;
    margin-top:4px;
    margin-left:5px;
}



.subNav {
	float: right;
	text-align: right;
	margin: 82px 0 0 0;
}

.subNav a, .subNav a:visited, .subNav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold; 
	text-decoration: none;
}

.subNav a, .subNav a:visited {
	color: #ffffff;
}

.subNav a:hover {
	color: #fce2c3;
}

.subNav ul {
	margin: 0;
	padding: 0;
}

.subNav li {
	background-color: #c41230;
	margin: 2px 0 0 0;
	padding: 3px 10px 3px 20px;
	width: 120px;
}
*/


/*======================
        People
========================*/
.personLink
{
    margin: 0px 5px 0px 5px;
}

/*======================
     Home Page Link
========================*/
.hlHome
{
    height:120px;
    width:200px;
    position:absolute;
    top:20px;
    left:50px;
    z-index:3;
}

/*======================
     Page Header Text
========================*/
div#PageHeaderText
{
    top:25px;
    left:0px;
    width:100%;
    text-align:center;
    font-size: 12px;
    color: #c41230;
    font-family: Arial, Helvetica, sans-serif;position:absolute;
    font-weight:bold;
    
}

.contactUsContent
{
    margin:151px -40px 0px 0px;
}