/* KHC Leisure Stylesheet*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
}


/*Here are the text styles*/

.body_text {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.client_text {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left; 
}

.title_text {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #C1131E;
	font-weight: bold;
	text-align: left;
    margin-left: -1px;
}

.arrow_text {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	line-height:10px;
	text-align: center;
}


.footer_text {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-align: center;
}


/*Here are the top elements*/
#footer { position: absolute; top: 528px;  left: 167px; width: 653px; height: 25px; z-index: 1; }
#khc_logo    { position: absolute; top: 19px;  left: 23px; width: 130px; height: 110px; z-index: 1;}
#top_banner  { position: absolute; top: 15px; left: 175px; width: 630px; height: 90px; z-index: 1;}

/*Here are the top 5 buttons*/

#button1         { position: absolute; top: 108px;  left: 172px; width: 91px;  height: 28px; z-index: 1;}
#button2         { position: absolute; top: 108px;  left: 299px; width: 91px;  height: 28px; z-index: 1;}
#button3         { position: absolute; top: 108px;  left: 427px; width: 91px;  height: 28px; z-index: 1;}
#button4         { position: absolute; top: 108px;  left: 555px; width: 91px;  height: 28px; z-index: 1;}
#button5         { position: absolute; top: 108px;  left: 683px; width: 91px;  height: 28px; z-index: 1;}

/*Here is the content area*/

#border_box      { position: absolute; top: 16px;   left: 100px; width: 831px; height: 570px; z-index: 1; background-color: #CCCCCC; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-width:thin;  border-color:#FFFFFF;  }
#main_text_box   { position: absolute; top: 149px;  left: 177px; width: 627px; height: 372px; z-index: 1; background-color: #CCCCCC; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-width:thin;  border-color:#FFFFFF;  }
#main_text       { position: absolute; top: 14px;   left: 38px;  width: 567px; height: 290px; z-index: 2; text-align: left;}
#sub_nav         { position: absolute; top: 149px;  left: 21px;  width: 130px; height: 350px; z-index: 1; text-align: center;}
#vacancy_text    { position: absolute; top: 347px;  left: 218px;  width: 556px; height: 136px; z-index: 2; text-align: left;}

/*Here is the content area for Projects*/

#progress_pictures { position: absolute; top: 14px;  left: 14px; width: 138px; height: 120px; z-index: 2; text-align:left;}
#finished_picture  { position: absolute; top: 14px;  left: 468px; width: 158px; height: 242px; z-index: 2; text-align:left;}
#project_text      { position: absolute; top: 11px;  left: 174px; width: 288px; height: 344px; z-index: 2; text-align: left;}
#project_text2      { position: absolute; top: 11px;  left: 20px; width: 320px; height: 344px; z-index: 2; text-align: left;}
#finished_picture2  { position: absolute; top: 14px;  left: 390px; width: 158px; height: 242px; z-index: 2; text-align:left;}
#project_text3      { position: absolute; top: 11px;  left: 20px; width: 280px; height: 344px; z-index: 2; text-align: left;}
#finished_picture3  { position: absolute; top: 14px;  left: 314px; width: auto; height: 242px; z-index: 2; text-align:left;}

#project_picture   { position: absolute; top: 191px;  left: 314px; width: 250px; height: 206px; z-index: 2; text-align: left;}
#project_title     { position: absolute; top: 169px;  left: 353px; width: 374px; height: 22px; z-index: 3; text-align: left;}
#description       { position: absolute; top: 174px;  left: 606px; width: 174px; height: 97px; z-index: 3; text-align: left;}
#image_row1        { position: absolute; top: 14px;   left: 38px;  width: 576px; height: 135px; z-index: 2; text-align: left;}
#image_row2        { position: absolute; top: 191px;   left: 39px;  width: 581px; height: 169px; z-index: 2; text-align: left;}

/*Here is the content area for Clients*/

#client_list1    { position: absolute; top: 14px;  left: 37px; width: 291px; height: 339px; z-index: 2; text-align:left;}
#client_list2    { position: absolute; top: 14px;  left: 340px; width: 276px; height: 340px; z-index: 2; text-align:left;}

/*Here is the content area for Contact Us*/

#address1    { position: absolute; top: 164px;  left: 217px; width: 214px; height: 182px; z-index: 2; text-align:left;}
#address2    { position: absolute; top: 164px;  left: 431px; width: 171px; height: 184px; z-index: 2; text-align:left;}
#address3    { position: absolute; top: 164px;  left: 615px; width: 158px; height: 183px; z-index: 2; text-align:left;}

/*Here is the content area for Pop ups*/

#main_popup_image { position: absolute; top: 19px;  left: 18px; width: 291px; height: 339px; z-index: 2; text-align:left;}

/*Here are the link styles*/

a.black_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;  }
a.black_link:visited       { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;}
a.black_link:hover         { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none; }

a.small_black_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;  }
a.small_black_link:visited     { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;}
a.small_black_link:hover       { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none; }

a.red_link 		           { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;  }
a.red_link:visited         { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;}
a.red_link:hover           { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none; }

a.big_red_link 		       { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;  }
a.big_red_link:visited     { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none;}
a.big_red_link:hover       { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C1131E; FONT-FAMILY: Arial, sans-serif, Helvetica; TEXT-DECORATION: none; }