﻿/*
	This file defines all block level layout elements size, positioning, backgrounds
 */

html, body {
	margin: 0px;
	background: #FFFFFF;
	width: 950px;
	height:100%;
}

div.layout{
	position:relative;
	width:950px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background: #FFFFFF url( ../../Images/Layout/Background.gif ) repeat-y;
}
div.layout-body{
	width: 680px;
	margin-top: 86px;
	margin-bottom: 50px;
	float:right;
}
div.layout-body-head{
	position:relative;
	width: 680px; height: 130px;
	padding-top: 12px;
}
div.layout-body-head h1{
	width: 430px;
}
div.layout-body-head h2{
	width: 400px;
}
.layout-body-head h2{ /*includes a big space at the bottom for the lines */
	position:relative; top: 25px;
}
.layout-body-head .CompanyName{
	position:absolute;
	right:0; top: 105px;
	width: 175px;
}
body.why div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Why.jpg ) no-repeat; }
body.clients div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Clients.jpg ) no-repeat; }
body.instructors div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Instructors.jpg ) no-repeat; }
body.curriculum div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Curriculum.jpg ) no-repeat; }
body.consulting div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Consulting.jpg ) no-repeat; }
body.resources div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Resources.jpg ) no-repeat; }
body.about div.layout-body-head{ background: url( ../../Images/HeaderPhoto/About.jpg ) no-repeat; }
body.know div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Know.gif ) no-repeat; }
body.knowalt div.layout-body-head{ background: url( ../../Images/HeaderPhoto/Know_alt.gif ) no-repeat; }

/* ka added for login page */
div.layout-body-loginleft{
	width: 330px;
	float:left;	
}
div.layout-body-loginright{
	width: 330px;
	float:right;	
}
div.layout-body-loginmain{
	width: 660px;
	float:left;	
}
/* end ka addition */

div.layout-body-main{
	width: 440px;
	float:left;	
}
div.layout-body-right{
	width:232px;
	margin-top: 10px;
	float:right;
}
div.layout-footer{
	position:absolute;
	bottom: 2px;
	clear:both;
	margin-left: 226px;
	margin-top: 50px;
	
}

div.related{
	background: url( ../../Images/Layout/RelatedBorder.gif ) no-repeat;
	margin-left: 40px;
	margin-right: 40px;
	border-left: 1px solid #F38B00;
}
div.related-body{
	background: url( ../../Images/Layout/RelatedBorder.gif ) no-repeat 0 100%;
	padding: 2em 0 .5em 15px;
}

div.layout-left{
	float: left;
	height: 100%;
	width: 220px;
}
div.layout-top{
	position:absolute;
	top: 0px;
	left: 220px;
	background: url( ../../Images/Layout/TopStripBackground.gif ) no-repeat 1px 44px;
	width: 729px;
	height: 80px;
}

