/*=============== Page layout - Macs Scuba Shack ===============*/

* { margin:0; padding:0;}
body {
	background:#fff;
	font-family:Helvetica;
	font-size:102%;
	line-height:1.125em;
}

#main {
	width:855px;
	margin:0 auto;
	padding:80px 0 14px 0;
}

#content, #sidebar, #footer {
	font-size:0.69em;
}

#content {
	width:353px;
	margin-right:157px;
	float:left;
}
#sidebar {
	width:220px;
	float:left;
	border: 0px none;

}

.col-1, .col-2, .col-3, .col-4 {
	float:left;
}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p {
	margin:0;
	padding:0;
}

h1 {
	font-size: 1.8em;
	padding-top: 5px;
	font-weight: normal;
	color: #333333;
	line-height: 1.5em;
}

.tail-top { background:url(../image/fadetogrey.gif) repeat-x left top;}

/*=============== forms ===============*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;}
textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;}

/*=============== list ===============*/
ul {
	list-style:none;
}

#menu {
	padding:9px 0 28px 0; 
	background:url(../image/line-hor.jpg) repeat-x left bottom; 
	width:100%; 
	overflow:hidden; 
	margin-bottom:25px;
}
#menu ul li { display:inline;}
#menu ul li a { display:block; float:left; background:url(../image/menu-bg.gif) repeat-x left top; margin-right:8px; font-family:"trebuchet ms"; color:#ff33cc; text-decoration:none; text-transform:uppercase;}
#menu ul li a em { display:block; background:url(../image/menu-left.gif) no-repeat left top;}
#menu ul li a b { display:block; background:url(../image/menu-right.gif) no-repeat right top; width:82px; text-align:center; font-style:normal; font-size:.91em; padding:1px 0 3px 0; cursor:pointer;}
#menu ul li a.last { margin-right:0; color: ff33cc; }
#menu ul li a:hover { color:#ff33cc;}
#menu ul li a.current { color:#ff33cc;}

.list1 dt { padding-bottom:6px;}
.list1 dd { padding-bottom:21px;}

/*=============== other ===============*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.divider {
	background:url(../image/divider1.gif) no-repeat right 4px;
	margin-right: 10px;
	padding-right: 10px;
}
.divider2 {
	background:url(../image/divider2.gif) no-repeat right 4px;
	margin-right: 15px;
	padding-right: 15px;
}
/*=============== txt, links, lines, titles ===============*/
a {color:#5d5d5d;}
a:hover{text-decoration:none;}

.txt1 {
	font-family:"trebuchet ms";
	font-size:1.8em;
	color:#7f7f7f;
}
.txt2 {
	font-size:1.7em;
	color:#FF00cc;
	line-height:1.7em;
	margin-top: 0.8em;
	width: 400px;
}
.txt3 {
	font-size:1.5em;
	color:#FF00cc;
	line-height:1.5em;
	margin-top: 0.8em;
	width: 400px;
}
.txt2a {
	font-size:1.7em;
	color:#FF00cc;
	line-height:1.7em;
	width: 680px;
	text-align: right;
	margin-top: 1em;
	text-decoration: underline; 
}

.link1 {
	background:url(../image/marker.gif) no-repeat left 6px;
	padding-left:11px;
	color:#515355;
	font-family:"trebuchet ms";
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:.91em;
}
.link1:hover {
	text-decoration:underline;
	color: #FF33CC;
}

.line-hor {
	background:url(../image/line-hor.jpg) repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}

.title { margin-bottom:16px;}
.title1 { margin-bottom:5px;}

/*=============== boxes ===============*/
.box { background:#fff; width:100%;} 
.box .border-top {background-image: url(../image/border-top.jpg); background-repeat: repeat-x; background-position: top;}
.box .border-bot {
	background-image: url(../image/bottom_border.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.box .border-left {background:url(../image/border-left.jpg) repeat-y left;}
.box .border-right {background:url(../image/border-right.jpg) repeat-y right;}
.box .left-top-corner {background:url(../image/left-top-corner.jpg) no-repeat left top;}
.box .right-top-corner {background:url(../image/right-top-corner.jpg) no-repeat right top;}
.box .left-bot-corner {background:url(../image/left-bot-corner.jpg) no-repeat left bottom;}
.box .right-bot-corner {background:url(../image/right-bot-corner.jpg) no-repeat right bottom; }
.box .bg { width:100%; height: 1100px;}
.box .inside { padding:82px 37px 101px 84px;}

/*=============== content ===============*/
#content p {
	margin-bottom:8px;
}
#content .inner {
	padding:0 23px 0 0;
}
#content .p1 {
	margin-bottom:18px;
}
#content .p2 { margin-bottom:8px;}

/*sidebar*/
#sidebar .logo {
	height: 160px;
	text-align: center;
	vertical-align: 2%;
}

