/* MacAlpha CSS Document */

body,html {
	font-family:Arial, sans-serif;
	background-color: #ffffff;
	border:0;
	margin:0; 
	width:100%;
}

img {
	border:0px;
}

em {
	color:#60bbc6;
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
}

div#pageframe {
	width:990px;
	position:relative;
	left:50%;
	margin-left:-495px;
	z-index:1;
}

div#header, div#header-training {
	width:990px;
	height:407px;
	margin-top:7px;
	position:relative;
	float:left;
	background-position:top;
	background-repeat:no-repeat;
}

div#header {
	background-image:url(../images/header.jpg);
}

div#header-training {
	background-image:url(../images/header-training.jpg);
}

div#logo {
	width:250px;
	height:108px;
	position:relative;
	float:left;
}

div#menu {
	width:656px;/*4x 164px*/
	position:relative;
	float:left;
	padding-top:42px;
}

div.link {
	width:164px;
	position:relative;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:0.85em;
	color:#ffffff;
	font-family:Corbel, Arial, sans-serif;
}

div.link a {color:#ffffff; text-decoration:none;}
div.link a:hover {color:#333333;}

div.link a.select {color:#333333; font-weight:bold; text-decoration:none;}



/* CONTENT */

div#content {
	width:990px;
	position:relative;
	float:left;
	font-size:0.75em;
	color:#333333;
	margin-top:20px;
}

div#content-wrap {
	position:relative;
	float:left;
	border-width:0px 2px 0px 0px;
	border-style:solid;
	border-color:#60bbc6;
}

div#left {
	width:350px;/*plus 20px left-right-padding*/
	height:100%;
	padding:0px 20px 20px 20px;
	position:relative;
	float:left;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#60bbc6;
	z-index:10;
}

div#center {
	width:350px;/*plus 20px left-right-padding*/
	height:100%;
	padding:0px 20px 20px 20px;
	position:relative;
	float:left;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#60bbc6;
	margin-left:-1px;
	z-index:20;
}

h1 {
	color:#60bbc6;
	font-size:1.65em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

div.clients {
	width:165px;/*10px right-padding*/
	position:relative;
	float:left;
	padding-right:10px;
	line-height:175%;
	font-weight:bold;
	padding-top:9px;
}

div.clients a {color:#333333; text-decoration:none;}
div.clients a:hover {color:#60bbc6; text-decoration:underline;}

ul.proj {
	padding:12px 0px 0px 0px;
	margin:0px;
	color:#60bbc6;
}

ul.proj li {
	padding:0px;
	color:#333333;
	margin:0px 0px 0px 15px;
	font-weight:bold;
	line-height:150%;
	list-style-image:url(../images/list-style.gif);
}

ul.dl {
	padding:0px;
	margin:0px;
	color:#60bbc6;
}

ul.dl li {
	padding:0px;
	color:#333333;
	margin:0px 0px 0px 15px;
	font-weight:normal;
	line-height:100%;
	list-style-image:url(../images/list-style-download.gif);
}

div#right {
	width:182px;
	padding:0px 10px 20px 15px;
	position:relative;
	float:left;
	text-align:right;
}

div#right-main {
	position:relative;
	float:left;
	width:inherit;
	padding-bottom:8px;
}

div#right-sub {
	position:relative;
	float:left;
	width:inherit;
	padding-top:8px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
}


/*What we do*/

.whatwedobox {
	float:left;
	width:324px;
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	background-position:top;
	background-repeat:no-repeat;
	padding-left:14px;
}

.box-display {
	background-image:url(../images/display.jpg);
}

.box-seating {
	background-image:url(../images/seating.jpg);
}

.box-checkin {
	background-image:url(../images/checkin.jpg);
}

.box-lift {
	background-image:url(../images/lift.jpg);
}

.box-handling {
	background-image:url(../images/handling.jpg);
}

.box-stairs {
	background-image:url(../images/stairs.jpg);
}

.box-buses {
	background-image:url(../images/buses.jpg);
}

.l-3 {
	padding-top:12px;
	height:80px;
}

.l-2 {
	padding-top:20px;
	height:72px;
}

.l-1 {
	padding-top:30px;
	height:62px;
}

/*right links*/

div#right a {
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:176px;/*6px total left right padding*/
	height:18px;
	background-color:#ffffff;
	line-height:18px;
	vertical-align:middle;
	padding:0px 3px 0px 3px;
	margin:1px 0px 1px 0px;
}

div#right-main a {color:#60bbc6;}
div#right-sub a {color:#999999;}

div#right a:hover {color:#ffffff; background-color:#656565;}

div#right a.select {color:#ffffff; background-color:#656565;}

/*contact form*/

.contact {
	width:350px;
	color:#333333;
}

.label {
	width:100px;
	color:#333333;
	font-weight:normal;
	text-align:right;
}

.inputDetails {
	width:150px;
	color:#60bbc6;
}

.contact input {
	color:#333333;
}

.contact textarea {
	width:250px;
}

.result {
	color:#60bbc6;
	font-weight:bold;
}

.result-g {
	background-color:#DFF4F7;
	color:#333333;
}

/*footer*/

div#footer {
	width:990px;
	position:relative;
	float:left;
	font-size:0.7em;
	color:#60bbc6;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#60bbc6;
	margin-top:15px;
}

div#sk {
	position:relative;
	float:left;
	padding:5px;
}

div#sk a {color:#60bbc6; text-decoration:none;}
div#sk a:hover {text-decoration:underline;}

div#copyright {
	position:relative;
	float:right;
	padding:5px;
}