/*  ------------------------------------------------------------------------
	Portable Hot Tubs Now
    ------------------------------------------------------------------------  */

html, body {
	margin: 0;
	padding: 0; }
	
body {
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
	color: #1184D4;
	text-align: justify;
	background-image: url(../img/bg/body-bg.jpg);
	background-repeat: repeat; }
	
h1, 
h2, 
h3 {
  	margin: 0px;
  	padding: 0px; }

p {
	margin: 10px 0;
	font-size: 14px;
	text-align: justify;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}
		
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px; }

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

a:link, 
a:visited {
	margin: 0;
	padding: 0;
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
	color: #1184D4;
	border: none;
	text-decoration: underline; }

a:hover,
a:active,
a.current { text-decoration: none; }

/*  --------------------------|  FORM STYLES  |--------------------------  */

form {
	margin: 0;
	padding: 0; }


/*  FORM INPUTS  */
input {
	margin: 0;
	padding: 0;
	font: 12px "Verdana", Helvetica, Arial, sans-serif;
	color: #1184D4;
	border: 1px solid #a0cde1; }
			
	/* Style for <input type="image"> */
	input.input-img {
		margin-top: 5px;
		border: none; }
		
	textarea {
		margin: 0;
		padding: 0;
		font: 12px "Verdana", Helvetica, Arial, sans-serif;
		color: #1184D4;
		line-height: 1.2em;	
		border: 1px solid #a0cde1; }	

/*  --------------------------|  MAIN TEMPLATE  |--------------------------  */

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 774px;
	height: auto;
	background-image: url(../img/bg/body-wrap.png);
	background-repeat: repeat-y; }
	
#content-wrap {
	float: left;
	margin: 0 0 0 12px;
	padding: 20px 0;
	width: 748px;
	height: auto;
	border-right: 1px solid #a0cde1;
	border-left: 1px solid #a0cde1;
	background-color: #fff;
	display: inline; }

/* HEADER SECTION */

#header {
	margin: 0 0 0 12px;
	padding: 0;
	width: 750px;
	height: 200px;
	background-image: url(../img/template/header.jpg);
	background-repeat: no-repeat; }
	
#header-navigation {
	margin: 0 0 0 102px;
	padding: 0;
	width: 648px;
	height: 71px;
	overflow: hidden; }
	
	#header-navigation ul,
	#header-navigation li { padding: 0; }
	
		#header-navigation ul { margin: 50px 30px 0 0; }	
		#header-navigation li { margin: 0; }
		
	#header-navigation a {
		margin: 0;
		padding: 0 25px; }
		
/* CART SECTION */
#cart {
	margin: 47px 0 0 0;
	padding: 0;
	width: 650px; 
	height: auto;
	text-align: right; }
	
	#cart form {
		margin: 0;
		padding: 0;
		text-align: right; }
		
	input.cart-button { 
		margin: 0;
		padding: 0;
		width: 81px;
		height: 23px;
		border: none; }
		
/* FOOTER SECTION */

#footer {
	margin: 0 0 0 12px;
	padding: 0;
	width: 750px;
	height: 200px;
	background-image: url(../img/template/footer.jpg);
	background-repeat: no-repeat;
	clear: both; }

#footer-navigation {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 171px;
	overflow: hidden; }
		
	#footer-navigation ul, 
	#footer-navigation li { 
		font: 14px "Verdana", Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: center;	
		padding: 0; }
		
		#footer-navigation ul { margin: 141px 0 0 0; }
		#footer-navigation li {margin: 0; }
		
	#footer-navigation a:link, 
	#footer-navigation a:visited {
		margin: 0;
		padding: 0 5px;
		font: 14px "Verdana", Arial, Helvetica, sans-serif;
		color: #fff;
		border: none;
		text-decoration: none; }

	#footer-navigation a:hover,
	#footer-navigation a:active,
	#footer-navigation a.current { text-decoration: underline; }

/* COPYRIGHT SECTION */