/*footer*/
#footer {
	font-family:Helvetica;
	text-align:right;
	padding:21px 39px 0 0;
	font-weight:normal;
	color:#FF00FF;
	border: 0px none;
	margin: 0px;


}
#footer a {
	color:#FF33CC;
	text-decoration:none;
	font-family: Helvetica;
	border: 0px none;
	margin-right: 15px;
	margin-left: 1px;




}
#footer a:hover {
	text-decoration:underline;
	color: #FFFFFF;
	background-color: #FF00FF;

}
#footer span {
	background:no-repeat 133px 3px;
	padding:0 15px 0 0px;
	margin-right:4px;
	border: 0px none;
	text-align: left;
	margin-left: 5px;



}

/*=============== index.html ===============*/
#page1 #content #menu {
	width: 450px;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
#page1 #footer { padding-top:33px;}

/*=============== index-4.html ===============*/
#page5 #content .col-1 {width:218px;}
#page5 #content .col-2 { width:19px; padding-top:64px;}
#page5 #content .col-3 { width:103px; padding-top:11px;}
#page5 #content .col-4 { width:13px; padding-top:64px;}
#page5 #footer { padding-top:25px;}

/*=============== index-5.html ===============*/
#page6 #footer { padding-top:29px;}

/*=============== index-6.html ===============*/
#page7 #footer { padding-top:29px;}

/*=============== index-7.html ===============*/
#page8 #footer { padding-top:23px;}
/*=============================================*/
.box .bg2 {
background:url(../image/box-bg.gif) no-repeat 233px bottom; width:100%;
}
indexcontent {
	width:600px;
	margin-right:157px;
	float:left;
	border: medium solid #FF0000;
	background-image: url(images/index_bkgrd_2.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	height: auto;
}
.txtbutton {
	padding-top: 2em;
	padding-bottom: 1em;
	width: 650px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

}
#indexbox1 {
	text-align: left;
	float: left;
	width: 353px;
	border-bottom: 1px solid #CC00CC;
	border-left: 1px solid #FF33CC;
	padding-top: 2em;
	text-indent: 3em;
}
#indexbox2 {
	text-align: left;
	float: right;
	width: 470px;
	border-bottom: 1px solid #CC00CC;
	border-left: 1px solid #FF33CC;
	background-color: #CCCCCC;

}
#indexbox3 {


	text-align: left;
	float: left;
	width: 470px;
	border-bottom: 1px solid #CC00CC;
	border-left: 1px solid #FF33CC;
}

/*=============== Scuba Shack hover/swap index menu =============== */
#text {
	position:absolute;
	left:665px;
	top:480px;
	width:227px;
	display:none;
	padding:10px;
	height: 272px;
	background-image: url(images/rollovers/want_to_dive.png);
	background-position: left top;
	border: 0px none;
	background-repeat: no-repeat;
}
#text2 {
	position:absolute;
	left:665px;
	top:480px;
	width:274px;
	display:none;
	padding:10px;
	height: 272px;
	border: 0px none;
	background-image: url(images/rollovers/go_further.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#text3 {
	position:absolute;
	left:665px;
	top:480px;
	width:275px;
	display:none;
	padding:10px;
	height: 268px;
	background-image: url(images/rollovers/go_pro.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: 0px none;
}
#sidebar_index {
	width:220px;
	float:left;
	border: 0px none;
	text-align: center;

}
#sidebar_index .logo2 {
	text-align: center;
	vertical-align: 2%;
	border: 0px none;
	margin-top: 1.5em;
	margin-bottom: 1.2em;
}
#bottom_banner {
	border: 0px none;
	width: 800px;
	height: auto;
	margin: 0px;
	padding: 0em;
}
.bottombannerimg {
	border: 0px none;
	display: inline;
	padding: .10em .75em 3em;
	height: 160px;
	width: 175px;
}
#padicontainer {

	border: 0px none;
	display: inline;
	padding: .10em .75em 3em;
	height: 160px;
	width: 175px;
}
h3 {
	font-size: 1.5em;
	color: #333333;
	line-height: 1.6em;
	font-weight: normal;
	padding-top: 3px;

}
.contacts {
	border: none;
	margin-left: 1.3em;
	font-weight: normal;
	padding-left: .3em;



}
h2 {
	font-weight: normal;
	font-variant: normal;
	font-size: 1.6em;
	line-height: 1.5em;

}
td {
	border: 1px solid #CCCCCC;
	margin: 3px;
	padding: 3px 3px 3px 5px;



}