/**************************************************
*****
*****		Website: 		MarisCPA.com
*****		Filename:  		css_main.css
*****		Version:		2.0
*****		Last modified: 	06 February 2007
*****		Author:			Kevin Browne
*****		E-mail:			kdb_dev.mariscpa@barnaclekb.com
*****		Copyright:		Walsh Design, 2007, Kevin Browne
*****	
*****	
*****		This file will control all styling for the Maris CPA website
*****
*****	
*****	
*****		Table of Contents
*****		-------------------------------------------
*****		- Content, Primary: Formatting (=CNT1F)
*****			- Headings (=C1HDG)
*****			- Text (=C1TXT)
*****			- Lists (=C1LST)
*****			- Images (=C1IMG)
*****			- Links (=C1LNK)
*****		- Primary Navigation (=NAV1)
*****		- Basic Layout Structure (=LOUT)
*****		- Colors and Backgrounds (=COBG)
*****		- Typography (=TYPE)
*****			- Special Cases (=TYPSPC)
*****			- Line Heights (=TYPHT)
*****			- Font Faces (=TYPFCE)
*****			- Font Sizes (=TYPSZ)
*****
*****
**************************************************/


* {
	margin: 0;
	padding: 0;
}



/**************************************************
***		Content, Primary: Formatting (=CNT1F)
**************************************************/

/**** HEADINGS (=C1HDG) ****/
h1 {
	margin-bottom: 1em;
}

h2 {
	margin: 1em 0;
}



/**** TEXT (=C1TXT) ****/
p {
	margin: 1em 0;
}



/**** LISTS (=C1LST) ****/
dd {
	margin: 0 0 1em 1.5em;
}

dt {
	margin: 1em 0 0 0;
}

dl {
	margin: 1em 0;
}

	dl dl {
		margin: 0 2em;
	}

ol {
	margin: 1em 0;
}

ul {
	margin: 1em 0;
}

	#content ul {
		margin-left: 20px;
	}



/**** IMAGES (=C1IMG) ****/
img {
	float: right;
}


/**** LINKS (=C1LNK) ****/
a,
a:link,
a:active,
a:visited {
	text-decoration: underline;
}

a:focus,
a:hover {
	text-decoration: none;
}	



/****************************************
***		Colors and Backgrounds (=COBG)
***
***		dark blue: 194c7f
***		orange: f7941d
***		testimonial dark blue: 6e93c0
***		testimonial light blue: e5e8ec
***		
****************************************/
dt {
	background-color: #fff;
	color: #194c7f;
}

h1 {
	background-color: #fff;
	color: #194c7f;
}

h2 {
	background-color: #fff;
	color: #f7941d;
}

body {
	background-color: #194c7f;
	background-image: url(../img/bluestrip.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

#container {
	background-image: url(../img/bg_container.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

#header {
	background-image: url(../img/bg_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

	#home #header {
		background-image: url(../img/bg_header_home.jpg);
	}

#navbar {
	background-color: #194c7f;
	background-image: url(../img/navbar.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #fff;
}

	#navbar ul li a img,
	#navbar ul li a:active img,
	#navbar ul li a:focus img,
	#navbar ul li a:hover img,
	#navbar ul li a:link img,
	#navbar ul li a:visited img {
		background-color: #194c7f;
	}

.testimonial {
	border-bottom: 1px solid #f7941d;
}

p.quote_source {
	margin-bottom: 0;
	text-align: right;
}

	p.quote_source + p {
		margin-top: 0;
		text-align: right;
	}

h1 + p img {
	margin-bottom: 1em;
	margin-left: 1em;
}

#testimonial {
	background-color: #e5e8ec;
	border: 3px solid #6e93c0;
	color: #6e93c0;
}

	#testimonial h2 {
		background-color: #e5e8ec;
		color: #6e93c0;
	}

	#testimonial .quote_name {
		background-color: #e5e8ec;
		color: #f7941d;
	}

#home #testimonial {
	background-color: #fff;
	background-image: url(../img/bg_testimonial.jpg);
	background-repeat: no-repeat;
	border: none;
	color: #000;
}

	#home #testimonial h2 {
		background-color: transparent;
		color: #194c7f;
	}

	#home #testimonial .quote_name,
	#home #testimonial .quote_source {
		background-color: transparent;
		color: #000;
	}

#footer,
#nav_2 {
	background-image: url(../img/bg_footer.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 40px;
}

#copyright,
#copyright a {
	color: #222;
}

a,
a:active,
a:link,
a:visited {
	background-color: inherit;
	color: #194c7f;
}