#copyright {
	margin: 10px 0 0 12px;
	padding: 0; 
	width: 750px;
	height: auto; }

	#copyright p {
		margin: 0;
		padding: 0;
		width: 750px;
		height: auto;
		font: 12px "Verdana", Arial, Helvetica, sans-serif;
		color: #999;
		text-align: center; }
			
	#copyright a:link, 
	#copyright a:visited {
		margin: 0;
		padding: 0;
		color: #999;
		border: none;
		text-decoration: none; }
		
	#copyright a:hover,
	#copyright a:active { text-decoration: underline; }
	
/* PAGE BOTTOM */

#page-bottom {
	margin: 0 auto;
	padding: 0;
	width: 774px;
	height: 119px; /* Additional 50px for extra space*/
	background-image: url(../img/template/page-bottom.png);
	background-repeat: no-repeat; }

/*  ------------------------------------------------------------------------
								GLOBAL CLASSES
    ------------------------------------------------------------------------  */
    
/*  --------------------------|  CONTENT-SECTION  |--------------------------  */

.content-container {
	margin: 0 0 0 20px;
	padding: 0;
	width: 708px;
	height: auto;
	text-align: justify;
	background-color: #fff; }
	
	.content-container h1 {
	margin: 10px 0 0 0;
	padding: 0;
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold; }
		
	.content-container p { 
		margin: 10px 0;
		padding: 0;
		width: 708px;
		height: auto;
		text-align: justify;
		line-height: 1.7em; }
		
		/* Page directions */
		.content-container p.top,
		.content-container p.error { 
			padding: 5px;
			width: 698px;
			font: 12px "Verdana", Arial, Helvetica, sans-serif;
			font-weight: bold;	
			text-align: center;
			line-height: 1.8em;
			background-color: #a0cde1;
			border-top: 1px #1184D4 solid;
			border-bottom: 1px #1184D4 solid; }
			
			.content-container p.top { color: #fff; }
			.content-container p.error { color: red; }
		
		/* Light text (used on contact page) */
		.content-container p.light-text { color: #999; }
		
	.content-container ul,
	.content-container li { 
		font-weight: normal;
		line-height: 1.8em; }
		
		.content-container li {
			margin: 0;
			padding: 0;
			list-style: circle; 
			list-style-position: inside; }
		
	.content-container a:link, 
	.content-container a:visited {
		margin: 0;
		padding: 0;
		font: 12px "Verdana", Arial, Helvetica, sans-serif;
		color: #1184D4;
		font-weight: bold;
		border-bottom: 1px #a0cde1 dotted;
		text-decoration: none; }

	.content-container a:hover,
	.content-container a:active { border-bottom: 1px #1184D4 dotted; }
	
/*  --------------------------|  2-COLUMN PAGES  |--------------------------  */

.column-container {
	float: left;	
	margin: 0;
	padding: 0;
	width: 708px;
	height: auto; }
	
.left-column,
.right-column {
	margin: 10px 0;
	padding: 0;
	height: auto;
	overflow: hidden; }
	
	.left-column { 
		float: left;
		width: 314px; }
	.right-column { 
		float: right;
		width: 374px; }
	
	.left-column p,
	.right-column p { 
		text-align: justify;
		line-height: 1.8em; }
		
		.left-column p { width: 314px; }
		.right-column p { width: 374px; }

	.left-column ul {
		margin: 0;
		padding: 0;
		line-height: 1.8em; }

	.left-column li {
		margin: 0;
		padding: 0;
		list-style: none; }
		
	.right-column ul {
		margin: 0;
		padding: 0;
		line-height: 1.8em; }

	.right-column li {
		margin: 0;
		padding: 0;
		list-style: circle; 
		list-style-position: inside; }
						
/*  --------------------------|  MISC.  |--------------------------  */
		
/* LINE SEPARATOR */
.line {
	margin: 0;
	padding: 0;
	width: 710px;
	height: 1px;
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	clear: both; }
	
.uppercase { text-transform: uppercase; }

/* DELETE LINK IN ADMIN SECTION */
a.delete { 
	color: #1184D4;
	cursor: pointer; }