html, body { height: 100%; }

body {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #404040;
	text-decoration: none;
}

a {	color: #2468a9;	text-decoration: none; }
a:hover { color: #8ab7e3; text-decoration: none; }
h1 { margin: 17px 0 17px 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #3a6187; text-decoration: none; letter-spacing: 1px; }
h2 { margin: 30px 0 17px 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #404040; }
p { padding: 0; margin: 0 0 17px 0; }
#clearer { clear: both; }

#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 324px;
	background-color: #ffffff;
	overflow: hidden;
}

#nav_global { height: 25px; font-size: 10px; line-height: 24px; color: #ffffff; padding: 0px 30px 0px 0px; background-color: #5f5f5f; text-align: right; }
#nav_global a { color: #ffffff; }
#logo { height: 56px; padding: 19px 30px 0px 20px; }
#nav_main { height: 32px; background-color: #b1b1b1; }
#nav_main_item { background: url(img/bg_nav_main.gif) no-repeat left; height: 32px; text-transform: uppercase; color: #ffffff; font-weight: bold; line-height: 31px; text-align: left; }
#nav_main_item a { color: #ffffff; }
.nav_main_item1 { margin: 0 43px; }
.nav_main_item2 { margin: 0 60px; }
.nav_main_item3 { margin: 0 120px; }
#header { width: 100%; height: 170px; background-color: #b1b1b1; margin: 2px 0px 20px 0px; overflow: hidden; }

#content {
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin-left: 280px;
	margin-right: 300px;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	margin-bottom: -38px;
	/* min-width: 500px; */
}

/* for mozilla as IE treats height as min-height anyway */
html>body #content {
	height:auto;
}

#content_left {
	position: relative; /* ie needs this to show float */
	width: 280px;
	float: left;
	margin-left: -279px; /* must be 1px less than width otherwise won't push footer down */
	padding-top: 320px; /* needed to make room for header */
	left: 1px;
}

/* fix gap in ie next to float and clear footer because we've moved float too far left */
* html #content_left {
	padding-bottom: 38px;
	margin-right: -3px;
}

#content_right {
	position: relative; /* ie needs this to show float */
	width: 300px;
	float: right;
	margin-right: -299px; /* must be 1px less than width otherwise won't push footer down */
	padding-top: 320px; /* needed to make room for header */
	left: 1px;
}

#content_left p, #content_right p, #content_left h2, #content_right h2 { padding: 0 35px 0 15px; }
#content_main p, #content_main h1, #content_main h2 { padding: 0 35px 0 35px; }
#content_main ul { padding: 0; margin: 0 0 0 70px; }
#content_main li { padding: 0 35px 0 5px; }
#content_main .image { margin: 0 15px 15px 0; }
#quotation { text-align: center; }
#quotation h1 { font-size: 14px; color: #404040; font-weight:normal; line-height:20px; font-style: italic; text-transform: none; }
#clients { padding: 0 35px 0 35px; }
#client { float: left; margin: 0 15px 15px 0; border: 1px solid #efefef; }
#content_right ul { list-style-image: url(img/bullet_point.gif); font-size: 10px; line-height: 16px; margin-bottom: 25px; padding: 0 35px 0 35px; }
#content_right li { margin-bottom: 20px; }
.line { border-bottom: 1px solid #3a6187; margin: 0 35px 15px 15px; }
#nav_side_item { border-bottom: 1px solid #b1b1b1; margin: 3px 35px 3px 15px; padding: 2px 0; }
#nav_side_item a { color: #404040; }
#nav_side_item a:hover { color: #2468a9; }
#nav_side_item_management, #nav_side_item_management_active { background: #47617a; border-bottom: 1px solid #b1b1b1; margin: 3px 35px 3px 15px; padding: 2px 5px; }
#nav_side_item_management a, #nav_side_item_management a:hover { color: #ffffff; }
#nav_side_item_management_active a, #nav_side_item_management_active a:hover, #nav_side_item_training_active a, #nav_side_item_training_active a:hover, #nav_side_item_about_active a, #nav_side_item_about_active a:hover { color: #ffffff; font-weight: bold; }
#nav_side_item_training, #nav_side_item_training_active { background: #006666; border-bottom: 1px solid #b1b1b1; margin: 3px 35px 3px 15px; padding: 2px 5px; }
#nav_side_item_training a, #nav_side_item_training a:hover { color: #ffffff; }
#nav_side_item_about, #nav_side_item_about_active { background: #3a3a3a; border-bottom: 1px solid #b1b1b1; margin: 3px 35px 3px 15px; padding: 2px 5px; }
#nav_side_item_about a, #nav_side_item_about a:hover { color: #ffffff; }

#bottom {
	width:100%;
	clear:both;
	height:18px;
	background-color: #ffffff;
	position:relative;
	padding: 20px 0px 0px 0px;
}

#popup {
	width: 790px;
	height: 456px;
	background-color: #ffffff;
	border-top: 20px solid #5f5f5f;
	border-bottom: 20px solid #5f5f5f;
	text-align: center;
}

form fieldset { border: none; margin: 0; padding: 0 35px 0 35px; }
form label { display: inline-block; line-height: 30px; vertical-align: top; width: 90px; padding: 0; margin: 0; }
form fieldset ol { padding: 0; margin: 0; list-style: none; }
form fieldset li { list-style: none; padding: 5px 0; margin: 0; }
form fieldset input { width: 200px; border: 1px solid #404040; font-family: verdana, arial, sans-serif; font-size: 11px; line-height: 20px; color: #404040; background:#ffffff; text-decoration: none; }
.button { width:200px; height: 25px; font-family: verdana, arial, sans-serif; font-size: 11px; color: #ffffff; background:#404040; border: 1px solid #404040; }

/* only ie gets this style */
* html #bottom {
	\height:40px;/* for ie5 */
	he\ight:38px;/* for ie6 */
}

#footer { height:18px; font-size: 10px; color: #ffffff; background-color: #5f5f5f; text-align:center; padding: 0px 0px 3px 0px; }

/* needed to make room for header */
#cleartop {
	height:320px;
}

/*needed to make room for footer*/
#clearbottom {
	clear: both;
	height: 80px;
}

/* ie mac styles */
* > html #clearbottom {
	float: left;
	width: 100%;
}

/* clear top margin for mozilla */
div, p {
	margin-top: 0;
}

/* combat IE's 3 pixel jog */
* html #content_main {
	height: 1%;
	margin-bottom: 12px;
}

/* safari wrapper */
#minHeight {
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: -38px;
}

* html #minHeight {
	margin-bottom: -38px;
}