﻿body {margin:0;padding:0;height:100%; border:0px;}
html {margin:0;padding:0;height:100%; border:0px;}

div, p, span {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:12pt;
font-weight:500;
margin-right:auto;
margin-left:auto;
margin-top:0px;/****need this to get rid spacing issue in Chrome****/
margin-bottom:0px;/****need this to get rid spacing issue in Chrome****/
padding:0px;	/****need this to get rid spacing issue in Chrome****/
border:0px;
line-height:24pt;
}



/*******need this to get rid of dotted line around pics and links*******/

img, a  {
outline:none;
outline:expression(hideFocus='true');
text-decoration:none;
outline-style: none;
border-style:none;
border-collapse:collapse;
border-spacing:0px;
padding:0px;
}

.noborder  {
outline:none;
outline:expression(hideFocus='true');
text-decoration:none;
outline-style: none;
border-style:none;
border-collapse:collapse;
border-spacing:0px;
}


/*******float text around an image****************/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
/*******End float text around an image****************/

.hide {
visibility:hidden;
text-decoration:none;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
}

#hide {
float: left;
position:absolute;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
z-index:3000;
}

.linkImg {
float: left;
position:absolute;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
z-index:3000;
}

/*****************text*****************/
.h100{height:100%!important}
.w100{width:100%!important}
.w50{width:50%}
.w900{width:900px;}
.t1{font-family:Arial;}
.b2{background-color: #006699;}/***softer blue***/
.c1{color:#ffffff;}/***white***/
.c2{color:#3399ff;}/***light blue***/
.c3{color:#cc3300} /***red***/
.c4{color:#003366;}/***blue***/
.c5{color:#006699;}/***softer blue***/
.c6{color:#ae1717;}/***red****/
.c7{color:#ffcc00;}/***yelloworange****/
.c8{color:#ffff33;}/***yellow****/
.lh125{line-height:125%;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}
.mt20{margin-top:20px;}
.mt90{margin-top:90px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.tp1{padding-right:20px;}
.tp2{padding-top:8px;}
.tp4{padding-top:20px;}
.tp5{padding-top:30px;}
h4{font-size:18px; font-weight:400;}
h3{font-size:18px;}
h2{font-size:18px; line-height:150%;}
h1{font-size:26px;}
.ts14{font-size:14px;}
.ts16{font-size:16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts24{font-size:24px;}
.ts30{font-size:30px}
.ts40{font-size:40px}
.tc{text-align:center;}
.tl{text-align:left;}
.ti{font-style:italic;}
.tj{text-align:justify;}
.tu{text-decoration:underline;}
.to{outline-style:solid;}
.tw500{font-weight:500;}
.tw600{font-weight:600;}
.tw700{font-weight:700;}
/*****************end of text*****************/





.bgmain {
background-image: url('images/ahoywebby-bg-psd.jpg');
vertical-align: middle;
text-align: center;
margin-left: auto;
margin-right: auto;
z-index: 1;
}

#wrapper {
position:relative;
float:left;
width:100%;
min-height:100%;		
margin:0 auto;
top:0px;
background-color:transparent;
z-index:1;
}

#header {
width:100%;
min-width:1088px;
height: 207px;
margin: 0 auto; /*Center container on page*/
background: url(images/page_01.png) no-repeat center top;
z-index:1400;
}

#middle {
width:100%;
min-width:1088px;
background: url(images/page_02.png) repeat-y center top;
z-index:400;
margin: 0 auto; /*Center container on page*/
}

#footer{
background: url(images/page_03.png) no-repeat center top;
width:100%;
min-width:1088px;
height: 212px;
margin: 0 auto; /*Center container on page*/
z-index:1400;
}

#links{
position:relative;
background-color:transparent;
width:1000px;
min-width:1000px;
max-width:1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#content_m{
display:inline-block;
top:0px;
background-color: transparent;
width:1000px;
height:auto;
margin: 0 auto; /*Center container on page*/
z-index:100;
}

#imagebar1{
position:relative;
float:left;
left:7px;
background-color: transparent;
border-style:none;
height:274px;
width:100%;
padding: 0px;
z-index:200;
overflow:hidden;
margin-top:-30px;
}

.wmsliderpics2{
position:relative;
padding: 0px;
border-style:none;
background-color: transparent;
width: 100%;
height: 274px;
z-index:200;
}

.piclink{
position:relative;
z-index: 999;
border: none;
display:block;
outline:none;
outline:expression(hideFocus='true');
}

#columns{
position:relative;
float:left;
left:60px;
top:20px;
width:90%;
height:auto;
padding:0px;
background-color:transparent;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.columns{
background: url('images/bar-psd.png') no-repeat;
}

.columnHeader{padding-left:15px; padding-right:15px;padding-top:100px; padding-bottom:30px;}
.columnwraptext{padding-left:15px; padding-right:15px;padding-top:10px; padding-bottom:10px;}

#column1B{
background-color: transparent;
padding-top:110px;
padding-bottom:20px;
padding-left:70px;
padding-right:20px;
height:auto;
width:285px;
float:right;
z-index:200;
overflow:hidden;
}

#column1C{
position:relative;
float:left;
background-color: transparent;
padding-top:60px;
padding-bottom:20px;
padding-left:0px;
padding-right:20px;
height:auto;
width:315px;
z-index:200;
overflow:hidden;
}

#ratetable {
display:table;
width: 800px;
max-width:800px;
min-width:800px;
height:auto !important;
margin-left:auto;
margin-right:auto;
padding: 0px;
border: 30px solid #cc0000;
background-color:#ffffff;
margin-top:100px;
}
#hellcattable {
display:table;
width: 600px;
max-width:600px;
min-width:600px;
height:auto !important;
margin-left:auto;
margin-right:auto;
padding: 0px;
border: 30px solid #cc0000;
background-color:#ffffff;
margin-top:10px;
}
.borderwhite{
border-top: 0px;
border-bottom: 1px;
border-left: 0px;
border-right: 1px;
border-style: solid;
border-color: #ffffff;
}

.borderblue2{
border: 1px;
border-style: solid;
border-color: #000066;
}

/*---------Contact Form CSS--------*/

.contactHeader{
margin-bottom:40px;	
}

#c_contact {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:40px;
width: 700px;
height: 950px;
background: url('images/misc/contactpic-psd.png') no-repeat;
padding-right: 10px;
}
.contactInfo{
position:relative;
margin-left:auto;
margin-right:auto;
padding-top:240px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
z-index:200;
}



