/* --- Hacks / Global Rules --- */

* {
margin:0;
padding:0
}

html, body{
	background: #151515;
	top: 0;
	left: 0;
	bottom: 0;
	min-height:100%;
	height:100%;
	margin: 0;
	padding: 0;
	width:100%;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
font-size: 14px; font-style: normal; font-weight: normal; 
text-decoration: none; line-height: 25px;
} 

/* PNG support for IE6 */
img, div { behavior: url(Hacks/iepngfix.htc) }




/* ------ Nav ------ */ 

#nav { 
width: auto; height: 151px; float:right;
} 

#nav ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#nav li
{
display: table-cell;
position: relative;
display: inline;
list-style: none;
padding: 0;
margin: 0;
} 

#nav a { 
width: 78px; height: 81px; float: left; border: 0px;
margin-left:3px; padding-top:70px; text-align:center; font-size:12px; color:#555555; font-weight:bold;
}

#nav a:hover { 
width: 78px; height: 81px; float: left; border: 0px; background: url('Images/Nav/OverBG.gif'); 
margin-left:3px; padding-top:70px; text-align:center; font-size:12px; color:#333333; font-weight:bold;
text-decoration: none;
}

#Home .Home, #About .About, #Rentals .Rentals, #Services .Services, #Contact .Contact
{
width: 78px; height: 81px; float: left; border: 0px; background: url('Images/Nav/OnBG.gif'); 
margin-left:3px; padding-top:70px; text-align:center; font-size:12px; color:#333333; font-weight:bold;
}
 
#Training .Training
{
width: 78px; height: 101px; float: left; border: 0px; background: url('Images/Nav/OnBG.gif');
margin-left:3px; padding-top:50px; text-align:center; font-size:12px; color:#333333; font-weight:bold;
}


/* ------ Header ------ */ 

#headcon {
background: url('Images/Background/TopBG.gif') repeat-x;
height:151px;
width:100%;
margin:0;
padding:0px;
border-bottom:2px solid #333333;
}

#head {
text-align:left;
margin:0 auto;
height:151px;
width:820px;
padding:0px;
}




/* ------ Content Container ------ */ 

#contentcon{
	height:auto;
	width: 100%;
	padding:50px 0 30px 0;
	background:#191919;
	margin:0 auto;
	float:left;
} 


.content{
	height:auto;
	padding: 10px 0 0 0;
	width: 860px;
	margin:0 auto;
} 

#mid {
width:100%; background:#111111; padding:40px 0 50px 0; margin:0;
border-top:1px solid #252525; float:left;
}






/* ------ Content Boxes ------ */

.full { 
width: 765px; height: auto; float: left; 
top: 0;
left: 0;
} 

.leftlong { 
width: 700px; height: auto; float: left; 
top: 0;
left: 0;
padding-bottom:15px;
} 

.left { 
width: 450px; height: auto; float: left; 
top: 0;
left: 0;
padding-bottom:25px;
margin-bottom:30px;
} 

.whitebox{
width:238px;
height:240px;
padding:70px 20px 0 20px;
margin:0 0 60px 0;
}

.column{
width:238px;
height:100%;
min-height:100%;
padding:10px 15px 0 30px;
margin:0;
border-left:1px dashed #2f2f2f;
float:left;
margin-bottom:0px;
}

.B {
border-bottom: 1px dashed #CCCCCC;
margin-bottom:20px;

}


.boxcon{
width:859px;
height:auto;
float:left;
margin:0 0 25px 0;
padding:0;
}

.boxtop{
width:859px;
height:10px;
padding:0;
margin:0;
background: url('Images/Box/Top.png') bottom no-repeat;
float:left;

}

.boxmiddle{
width:789px;
_width:816px;
height:auto;
background: url('Images/Watermark.png') top left repeat;
padding:25px 37px 20px 33px;
_padding:25px 10px 20px 33px;
margin:0px;
float:left;
}

.boxbottom{
width:859px;
height:10px;
margin:0;
background: url('Images/Box/Bottom.png') no-repeat;
float:left;
vertical-align:bottom;
padding:0;
}


/* ------ Typography ------ */ 

