/* CSS Document */

/* standard tag styling */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	color: #282828;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-color: #D7FFBB;
}

p {
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

h1 {
	margin: 0px;
	color: #FF0000;
	font-size: xx-large;
	text-align: left;
}	

h2 {
	margin: 0px;
	color: #FF0000;
	font-size: large;
	text-transform: none;
	text-align: left;
	font-weight: normal;
}	

h3 {
	margin-top: 19px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	font-weight: normal;
}

h4 {
	color: #FFFFFF;	
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	font-weight: bold;
	font-size: small;
}

img {
	margin: 0px;
	border: none;
}				

td img {
	display: block;
}

ul {
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

li {
	padding-left: 10px;
	list-style-image: none;
	list-style-position: outside;
	margin: 20px;
	list-style-type: circle;
}

a:link {
	color: #003300;
	text-decoration: none;
}

a:active {
	color: #003300;
	text-decoration: none;
}

a:visited {
	color: #003300;
	text-decoration: none;
}

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

/* text styling */
.p_right {
	margin-top: 10px;
	text-align: right;
}

.arrow a:hover {
	text-decoration: none;
}

p.left {
	float: left;
}

p.small {
	font-size: x-small;
}

p.smalltitle {
	font-size: small;
	text-align: left;
	margin: 0px 0px 5px 0px;
}			

p.smallnav {
	font-size: small;
	text-align: middle;
	margin: 2px 0px 0px 0px;
}

/* image styling */
.img_float_left {
	float: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 0px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.img_float_right {
	float: right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 10px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/* table styling */

table.page {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #66FF00;
	width: 960px;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 3px;
	border-left-width: 15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}	

table.page td {
	padding: 0px;
}

table.maincontent {
	border: none;
	font-size: small;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table.maincontent td {
	padding: 3px 2px 3px 2px;
}

#mainContent table.contactform {
	background-color: #D7FFBB;
	width: 95%;
	border: 1px dashed #999999;
	margin: 0px auto 0px auto;
}

#mainContent table.contactform td {
	padding: 2px;
	margin: 0px;
}

#mainContent table.contactform p {
	padding: 0px;
	margin: 0px;
}		

#mainContent table.contactform p.title {
	text-align: right;
	margin: 2px;
}

#mainContent table.contactform p.box {
	text-align: left;
	margin: 2px;
}

#mainContent .small {
	font-size: small;
}	

/* Specific table cell styling */


/* Layer Definitions */

#centralposition {
	position:relative;
	width: 970px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Mainwrapper displays the background layer and content which will alter the length of the page */
#mainWrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #66FF00;
	width: 960px;
	height: 700px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/db_page_background.png);
	background-repeat: no-repeat;
	background-position: left 290px;
}

#mainWrapper img {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* Layer placed within the mainWrapper layer */


/* This is a transparent layer over the mainWrapper layer, and is used to place the fixed content of the page */
#ghost {
	position: absolute;
	top: 20px;
	left: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 960px;
	height: 700px;
	border: none;
	background-image: none;
	z-index:2;
	overflow: visible;
}

/* Fixed layers placed inside the ghost layer */
#telephone {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	position:absolute;
	top: 20px;
	left: 10px;
	width: 960px;
	z-index:2;
}

#telephone p {
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

#specialofferslnk {
	margin: 0px;
	position:absolute;
	top: 185px;
	left: 155px;
	width: 148px;
	height: 148px;
	z-index:3;
}	

#menu {
	position:absolute;
	left:25px;
	top:285px;
	width:180px;
	height:300px;
	z-index:1;
	vertical-align: middle;
}

#menu div {
	color: #006600;
	font-size: medium;
	font-weight: bold;
	width: 100%;
	height: 20px;
	background-color: #47634A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#menu p {
	padding: 0px;
	margin: 0px;
}	

#menu #homebtn {
	background-color: #FA3F1E;
	border-top-width: 2px;
}

#menu #accessbtn {
	background-color: #F97630;
}

#menu #inflatbtn {
	background-color: #F7B427;
}	

#menu #repairsbtn {
	background-color: #F7F41B;
}

#menu #packbtn {
	background-color: #8AC724;
}

#menu #contactbtn {
	background-color: #43A52C;
	border-bottom-width: 2px;
}					

#mainContent {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	position:absolute;
	left:280px;
	top:300px;
	width:400px;
	height:400px;
	z-index:3;
	overflow-y: auto;
}

#mainContent p {
	text-align: left;
	vertical-align: top;
	font-size: medium;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

#mainContent h1 {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}	
		
			
/* Miscellaneous */
.asterisk, .highlight {
	color: #FF0000;
}

.massive_red {
	color: #FF0000;
	font-size: 36px;
}

.large_green {
	color: #33CC00;
	font-size: 24px;
}

.large_red {
	color: #FF0000;
	font-size: 24px;
}

.intro {
	color: #000000;
	font-weight: bold;
}