/*****************************************************************************************/
/* Purchased from menucool.com, using generic page styles*********/
/*---------IMAGE SLIDER CSS--------*/

.slideLink{ height: 417px; width: 600px;left: 3px; top: -20px;}/*for the link on image*/


#sliderFrame {
position:relative;
float:left;
width:890px;
height:500px;
top:20px;/*top of screen for the entire slider*/
left:58px;
padding-bottom:40px;
z-index:1000;
}


#slider {
width:890px;height:500px;/* Make it the same size as images */
background:#fff url('sliderProjects/loading.gif') no-repeat 50% 50%;
position:relative;
z-index:100;
}

#slider img {
position:absolute;
border:none;
display:none;
}

/* ------ built-in navigation bullets wrapper ------*/
.navBulletsWrapper  {
top:100px; left:450px; 
width:20px;/* small number makes list appear vertically, large number horizontally*/
background:none;
padding-left:20px;
position:relative;
z-index:5;
cursor:pointer;
}

/* each bullet */
.navBulletsWrapper div {
font-size:0px;/* keep pic numbers from showing */
width:11px; height:11px;
background:transparent url('sliderProjects/bullet.png') no-repeat 0 0;
float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
margin-right:8px;/* distance between each bullet*/
margin-bottom:10px;/* vertical distance between each bullet*/
position:relative;
}

.navBulletsWrapper div.active {background-position:0 -11px;}

.loading{ 
width:100%; height:100%;
background:transparent url('sliderProjects/loading.gif') no-repeat 50% 50%;
filter: alpha(opacity=60);
opacity:0.6;
position:absolute;
left:0;
top:0; 
z-index:9;
}/*---------END OF SLIDER CSS--------*/


