html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	background-image:url(../images/bg.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color:#666666;
	text-align: center;
	margin: 0;
	text-align: center;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}


.clearboth {
	clear: both;
}

#wrapper {
	width: 798px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(../images/bg_full.gif) no-repeat;
}

#theMiddle {
	float: left;
	width: 772px;
	height: 100%;
	margin-left: 9px;
	background-position: 0px 657px;
}

#footer {
	float: left;
	padding-left: 15px;
	margin-top: 20px;
	
}


h1 {
	float: left;
	width: 170px;
	height: 78px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	background: url(../images/logo.gif) no-repeat;
}


h2 {
	float: left;
	width: 359px;
	height: 28px;
	margin: 0;
	margin-top: 28px;
	padding: 0;
	padding-top: 80px;
	background: url(../images/title.gif) no-repeat;
}

#top {
	float: left;
	height: 78px;
	overflow: hidden;
}

#bottom {
	float: left;
	margin-left: 13px;
}

#flashMovie {
	float: left;
	width: 756px;
	height: 260px;
	margin-left: 5px;
	border: 3px solid #afa695;
}

#viewDemo {
	float: left;
	width: 124px;
	height: 25px;
	margin: 53px 0 0 69px;
	overflow: hidden;
}

#viewDemo a:link, #viewDemo a:visited, #viewDemo a:active {
	display: block;
	width: 124px;
	height: 25px;
	background: url(../images/view_demo.gif) no-repeat;
	padding-top: 30px;
}

#viewDemo a:hover {
	background-position: 0 -25px;
}

.stitle {
	float: left;
	height: 43px;
	overflow: hidden;
}

.sdesc {
	float: left;
	height: 76px;
	margin-bottom: 9px;
	overflow: hidden;
}

ul {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}

ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	overflow: hidden;
	margin-bottom: 7px;
}

ul li a {
	display: block;
	height: 24px;
	padding: 0;
	padding-top: 30px;
}



/* AIR COLUMN */
#air {
	float: left;
	width: 159px;
}

#air .stitle, #air .sdesc {
	width: 159px;
}

#air h3 {
	width: 159px;
	height: 43px;
	margin: 0;
	padding: 0;
	padding-top: 45px;
	background: url(../images/title_air.gif) no-repeat;
}

#air h4 {
	width: 159px;
	height: 76px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	background: url(../images/desc_air.gif) no-repeat;
}

#air ul, #air ul li {
	width: 159px;
	/*height: 20px;*/
}


#air ul .itemOne a { background: url(../images/air_one.gif) no-repeat; }
#air ul .itemTwo a { background: url(../images/air_two.gif) no-repeat; }
#air ul .itemThree a { background: url(../images/air_three.gif) no-repeat; }
#air ul .itemFour a { background: url(../images/air_four.gif) no-repeat; }

#air .itemOne a:hover, #air .itemTwo a:hover, #air .itemThree a:hover, #air .itemFour a:hover
{ background-position: 0 -24px;}


/* TRUCK COLUMN */
#truck {
	float: left;
	width: 208px;
	margin-left: 13px;
}

#truck .stitle, #truck .sdesc {
	width: 208px;
}

#truck h3 {
	width: 208px;
	height: 43px;
	margin: 0;
	padding: 0;
	padding-top: 45px;
	background: url(../images/title_truck.gif) no-repeat;
}

#truck h4 {
	width: 208px;
	height: 76px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	background: url(../images/desc_truck.gif) no-repeat;
}

#truck ul, #truck ul li {
	width: 208px;
	/*height: 20px;*/
}

#truck ul .itemOne a { background: url(../images/truck_one.gif) no-repeat; }
#truck ul .itemTwo a { background: url(../images/truck_two.gif) no-repeat; }
#truck ul .itemThree a { background: url(../images/truck_three.gif) no-repeat; }
#truck ul .itemFour a { background: url(../images/truck_four.gif) no-repeat; }

#truck .itemOne a:hover, #truck .itemTwo a:hover, #truck .itemThree a:hover, #truck .itemFour a:hover
{ background-position: 0 -24px;}



/* OCEAN COLUMN */
#ocean {
	float: left;
	width: 174px;
	margin-left: 13px;
}

#ocean .stitle, #ocean .sdesc {
	width: 174px;
}

#ocean h3 {
	width: 174px;
	height: 43px;
	margin: 0;
	padding: 0;
	padding-top: 45px;
	background: url(../images/title_ocean.gif) no-repeat;
}

#ocean h4 {
	width: 174px;
	height: 76px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	background: url(../images/desc_ocean.gif) no-repeat;
}

#ocean ul, #ocean ul li {
	width: 174px;
/*	height: 20px;*/
}

#ocean ul .itemOne a { background: url(../images/ocean_one.gif) no-repeat; }
#ocean ul .itemTwo a { background: url(../images/ocean_two.gif) no-repeat; }
#ocean ul .itemThree a { background: url(../images/ocean_three.gif) no-repeat; }

#ocean .itemOne a:hover, #ocean .itemTwo a:hover, #ocean .itemThree a:hover, #ocean .itemFour a:hover
{ background-position: 0 -24px;}


/* GLOBAL COLUMN */
#global {
	float: left;
	width: 174px;
	margin-left: 13px;
}

#global .stitle, #global .sdesc {
	width: 174px;
}

#global h3 {
	width: 174px;
	height: 43px;
	margin: 0;
	padding: 0;
	padding-top: 45px;
	background: url(../images/title_global.gif) no-repeat;
}

#global h4 {
	width: 174px;
	height: 76px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	background: url(../images/desc_global.gif) no-repeat;
}

#global ul, #global ul li {
	width: 174px;
/*	height: 20px;*/
}

#global ul .itemOne a { background: url(../images/global_one.gif) no-repeat; }
#global ul .itemTwo a { background: url(../images/global_two.gif) no-repeat; }
#global ul .itemThree a { background: url(../images/global_three.gif) no-repeat; }
#global ul .itemFour a { background: url(../images/global_four.gif) no-repeat; }

#global .itemOne a:hover, #global .itemTwo a:hover, #global .itemThree a:hover, #global .itemFour a:hover
{ background-position: 0 -24px;}