/*
Green Note Inc Website
*/

/* Font Elements Start */

@font-face {
	font-family: "Font";
	letter-spacing: 1px;
	font-style: normal;
  	font-weight: 400;
  	/* Font Declaration for Internet Explorer */
	src: url('fonts/Garogier_unhinted-webfont.eot?#iefix') format('embedded-opentype');	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
   zoom: 1;
}

@font-face {
	font-family: "Font";
	letter-spacing: 1px;
	font-style: normal;
  	font-weight: 400;
	/* Font Declaration for Other Browsers */
	src: url('fonts/Garogier_unhinted-webfont.ttf');
}

/* Font Elements Stop */

html {
	position: absolute;	
	text-align: center;	
	min-height: 100%;
	min-width: 100%;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
}

body {
	position: absolute;
	text-align: center;	
	min-height: 100%;
	min-width: 100%;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
}

/* Basic Layout Elements Start */

#background_one {
	position: absolute;
	text-align: center;	
	min-height: 100%;
	min-width: 100%;
	_height: expression(document.body.scrollHeight + "px");
	*height: expression(document.body.scrollHeight + "px");	
	_width: expression(document.body.scrollWidth + "px");
	*width: expression(document.body.scrollWidth + "px");
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background-image: url(images/background_stripes.png);
	background-attachment: fixed;	
	background-position: 50%;	
	background-repeat: repeat;
	z-index: 1;
}

#background_two {
	position: absolute;
	text-align: center;
	min-height: 100%;
	min-width: 100%;
	_height: expression(document.body.scrollHeight + "px");
	*height: expression(document.body.scrollHeight + "px");	
	_width: expression(document.body.scrollWidth + "px");
	*width: expression(document.body.scrollWidth + "px");
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background-image: url(images/white.png);
	background-position: 50%;	
	background-attachment: fixed;
	background-repeat: repeat-y;
	z-index: 2;
}

.spacer {
	position: relative;
	text-align: center;
	height: 30px;
	width:  auto;
	margin: auto auto auto auto;
	margin: auto auto auto auto;
	background: url(images/spacer.png) 
	background-repeat: no-repeat;
	z-index: 3;
}	

#banner {
	position: relative;
	text-align: center;
	height: 225px;
	width:  662px;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background: url(images/logo_shadow.png);
	background-repeat: no-repeat;
	z-index: 3;
}

/* Basic Layout Elements End */

/* Navigation Bar Elements Start */

#navigation_bar {
	position: relative;
	text-align: center;
	height: 80px;
	_width: 1000px;
	*width: 1000px;
	border-left: 50%;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar ul {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar li {
	position: relative;
	text-align: center;
	display: inline-block;
	_display: inline;	
	*display: inline;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar a {
	position: relative;
	text-align: center;
	display: block;
	max-width: 250px;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	text-decoration: none;
	z-index: 3;
}

#navigation_bar a:link {
	color: #000000;
}

#navigation_bar a:visited {
	color: #000000;
}

#navigation_bar a:hover {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background: url(images/menu/menu_underline.png);
	background-repeat: repeat-x;
	z-index: 3;
}

#navigation_bar .current_page_item a {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;	
	background: url(images/menu/menu_underline_current.png);
	background-repeat: repeat-x;
	z-index: 3;
}

/* Navigation Bar Elements End */

/* Navigation Bar Two Elements Start */

#navigation_bar_two {
	position: relative;
	text-align: center;
	height: 80px;
	_width: 7o40px;
	*width: 740px;
	border-left: 50%;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar_two ul {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar_two li {
	position: relative;
	text-align: center;
	display: inline-block;
	_display: inline;	
	*display: inline;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

#navigation_bar_two a {
	position: relative;
	text-align: center;
	display: block;
	max-width: 350px;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	text-decoration: none;
	z-index: 3;
}

#navigation_bar_two a:link {
	color: #000000;
}

#navigation_bar_two a:visited {
	color: #000000;
}

#navigation_bar_two a:hover {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background: url(images/menu/menu_underline.png);
	background-repeat: repeat-x;
	z-index: 3;
}

#navigation_bar_two .current_page_item a {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;	
	background: url(images/menu/menu_underline_current.png);
	background-repeat: repeat-x;
	z-index: 3;
}

/* Navigation Bar Two Elements End */


/* Horizontally Variable Border Elements Start */

.border_horizontal {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
}

.border_left, .border_middle, .border_right {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	float: left;
}

/* Horizontally Variable Border Elements End */

/* Vertically Variable Border Elements Start */

.border_vertical {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
}

.border_top, .border_center, .border_bottom {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
}

/* Vertically Variable Border Elements End */

/* Menu Border Elements Start */

.menu {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 4;
}

.menu_left {
	height: 80px;
	width: 20px;
	background: url(images/menu/menu_left.png);
	background-repeat: no-repeat;
	z-index: 4;
}

.menu_right {
	height: 80px;
	width:  20px;
	background: url(images/menu/menu_right.png);
	background-repeat: no-repeat;
	z-index: 4;
}

.menu_middle {
	height: 80px;
	line-height: 80px;
	background: url(images/menu/menu_middle.png);
	background-repeat: repeat-x;
	z-index: 4;
}

.menu_text {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}

.menu_text_two {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

/* Menu Border Elements End */

/* Content Wrapper Element Start */

.content { 
	position: relative;
	text-align: center;
	min-width: 100%;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 4;
}

/* Content Wrapper Element Stop */

/* One Thousand PX Wide Border Elements Start */

#one_thousand {
	position: relative;
	left: 50%;
	float: left;	
	margin: auto auto auto -500px;
	padding: auto auto auto auto;	
	width: 1000px;
	z-index: 4;	
	clear: both;
}