a:focus,
a:hover,
#copyright a:focus,
#copyright a:hover {
	background-color: inherit;
	color: #f7941d;
}



/****************************************
***		Primary Navigation (=NAV1)
****************************************/
#nav {
	margin-left: 11px;
	position: absolute;
	top: 178px;
	width: 190px;
}

#home #nav {
	top: 298px;
}

	#nav ul {
		list-style-type:none;
	}

		#nav ul li {
			background-image: url(../img/bg_nav.gif);
			background-position: 0 0;
			border-bottom: 1px solid #ccc;
			height: 28px;
			text-align: center;
		}

			#nav ul li a {
				display: block;
				height: 18px;
				padding-left: 8px;
				padding-top: 10px;
				text-decoration: none;
			}

				#nav ul li a:hover {
					background-image: url(../img/bg_nav.gif);
					background-position: 0 -28px;
					border-bottom: 1px solid #ccc;
					color: #f7941d;
					display: block;
					height: 18px;
				}



/****************************************
***		Secondary Navigation (=NAV2)
****************************************/
#nav_2 {
	padding: 30px 0 40px 0; /* 20px bottom margin minimum to clear drop shadow */
	width: 784px;	
}

	#nav_2 ul {
		display: block;
		list-style-type: none;
		margin: 0 9px 0 11px;
		text-align: center;
	}

		#nav_2 ul li {
			display: inline;
		}



/****************************************
***		Basic Layout Structure (=LOUT)
****************************************/

#container {
	margin: 0 auto;
	width: 784px;
}

	#birds {
		margin-left: 777px;
		position: absolute;
		top: 0;
		width: 116px;
	}

#header {
		height: 255px;
		margin-left: 0;
	}

#content {
	padding-left: 231px;
	margin-right: 50px;
	margin-top: -77px; /* Clear the navbar */
}

#home #content {
	margin-right: 246px;
	margin-top: 43px;
}

#footer {
	clear: both;
}


/****************************************
***		Navigation Bar (Navbar) (=NVBR)
****************************************/
#navbar {
	height: 43px;
	margin-left: -220px;
	position: absolute;
	top: 135px;
	width: 764px;
}

#home #navbar {
	top: 255px;
}

	#navbar ul {
		margin-left: 0;
		margin-top: 4px;
		height: 25px;
		width: 190px;
	}

		#navbar ul li {
			display: block;
			float: left;
			list-style-type: none;
			width: 10px;
		}

			#navbar ul li.first {
				padding-left: 12px;
			}

			#navbar ul li.last {
				padding-right: 12px;
			}

			#navbar ul li.current {
				text-align: center;
				width: 146px;
			}

			#navbar ul li a img {
				border: none;
			}



/****************************************
***		Testimonials (=TSTM)
****************************************/
#testimonial {
	float: left;
	margin: 315px 0 0 -209px;
	padding: 0 10px;
	position: relative;
	width: 154px;
}

#home #testimonial {
	margin: 0 0 0 334px;
	padding: 22px 20px 0 30px;
	position: absolute;
	top: 293px;
	width: 156px;
}

#testimonial h2 {
	margin-bottom: 7px;
}



/****************************************
***		vCard (=VCARD)
****************************************/
.adr p,
.org p,
.vcard p {
	margin: 0;
	padding: 0;
}



/****************************************
***		Copyright (=COPY)
****************************************/
#copyright {
	margin: 0 auto;
	width: 784px;
}

	#copyright p {
		margin: 0 9px 20px 11px;
		text-align: center;
	}




/****************************************
***		Typography (=TYPE)
****************************************/

dt {font-weight: bold;}

.org {font-weight: bold;}

#home #testimonial .quote_name {font-weight: bold;}


/***** FONT FACES (=TYPFCE) *****/
h1, h2 {font-family: Helvetica, sans-serif;}

dd, dl, dt, p, li, ol, ul {font-family: Arial, Helvetica, sans-serif;}



/***** LINE HEIGHTS (=TYPHT) *****/
body, dd, dl, dt, h1, h2, p, li, ol, ul {line-height: 1.2;}



/***** FONT SIZES (=TYPSZ) *****/
body {font-size: small;}

h1 {font-size: 123%;}

h2 {font-size: 110%;}

dd, dl, dt, p, li, ol, ul {font-size: 100%;}



/***** SPECIAL CASES (=TYPSPC) *****/
#nav {
	font-size: 16px;
	font-variant: small-caps;
	line-height: 1;
}

#navbar {
	font-family: Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1;
	text-transform: uppercase;
}

#testimonial p {
	font-style: italic;
	line-height: 1.5;
}