h1, .h1 { 
font-family: Helvetica, Arial, sans-serif;  font-size: 34px; 
font-style: normal; font-weight: normal; color: #e4e4e4; text-decoration: none;
padding:0 0 13px 0; 
} 

h2, .h2 { 
font-family: Helvetica, Arial, sans-serif;  font-size: 24px; 
font-style: normal; font-weight: normal; color: #e4e4e4; text-decoration: none;
padding:0 0 13px 0; 
} 

h3, .h3 { 
font-family: Helvetica, Arial, sans-serif;  font-size: 12px; 
font-style: normal; line-height:20px; font-weight: bold; color: #e4e4e4; text-decoration: none; 
} 

h4, .h4 { 
font-family: Helvetica, Arial, sans-serif;  font-size: 14px; 
font-style: normal; line-height:20px; font-weight: bold; color: #e4e4e4; text-decoration: none; 
} 

p, .p { 
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
font-size: 14px; font-style: normal; font-weight: normal; color: #bab9b9; 
text-decoration: none; line-height: 25px; padding:10px 0 10px 0;
}

p2, .p2 { 
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
font-size: 12px; font-style: normal; font-weight: normal; color: #333333; 
text-decoration: none; line-height: 18px; 
}

a { 
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial; 
font-style: normal; font-weight: normal; color:#ffffff; 
text-decoration: none; line-height: 17px; margin:0px; padding:0px; 
} 

a:hover { 
text-decoration:underline; 
} 

.psmall { 
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
font-size: 11px; font-style: normal; font-weight: normal; color: #737373; 
text-decoration: none; line-height: 23px;
}

.red{
color:#CC0000;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
font-size: 14px;
font-weight:bold;
}

.grey {
color:#212121;
}

.lightgrey {
color:#666666;
}


 
/* ------ Footer ------ */ 

#footer {
	width:100%;
	border-top: 1px solid #161616;
	text-align: center;
	height: 200px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: url('Images/Footer.png') repeat-x;
	vertical-align: bottom;
	float:left;
} 

#Home .FHome, #About .FAbout, #Rentals .FRentals, #Services .FServices, #Training .FTraining, #Help .FHelp, #Contact .FContact
{
color:#151515;
font-weight:bold;
}

#footer a {
font-weight:bold;
color:#737373;
}

#footer a:hover {
color:#151515;
text-decoration: none;
}





/* ------ Images ------ */ 
img {
border:0px;
}

.photo1 {
width:230px;
height:152px;
float:left;
padding:8px;
border:1px dashed #CCCCCC;
margin:0;
}

.photo2 {
width:242px;
height:80px;
float:left;
margin:0;
}

.framelight {
float:left;
padding:6px;
border:1px solid #666666;
margin:0;
}

.framedark {
float:left;
padding:6px;
border:1px solid #333333;
margin:0;
}




/* ------ Form ------ */ 

.form1 {
width:240px;
height:227px;
float:left;
margin:0;
padding:16px 16px 16px 0;
}

.formtop {
width:240px; height:25px; float:left; margin-bottom:19px;
}

.textfield {
width:146px; 
height:22px; 
background: url('Images/Form/TextField.png');
padding:3px 3px 0 3px;
border:0;
}

.fieldcon{
width:152px; height:25px; float:left; 
}

.textarea {
width:146px; height:127px; float:left;
padding:3px; 
background: url('Images/Form/TextArea.png');
border:0;
text-align:left;
text-indent:0;
}

.areacon {
width:152px; height:133px; float:left;

}

#footer .psmall a{ color: #b13630; }
#footer .psmall a:hover{ text-decoration: underline; }

ul { list-style-position:outside;  margin: 0; padding:0; list-style-image: none; list-style-type: none; }
ol { list-style-position:outside; list-style-type: decimal; margin: 0 0 0 10px; padding:0;  }
ol li { list-style-position:outside; list-style-type: decimal; padding:0; margin: 13px 0 0 25px;  }
ol li ul li{ list-style-position:outside; list-style-type: none; padding:0; margin: 8px 0 0 25px;  }
ul li { list-style-position:outside; margin: 13px 0 0 25px; padding:0; list-style-image: none; list-style-type: none; position:relative; }