*{ margin: 0pt; padding: 0pt;}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, img, fieldset, a{ margin: 0; padding: 0; border: 0; }

body{ background-image:url(../Images/bg.gif); background-repeat:repeat-x; font-family:"Lucida Sans Unicode", Arial, sans-serif; font-size:13px; color:#c7c7c7;}

a{ color:#c7c7c7; text-decoration:none;}

a:hover{ color:#c7c7c7; text-decoration:underline;}

a:active{ outline:none;}
 
a:focus{ -moz-outline-style:none;}

#container{ margin:0 auto; width:902px;}

#header{ height:437px; background:url(../Images/header_bg.jpg); padding: 1px 0 0 0;}

.nav{ height:44px; background:url(../Images/menu.jpg); background-repeat:no-repeat; margin: 7px 0 0 0;}

.menu{ float:left; margin:  0 0 0 10px;}
	.menu a{ float:left;}

.icon-home{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-home.gif) no-repeat; width:52px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}
	
.icon-about{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-about.gif) no-repeat; width:75px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.icon-services{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-services.gif) no-repeat; width:72px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.icon-custom{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-custom.gif) no-repeat; width:175px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}
	
.icon-spares{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-spares.gif) no-repeat; width:63px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.icon-specials{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-specials.gif) no-repeat; width:72px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.icon-enquiries{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-enquiries.gif) no-repeat; width:78px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.icon-contact{display:-moz-inline-box; display:inline-block; overflow:hidden; background:url(../Images/but-contact.gif) no-repeat; width:96px; height:44px; text-indent: -3000px; *text-indent:0px; font:0/0 Arial; color:rgba(255,255,255,0); vertical-align:bottom;}
	:hover.iconOver{background-position:0px -44px;}

.logo{ float:left; margin: 18px 0 0 18px;}

.header_left{ width:375px; float:left; background-image:url(../Images/header_left_bg.jpg); height:386px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; font-weight:bold; text-transform:uppercase;}
	.header_left span{ color:#FFFFFF; display:inline; float:left; font-size:22px; margin: 12px 0 0 55px;}
	.header_left p{ clear:both; text-align:center; line-height:1.5em; padding: 20px 0 0 0;}

.shark_logo{ float:left; width:230px; height:202px; margin: 50px 0 0 75px;}

.header_right{ width:527px; float:right; height:387px; background-image:url(../Images/header_right_bg.jpg);}

.content{ padding:20px; background-image:url(../Images/content_bg.gif); clear:both; margin: 0 0 1px 0;}

.leftcol{ float:left; width:535px;}

.rightcol{ float:right; width:267px; margin: 0 0 0 60px;}
	.rightcol h1{ color:#9bc3cd;}

.contactbox{ width:247px; padding:10px; background:url(../Images/contactbox_bg.gif) #ffffff no-repeat;}
	.contactbox span{ color:#000000; font-size:14px; padding: 0 0 5px 0; border-bottom: 1px solid #CACACA; display:block; margin: 0 0 5px 0;}
	.contactbox p{ color:#5a5959; text-align:left; }
	.contactbox a{ color:#5a5959; text-decoration:none; }
	.contactbox a:hover{ color:#5a5959; }

#footer{ height:80px; padding: 16px 0 0 0; background-image:url(../Images/footer_bg.gif); background-repeat:repeat-x; clear:both; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; color:#c5c5c5; font-weight:bold; text-align:center;}
	#footer a{ color:#c5c5c5; text-decoration:none; margin: 0 7px 0 7px;}
	#footer a:hover{ color:#c5c5c5; text-decoration:underline; }
	#footer span{ color:#606060; text-transform:uppercase; font-size:12px; display:block; margin: 20px 0 0 0;}

/* ----------------------- Bullet list works in IE and Firefox ---------------------- */
/* HTML MARKUP
<ul class="iconlist">
<li class="list1">List 1</li>
<li class="list1">List 2</li>
</ul>
*/

.iconlist{ list-style: none; margin: 0; padding: 0 0 15px 0;}
	li.list1{ background-image:url(../Images/bullet.gif); list-style:none; background-repeat: no-repeat; background-position: 0 10%; padding: 3px 0 3px 30px; margin: .4em 0 0 -3em; color:#3378B0;}

/* ----------------------- Bullet list works in IE and Firefox ---------------------- */

h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#f1865f; padding: 0 0 20px 0;}
	
h2{}

h3{}

p{ padding:  0 0 15px 0; text-align:justify;}

img, div { behavior: url(components/iepngfix.htc) }

.clr{clear:both;}

.float_left{float:left;}

.float_right{float:right;}

.img_float_right{float:right; margin: 0 0 10px 10px;}

.img_float_left{float:left; margin: 0 10px 10px 0;}

ul{padding: 0 0 15px 0;}

li{padding: 3px 0 3px 0px; margin: .4em 0 0 3em;}

.searchfield{ border: 0px solid #2e3334; background-color:#ffffff; margin: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif;}

.special-image {
	width: 150px;
	margin: 5px;
	float: left;
}

.special-text {
	float: left;
}