@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#0076a3;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:924px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#ff5900; text-decoration:underline;}
a:visited{ font-weight:bold; color: #ff5900;	text-decoration:underline;}
a:active{ font-weight:bold; color: #ff5900;	text-decoration:underline;}
a:hover{ font-weight:bold; text-decoration:underline;	color: #ff5900;}


/*==========main container==========*/
.mainContainer{
	width:924px;
	height:auto;
	float:left;
	background-image:url(images/background.jpg);
	background-repeat:repeat-y;
}

h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ff5900; font-weight:bold; text-decoration:underline;}
.h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #0076a3; font-weight:bold;}
.table{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:20px;}
.table2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #ff5900;}
.table3{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; line-height:24px; margin-top: 18px;}
.totals{
	color:#0077a2;
	font-weight:bold;
    text-decoration:none;
    font-size:14px;
}
.button {
    border: none;
    background:url(images/submit-btn.jpg) no-repeat top left;
    padding: 25px 40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	margin-right:20px;
	cursor:pointer;
}

/*==========header==========*/
.headerContainer{width:924px; height:139px; float:left; font-size:1px;}
.headerLogo{width:473px; height:139px; float:left; font-size:1px;}
.headerTelephone{width:451px; height:94px; float:left; font-size:1px;}

.menuContainer{width:451px; height:45px; float:left; font-size:1px;}
.menuHome{width:58px; height:45px; float:left; font-size:1px;}
.menuHire{width:47px; height:45px; float:left; font-size:1px;}
.menuTerms{width:116px; height:45px; float:left; font-size:1px;}
.menuPricing{width:69px; height:45px; float:left; font-size:1px;}
.menuDelivery{width:79px; height:45px; float:left; font-size:1px;}
.menuContact{width:82px; height:45px; float:left; font-size:1px;}


/*==========content-index==========*/
.leftContainer{width:605px; height:auto; float:left;}
.stop{width:605px; height:74px; float:left; background-image:url(images/stop-remember.jpg);}
.stopText{
	width:505px;
	height:55px;
	float:left;
	margin-left:100px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#636363;
	font-weight:bold;
}
.textIndex{width:605px; height:133px; float:left; /*background-image:url(images/text-index.jpg);*/}
.textIndexPara{
	width:570px;
	height:123px;
	float:left;
	margin-left:35px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}
.keyFeatures{width:316px; height:224px; float:left; background-image:url(images/key-features.jpg);}
.featuresText{
	width:260px;
	height:184px;
	float:left;
	margin-left:45px;
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.keyBenifits{width:289px; height:224px; float:left; background-image:url(images/key-benifits.jpg);}
.benifitsText{
	width:260px;
	height:184px;
	float:left;
	margin-left:25px;
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.rightContainer{width:319px; height:auto; float:left;}
.rightBox{width:319px; height:215px; float:left;}
.rightBoxText{
	width:270px;
	height:190px;
	float:left;
	margin-left:18px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	font-weight:bold;
	text-align:left;
}
.startContainer{width:319px; height:224px; float:left;}
.startTop{width:319px; height:126px; float:left;}
.startLeft{width:150px; height:98px; float:left; background-image:url(images/img-btm.jpg);}
.startBtn{width:169px; height:54px; float:left;}
.startBtnReflect{width:169px; height:44px; float:left; background-image:url(images/start-reflect.jpg);}


.hireContainer{width:905px; height:auto; float:left;}
.hirecontent{width:905px; height:auto; float:left;}
.hireTextContainer{
	width:870px;
	height:auto;
	float:left;
	margin-left:35px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}

.hireTotal{
	width:360px; 
	height:200px; 
	float:left; 
	background-image:url(images/table-bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}


/*==========content-index==========*/
.content{width:605px; height:auto; float:left;}
.textContainer{
	width:570px;
	height:auto;
	float:left;
	margin-left:35px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}


/*==========footer==========*/
.footerContainer{
	width:924px;
	height:40px;
	float:left;
	border-top:medium;
	border-top-color:#0076a3;
	border-top-style:solid;
}

.footerText{
	width:880px;
	height:30px; 
	float:left;
	margin-left:20px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}
.footerText a{	font-family:Arial, Helvetica, sans-serif;  font-size:10px;	color:#666666; text-decoration:underline;}
.footerText a:visited{ font-weight:bold; color: #666666; text-decoration:underline;}
.footerText a:active{ font-weight:bold; color: #666666;	text-decoration:underline;}
.footerText a:hover{ font-weight:bold; text-decoration:underline;	color: #ff5900;}

/*========Tool Tip==========*/
a.tt{
    position:relative;
    z-index:24;
    color:#0077a2;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color:#ff5a01; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-40px;
	padding: 15px 0 0 0;
	width:200px;
	color: #ffffff;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000000;
    background: url(bubble.png) no-repeat bottom;
}