/*****************************
* Body
*****************************/

h1 {
	font-family:Georgia, "Times New Roman", Serif;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2 {
	font-family:Georgia, "Times New Roman", Serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h3 {
	font-family:"Trebuchet MS", Arial, Sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

p {
	color:#3a4728;
	font-family:"Trebuchet MS", Arial, Sans-serif;
	font-size:12px;
	line-height:14px;
}

a {
	color:#0b5988;
}

a:hover {
	text-decoration:none;
}

body {
	background:url(../images/background.gif) #1e6c9e repeat-x top;
	margin:0;
	padding:0;
}

/*****************************
* Container
*****************************/

#container {
	background:url(../images/header-top.png) no-repeat;
	margin:24px auto 0 auto;
	padding:18px 0 0 0;
	width:782px;
}

/*****************************
* Header
*****************************/

#header {
	background:url(../images/header-background.png) repeat-y;
	height:344px;
	position:relative;
	width:782px;
}

#logo {
	height:240px;
	left:35px;
	overflow:hidden;
	position:absolute;
	text-indent:-5000px;
	top:-37px;
	width:213px;
	z-index:9999;
}

#logo a {
	background:url(../images/logo.png) no-repeat;
	cursor:hand;
	display:block;
	height:240px;
	position:relative;
	width:213px;
}

#banner {
	background:url(../images/header-bottom.gif) no-repeat bottom;
	height:305px;
	left:12px;
	position:absolute;
	text-align:center;
	top:0px;
	width:758px;
}

/*****************************
* Navigation
*****************************/

#nav {
	background:url(../images/nav-background.gif);
	border:1px solid #1b5576;
	bottom:0;
	height:36px;
	list-style:none;
	margin:0 11px 0 11px;
	padding:0;
	position:absolute;
	width:758px;
}

#nav li {
	display:block;
	float:left;
	margin-right:1px;
	overflow:hidden;
	text-indent:-5000px;
}

#nav li a {
	display:block;
	height:36px;
}

#nav li.about a { background:url(../images/nav-about.gif); width:90px; }
#nav li.news a { background:url(../images/nav-news.gif); width:87px; }
#nav li.products a { background:url(../images/nav-products.gif); width:105px; }
#nav li.lessons a { background:url(../images/nav-lessons.gif); width:101px; }
#nav li.pattern-of-the-month a { background:url(../images/nav-pattern-of-the-month.gif); width:177px; }
#nav li.links a { background:url(../images/nav-links.gif); width:83px; }
#nav li.contact a { background:url(../images/nav-contact.gif); width:109px; }

#nav li.contact { margin-right:0; }

#nav li.about a:hover,
#nav li.news a:hover,
#nav li.products a:hover,
#nav li.lessons a:hover,
#nav li.pattern-of-the-month a:hover,
#nav li.links a:hover,
#nav li.contact a:hover { background-position:0 -37px; }

#nav li.about a.current,
#nav li.news a.current,
#nav li.products a.current,
#nav li.lessons a.current,
#nav li.pattern-of-the-month a.current,
#nav li.links a.current,
#nav li.contact a.current { background-position:0 -37px; }

/*****************************
* Content
*****************************/

#content {
	background:url(../images/content-background.png) repeat-y;
	float:left;
	padding:0 16px 2px 32px;
	width:734px;
}

/*****************************
* vCards
*****************************/

#content #home-vcard {
	background:url(../images/dotted-line.gif) repeat-x top;
	padding-top:12px;
}

#content #home-vcard p {
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-weight:bold;
	text-align:right;
	width:335px;
}

#content #home-vcard .org { display:none; }

#content #home-vcard .adr {
	color:#0b5988;
	font-size:12px;
	margin-bottom:5px;
}

#content #home-vcard .street-address { display:block; }

#content #home-vcard .tel {
	color:#9c7218;
	font-size:14px;
	margin-top:0;
}

#content #contact-vcard {
}

#content #contact-vcard p {
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-weight:bold;
	text-align:center;
}

#content #contact-vcard .adr,
#content #contact-vcard .org {
	color:#0b5988;
	font-size:12px;
	margin-bottom:5px;
}

#content #contact-vcard .fn {
	font-size:18px;
	margin-bottom:0;
}

#content #contact-vcard .street-address { display:block; }

#content #contact-vcard .tel {
	color:#9c7218;
	font-size:14px;
	margin-top:0;
}

/*****************************
* Footer
*****************************/

#footer {
	background:url(../images/content-bottom.png) no-repeat top;
	float:left;
	height:100px;
	position:relative;
	width:782px;
}

#footer .newsletter {
	background:url(../images/footer-newsletter-background.png) no-repeat;
	height:49px;
	left:20px;
	position:absolute;
	top:16px;
	width:366px;
}

#footer .newsletter form {
	margin-left:35px;
	margin-top:8px;
}

#footer .newsletter label {
	color:#ddebb4;
	float:left;
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	margin:0;
	text-align:right;
	text-transform:uppercase;
	width:110px;
}

#footer #mb-zudd-zudd {
	border:1px solid #648139;
	float:left;
	height:16px;
	margin-left:8px;
	padding-left:6px;
	padding-top:2px;
	width:134px;
	font-size: 11px;
}

#footer #newsletter_submit {
	background:url(../images/footer-newsletter-submit.gif) no-repeat;
	border:1px solid #648139;
	margin-left:4px;
}

/*****************************
* Copyright and Tagline
*****************************/

#footer .extra {
	position:absolute;
	right:20px;
	top:16px;
}

#footer .tagline {
	background:url(../images/footer-tagline-logo.gif) no-repeat right;
	color:#6baad0;
	font-family:"Trebuchet MS", Arial, Sans-Serif;
	font-size:11px;
	height:18px;
	line-height:22px;
	margin-bottom:0;
	margin-top:6px;
	padding-right:22px;
	text-align:right;
}

#footer .tagline a {
	color:#6baad0;
	font-weight:bold;
	text-decoration:none;
}

#footer .tagline a:hover {
	text-decoration:underline;
}

#footer .copyright {
	color:#7895a6;
	font-family:Arial, Sans-Serif;
	font-size:10px;
	margin-top:4px;
	text-align:right;
}

/*****************************
* IE 6 & 7 Hacks!!!!!!!!!!!!!
*****************************/

#content .secondary .bottom {
	*background-position:0 1px;
	_background-position:0;
}

#footer .newsletter form {
	*margin-left:25px;
}

#footer .newsletter label {
	*line-height:12px;
	*width:120px;
}

#footer #newsletter_email {
	*margin-left:4px;
	*z-index:9999;
}