@charset "utf-8";

/* developed by Colin Bradshaw */



/* Default styles */

body, html {

	text-align: center;

	height: 100%;

	margin: 0; padding: 0;

	background-color: #F2F1EA;

	font-family: Arial, Verdana, sans-serif;

}



h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px }

p {

	font-size: 12px;

	margin: 10px auto;

}

td { text-align: left; font-size: 12px; }

th { text-align: center; font-size: 14px; }

li { font-size: 12px; }

ul { padding-left: 50px; }

label {

	width: 6em;

	float: left;

	text-align: left;

	margin-right: 0.5em;

	display: block;

}

a { color: #4d4d4d; text-decoration: underline; }

a:hover {text-decoration: underline!important; }

a:active { color: #f00; text-decoration: underline; }

img { border: none; }





/* Divs IDs */

#bodybox {

	width: 1024px;

	margin: auto;

	text-align: left;

	background: #fff;

	position: relative;

}

#events-moto { position:absolute; width:171px; height:171px; top:0px; right:0px;   }

#shim {

	visibility: hidden;

	width: 100%;

	height: 50%;			/* Bump div #bodybox down half the height of the screen. */

	margin-top: -400px; 		/* Half the height of div #bodybox. */

	float: left;

}

#mast {

	height: 139px;

	background: url(../img/mast.png) right top no-repeat

}

#menu {

	width: 639; height: 33px;

	padding-left: 43px;

	padding-top: 62px;

}

#content {

	text-align:left;

	padding:0 10px;

	padding-bottom: 130px;

	color: #4D4D4D;

	text-align: justify;

	min-height: 550px;

	height: 550px;

	height: auto !important;

}

.teamhax {

	height:800px !important;

}

.contacthax {

	height:780px !important; min-height: 768px !important;

}

.offerhax {

	 min-height: 714px; height:714px; height: auto !important

}

#content p {

	padding-left: 37px;

	margin-right: 470px;

}

#content img {

	padding-left: 37px}

#call {

	position: absolute;

	bottom: 50px;

}

#bottom-links { position:absolute; bottom:55px; right:50px;  }

#bottom-links a { font-size:12px; }

#bottom-links a:hover { text-decoration:none !important; }

#footer {

	text-align:center;

	margin:0; padding:0;

	position: absolute;

	bottom: 0; color: #fff;

	background-color: #006838;

	height: 40px; width: 100%;

}

#footer p {

	margin: 14px; font-size: 10px;

}

#footer a {

	color: #fff !important; text-decoration:none;

	}



/* Custom Tags */

.lblack { color:#000!important; font-weight: bold; text-decoration: none }

.lorange{ color:#F7941E!important; font-weight: bold; text-decoration: none }

.lred { color:#ED1C24!important; font-weight: bold; text-decoration: none }

.right { text-align: right; }

.red { color: #f00; }

.center { text-align: center; }

.green { color: #006838; text-decoration:none }

.green a{ color: #006838; text-decoration:none }

.spacer { margin-left: 10px; }

.black { color: #000 !important ;text-decoration:none }

.bold { font-weight:bold }

.tick li { list-style-image: url(../img/tick.png) }

ul.tick { padding-left:55px }

.float img { float:left; margin: 0 5px; padding: 0!important }

.float { float:left; margin: 2px 0 !important; padding-left: 20px !important }

.small { font-size: 0.7em !important }

.pink { color: #EC008C !important ;text-decoration:none }

.orange { color: #F15A29 !important ;text-decoration:none  }

.form input[type=text] {

	width: 200px; height: 15px

}



/* Menu CSS */



#menu a {

	display: block;

	float: left;

 	text-decoration: none;

	height: 33px;

	outline: none;

}

#menu a:hover { background-position: 0 -33px !important; }

#menu a.active { background-position: 0 -33px !important; }



#menu a.home { background: url(../img/menu/home.png); width:58px }

#menu a.about { background: url(../img/menu/about.png); width:83px }

#menu a.offer { background: url(../img/menu/offer.png); width:126px }

#menu a.team { background: url(../img/menu/theteam.png); width:91px }

#menu a.say { background: url(../img/menu/say.png); width:138px }

#menu a.contact { background: url(../img/menu/contact.png); width:75px }

#menu a.links { background: url(../img/menu/links.png); width:68px }

#menu a.events { background: url(../img/menu/events.png); width:66px }