/* CSS Document */
/*------------------------------------------------------------------------
[ Main Website Information ]

Project:		Gary's Pool and Patio Store
Version:		1.0
Site:			http://www.echocms.com
Created:		2008-06-10
Last changed:	2008-06-10
Author:			Khang Ma
Email:			kma@xyllum.com

/*------------------------------------------------------------------------
[ Table of contents	]
Any additions to this table below can go under that number with an
alpha letter to sub category. Everything in content area should be as such
	[ 9a. Pagination ] as an example

1.	Remove all defaults
2.	Body
3.	Wrapper (#wrapper to enclose all design)
4.	Header area (#header)
5.	Branding (#brand)
6.	Navigation area (#)
7.	Secondary navigation area (#second-nav)
8.	Content area holder (#content)
9.	Main content area (#main-content)
10.	Second content area (#second-content)
11.	All table styles (#main-table)
12. All form styles (#main-form)
13. RSS (#rss)
14.	Advertisements (#ads)
15. Preloaded images (.images)
16. Footer area (#footer)

/*------------------------------------------------------------------------
[ Color Codes ]

Background:		#1f65b1 (white)
Content:		#b7e3fc (light black)
Header h1:		# (green)
Header h2:		# (red)
Footer:			# (dark black)

a (standard):	#FFFFFF (white)
a (visited):	#FFFFFF (white)
a (active):		#f6c381 (light tan)

/*------------------------------------------------------------------------
[Typography]

Heading Styles:		Verdana, Helvetica, Arial, Geneva, sans-serif;
H1					1.8 (or 1.5 times body copy, possible -0.1 or 2 on tracking)	
H2					1.4 (or 1.167 times body copy, possible -0.1 or 2 on tracking)

Body copy:			1.2
	Body Style:		Verdana, Helvetica, Arial, Geneva, sans-serif;
	Body height:	1.56 (Multiply above by 1.2 for 120% of point size)
	Body tracking:	0.1 (0.2 Letter Spacing)

Input, textarea:	1.1em

/* [ 1. Remove all defaults ]
------------------------------------------------------------------------*/
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}

/* Html and body padding & margins */
html, body{
	height: 100%;
	margin: 0;
	padding: 0;	
	
	/* BUG: Fix IE6 bug */
	text-align: center;
}

body {
}

/* Remove padding & margins */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

/* Remove border images */
img {
	border: 0;
}

/* Remove styles from list items */
ul, li {
	list-style:none;
}

/* [ 2. Body ]
------------------------------------------------------------------------*/
body {
	background: #2f4f90 url("../images/layout_bg_main.jpg") top center repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* [ 3. Wrapper ]
------------------------------------------------------------------------*/
#wrapper {
	background: #b7e3fc;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;	
	margin: 0px auto 0px auto;
	min-height: 600px;
	width: 948px;
	padding: 0px;
}

/* [ 4. Header ]
------------------------------------------------------------------------*/
/* [ 5. Brand ]
------------------------------------------------------------------------*/
#brand {
	float: left;
	background: #17317c url("../images/layout_logo.jpg") top left no-repeat;
	width: 600px;
	height: 322px;
	margin: 0px;
	padding: 0px;
}

/* [ 6. Main Navigation ]
------------------------------------------------------------------------*/
#main-nav {
	clear: both;
	background: #17317c;
	height: 32px;
	line-height: 32px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 948px;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	color: #FFFFFF;
}

#main-nav li {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	padding: 0 12px 0 12px;
	border-right: 2px solid #FFFFFF;
}

#main-nav a:link, #main-nav a:visited {
	color: #fefeff;
	display: inline;
	text-decoration: none;
}

#main-nav a:hover {
	color: #f6c381;
	text-decoration: none;
}

/* [ 7. Secondary Navigation ]
------------------------------------------------------------------------*/
#second-nav {
	float: left;	
	background: #17317c url("../images/layout_second_nav.jpg") top left no-repeat;
	margin: 0px;
	line-height: 27px;
	padding: 0px;
	width: 348px;
	height: 322px;
	color: #FFFFFF;
}

#second-nav li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding: 0;	
}

#second-nav a:link, #second-nav a:visited {
	color: #fefeff;
	display: inline;
	text-decoration: none;
}

#second-nav a:hover {
	color: #f6c381;
	text-decoration: none;
}

/* [ 8. Content area ]
------------------------------------------------------------------------*/
/* [ 9. Main content area ]
------------------------------------------------------------------------*/
#main-content {
	color: #18317c;
	float: left;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	width: 560px;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #FFFFFF;	
}

#main-content p {
	margin-bottom: 20px;
}

#main-content h1 {
	font-size: 1.5em;
}

#main-content h2 {
	line-height: 18px;
	margin-bottom: 20px;
}

#main-content h3 {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}

#main-content a {
	color: #2496aa;
	display: inline;
	text-decoration: underline;
}

#main-content a:hover {
	color: #f6c381;
	text-decoration: none;
}
/* [ 10. Second content area ]
------------------------------------------------------------------------*/
#second-content {
	color: #FFFFFF;
	background: #116cb0;	
	float: left;
	font-size: 10px;
	margin: 0px 0px 10px 15px;
	text-align: left;
	width: 310px;
}

#second-content h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	width: 300px;
	background: #18317c;
	padding: 5px;
}

#second-content h3 {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	padding-top: 10px;
}

.locations {
	float: left;
	width: 145px;
	padding: 5px;
}

.clear {
	clear:both;
}

.teambios {
	display: block;
	background: #116cb0;
	color: #fff;
	margin: 15px auto;
	padding: 3px;
}

.teambios h2 {
	font-size: 1.3em;
	margin: 3px auto 0px auto !important;
}

.teambios p {
	margin: 3px auto !important;
}

/* [ 11. Tables ]
------------------------------------------------------------------------*/
/* [ 12. Forms ]
------------------------------------------------------------------------*/
form {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

form p {
	margin: 1em;
	height: auto;
}

fieldset {
	margin-top: 0;
	margin-bottom: 1em;
	padding: 1em;
	border: none;
}

legend {
	font-weight: bold;
	margin: 0;
	padding: 0.5em;
}

label {
	float: left;
	width: 10em;
}

/* [ 13. Rss ]
------------------------------------------------------------------------*/
/* [ 14. Advertisements ]
------------------------------------------------------------------------*/

/* [ 15. Preloaded Images ]
------------------------------------------------------------------------*/
/* [ 16. Footer ]
------------------------------------------------------------------------*/
#footer {
	background: #18317c;
	clear: both;
	color: #ffffff;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin-top: 15px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
}

#footer a:link, #footer a:visited {
	color: #fefeff;
	text-decoration: none;
}

#footer a:hover {
	color: #f6c381;
	text-decoration: none;
}