#one_thousand_top {
	height: 20px;
	width:  1000px;
	background: url(images/one_thousand/one_thousand_top.png);
	background-repeat: no-repeat;
	z-index: 4;
}

#one_thousand_bottom {
	height: 20px;
	width:  1000px;
	background: url(images/one_thousand/one_thousand_bottom.png);
	background-repeat: no-repeat;
	z-index: 4;
}

#one_thousand_center {
	width:  1000px;
	background: url(images/one_thousand/one_thousand_center.png);
	background-repeat: repeat-y;
	z-index: 4;
}

.one_thousand_text {
	position: relative;
	text-align: left;
	width: 900px;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	color: #000000;
	text-decoration: none;
}

.one_thousand_text_big {
	font-size: 32px;
	float: left;
	width: auto;
	height: auto;		
}

.one_thousand_text_regular {
	font-size: 18px;
	text-decoration: none;
	color: #000000;
}

.link {
	text-decoration: underline;
	color: #000000; 
}

/* One Thousand PX Wide Border Elements Stop */

/* Seven Hundred PX Wide Border Elements Start */

#seven_hundred {
	position: relative;
	left: 50%;
	float: left;	
	margin: auto auto auto -650px;
	padding: auto auto auto auto;	
	width: 700px;
	z-index: 4;
}

#seven_hundred_top {
	height: 20px;
	width:  700px;
	background: url(images/seven_hundred/seven_hundred_top.png);
	background-repeat: no-repeat;
	z-index: 4;
}

#seven_hundred_bottom {
	height: 20px;
	width:  700px;
	background: url(images/seven_hundred/seven_hundred_bottom.png);
	background-repeat: no-repeat;
	z-index: 4;
}
#seven_hundred_center {
	width:  700px;
	background: url(images/seven_hundred/seven_hundred_center.png);
	background-repeat: repeat-y;
	z-index: 4;
}

.seven_hundred_text {
	position: relative;
	text-align: left;
	width: 600px;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	color: #000000;
}

.seven_hundred_text_big {
	font-size: 32px;
	float: left;
	width: auto;
	height: auto;		
}

.seven_hundred_text_regular {
	font-size: 18px;
}

/* Seven Hundred PX Wide Border Elements Stop */

/* Slide Border Elements Start */

#slide {
	position: relative;	
	text-align: center;	
	float: left;
	width: 565px;
	left: 50%;
	margin: 25px auto auto auto;
	padding: auto auto auto auto;
	z-index: 4;
}

#slide_top {
	height: 25px;
	width:  575px;
	background: url(images/slide/slide_top.png);
	background-repeat: no-repeat;
	z-index: 4;
}

#slide_bottom {
	height: 25px;
	width:  575px;
	background: url(images/slide/slide_bottom.png);
	background-repeat: no-repeat;
	z-index: 4;
}
#slide_center {
	width:  575px;
	background: url(images/slide/slide_center.png);
	background-repeat: repeat-y;
	z-index: 4;
}

.slide_text {
	position: relative;
	text-align: left;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	font-size: 20px;
	color: #000000;
}

/* Slide Border Elements Stop */

/* Footer Border Elements Start */

#footer {
	position: relative;
	text-align: center;
	height: 100px;
	width: 450px;
	border-left: 50%;
	padding: auto auto auto auto;
	z-index: 3;
	clear: both;
}

#footer_left {
	height: 100px;
	width:  20px;
	background: url(images/footer/footer_left.png);
	background-repeat: no-repeat;
	z-index: 3;
}

#footer_middle {
	height: 100px;
	background: url(images/footer/footer_middle.png);
	background-repeat: repeat-x;
	z-index: 3;
}

#footer_right {
	height: 100px;
	width:  20px;
	background: url(images/footer/footer_right.png); 
	background-repeat: no-repeat;
	z-index: 3;
}

#footer a {
	position: relative;
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;	
}

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

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

#footer a:hover {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	background: url(images/footer/footer_underline.png);
	background-repeat: repeat-x;
	z-index: 4;
}

#footer .current_page_item a {
	position: relative;	
	text-align: center;
	margin: auto auto auto auto;
	padding: auto auto auto auto;	
	background: url(images/footer/footer_underline_current.png);
	background-repeat: repeat-x;
	z-index: 4;
}

.footer_text {
	position: relative;
	text-align: center;
	margin: 5px auto auto auto;
	padding: auto auto auto auto;
	font-family: "Font";
	font-size: 14px;
	color: #000000;
}

#footer li {
	position: relative;
	text-align: center;
	display: inline-block;
	_display: inline;	
	*display: inline;
	margin: auto auto auto auto;
	padding: auto auto auto auto;
	z-index: 3;
}

/* Footer Border Elements Stop */

/* JS Slide Elements Start */

.fadein { 
	position:relative;
	text-align: center;
	width:525px;
	height:250px;
	z-index: 4;
}

.fadein img { 
	position:absolute;
	text-align: center;
	left: 25px;
	_left: 0px;	
	*left: 0px;
	top:0;
	z-index: 4;
}

.js .fadein img { 
	display: none; 
}

.js .fadein img:first-child { 
	display: block;
}

/* JS Slide Elements Stop */

/* Misc Elements Start */

.clef {
	position: relative;
	text-align: center;
	height: 50px;
	width: 15px;
	float: left;
	margin: 5px auto auto 10px;
	padding: auto auto auto auto;
	background: url(images/footer/green_note.png);
	background-repeat: no-repeat;
	z-index: 4;
}

/* Misc Elements Stop */