/* CLEAR DEFAULTS -------------------------------------*/
:link,:visited {text-decoration:none;} 
a img,:link img,:visited img {border:none;}

address {font-style:normal;}
form { display:inline; }

i {display:none;}
img { border:0px; }

ul,ol,dl {list-style:none;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,div {margin:0px; padding:0px;} 

em {font-style:italic;}
strong { font-weight:bold;}
h1,h2,h3,h4,h5,h6,pre,code { font-weight:normal; }

/* HTML TAG STYLES -------------------------------------*/
html {height:100%; margin:0px auto 0px auto; }
body { 
	background-image: url(/base/images/presentation/BG-Body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#FDFDFD;
	color:#666;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:20px;
	font: normal 12px/1em Georgia, "Times New Roman", Times, serif;
}

p { margin-bottom:15px; margin-top:1px; line-height:1.4em; }
sup { font-size:0.7em; margin-top:-2px; padding:-5px; height:1em; top:-0.2em; position:relative; width:6px; z-index:1; }

h1 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font: normal 21px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#A2A48E;}
h2 { margin:0px 0px 10px 0px; padding:0px; font: normal 18px/1.4em Georgia, "Times New Roman", Times, serif; color:#CF8E32;}
h3 { margin:0px 0px 10px 0px; padding:0px; font: normal 16px/1.4em Georgia, "Times New Roman", Times, serif; color:#CF8E32; }
h4 { margin:0px 0px 10px 0px; padding:0px; font: normal 15px/1.4em Tahoma, Geneva, sans-serif; color:#fff;}
h5 { margin:0px 0px 10px 0px; padding:0px; font: normal 12px/1.4em Tahoma, Geneva, sans-serif; }

a:link, a:visited {	color:#982E3E; text-decoration:none; }
a:hover { color:#666; }
.More { font-style:italic;}

/* PAGE LAYOUT -------------------------------------*/
#PageWrapper { width:720px; height:420px; text-align:center; padding:0px; margin:50px auto 0px auto;}

/* Header Styles -------------------------------------*/
#HeaderWrapper {width:720px; margin-bottom:0px; height:80px;}
#Header { height:80px;
	background-image: url(/base/images/presentation/BG-Header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border:3px solid #C0A38A;
	border-bottom:none;

}

#Header img { /* positions transparent GIF to use as a home link */
	float:left;
	width:320px;
	height:80px;
	border:none;
}

#Content {
	height:340px;
	width:714px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	background-repeat: no-repeat;
	background-position: left top;
	border:3px solid #C0A38A;
	border-top:none;
}

/* Makes the backgrounds vary per page */
#Home #Content { background-image: url(/base/images/presentation/BG-Home.jpg);}
#Philosophy #Content { background-image: url(/base/images/presentation/BG-Philosophy.jpg);}
#Contact #Content {	background-image: url(/base/images/presentation/BG-Contact.jpg);}
#Custom #Content { background-image: url(/base/images/presentation/BG-Custom.jpg);}
#Mitzvah #Content { background-image: url(/base/images/presentation/BG-Mitzvah.jpg);}
#Wedding #Content { background-image: url(/base/images/presentation/BG-Wedding.jpg);}
#Baby #Content { background-image: url(/base/images/presentation/BG-Baby.jpg);}
#Birthday #Content { background-image: url(/base/images/presentation/BG-Birthday.jpg);}
#GiftTags #Content { background-image: url(/base/images/presentation/BG-GiftTags.jpg);}
#NoteSets #Content { background-image: url(/base/images/presentation/BG-NoteSets.jpg);}
#DesignElements #Content { background-image: url(/base/images/presentation/BG-DesignElements.jpg);}
#Paper #Content { background-image: url(/base/images/presentation/BG-Paper.jpg);}
#Ribbon #Content { background-image: url(/base/images/presentation/BG-Ribbon.jpg);}
#PersonalTouches #Content { background-image: url(/base/images/presentation/BG-PersonalTouches.jpg);}

/* To format and position the link to samples */
#ViewSlide { display:block;}

#Sidebar {  
	width:170px;
	float:left; clear:left;
	text-align:left;
	padding:0px;
	margin:0px;
	border:none;
	}

/* Flyout menu stuff - must remain before Menu stuff below or the script will break */
		.anylinkcss{
			position:absolute;
			visibility: hidden;
			border:1px solid #ccc;
			z-index: 100;
			background-color: white;
			width: 185px;
			left: 550px;
			top: 136px;
		}
		
		.anylinkcss a {
			text-decoration:none; 
			width: 100%;
			display: block;
			text-indent: 10px;
			border-bottom:1px dotted #ccc;
			padding: 3px 0;
			color: #982E3E;
			text-decoration: none;
			font: normal 13px/16px "Century Gothic" arial, sans-serif;
		}
		
		.anylink1 a, .anylink2 a , .anylink3 a {color: #982E3E; }
		.anylinkcss a:hover{ background-color: #efefef; }
		.anylinkcss a:visited { color: #982E3E;	}
		
		/* Menu */
		#MenuWrapper {
			width:175px; 
			height:340px;
			padding:0px;
			margin:0px;
			font-family: "Century Gothic" arial, sans-serif;
		 	list-style-type:none; border:0px; } 
		
		#MenuWrapper ul { list-style-type:none; padding:0px; margin:0px; } 
		#MenuWrapper li { color:#fff; } 
		#MenuWrapper li.Sub { } 
		#MenuWrapper li { display:block; text-decoration:none;  text-align:left; margin-right:10px; } 

 		.MenuHeader {
			margin:10px 15px 8px 10px; 
			padding:0px; 
			font: normal 14px/1.6em "Century Gothic" arial, sans-serif; 
			text-align:right;
			display:block;
			color: #982E3E; }			
 		
	
/* Column 2 where content is located */ 
#Column2 { 
	width:540px; 
	height:340px; 
	float:right; 
	clear:right; 
	text-align:left; 
	padding:0px; 
	margin:0px; 
} 
	
		#Column2 #Copy { padding:10px 30px 0px 20px; }
				
		#Column2 #Left img { float:left; clear:right; padding:10px; padding-top:0px; } 
		

#Testimonial { margin-bottom:15px;}


/* Top Menu Bar */
#MenuBar { 
	margin: 0px 0px 0px 0px; 
	padding-top:40px; 
	text-align:right; 
	text-transform:none; 
	font: normal 14px "Century Gothic" arial, sans-serif; 
	letter-spacing: 1px; 
	} 
				#MenuBar ul {
					list-style:none;
					padding-right:20px;					
					margin:0px 0px 0px 0px;
				}
				#MenuBar li {
					display:inline;
					padding:2px 10px 2px 10px;
					border-left:1px solid #eee;
				}
				#MenuBar li.First {	border:none;}
				#MenuBar a { color:#eee;}
				#MenuBar a:hover { color:#ccc;}

/* Floats Images */
.ImgLeftFloater1 {float:left; padding:7px 10px 20px 10px;}
.ImgRightFloater1 {float:right; padding:7px 10px 20px 10px;}

/* Current page menu highlighter*/
#Home #Nav-Home a, #About #Nav-About a, #Contact #Nav-Contact a,  	{ 
	color:#f90;
}


/* Forms ----------------------------------- */
		Form {
			text-align:left;  
			margin:10px; 
			font-size:12px; }
		
		Form fieldset { border:1px solid #ccc; margin:15px; padding:15px; width:100%;}
		Form legend{ color:#999;}
		Form label { font-size:12px; text-align:right; margin-top:-2px; margin-right:5px; padding:10px;}
		Form input, textarea, select { border:1px #ccc solid; background-color:#fff;}
		Form select, option { font-size:12px; background-color:#fff; margin:10px;}
		
		.button /* Buttons are treated with a class since Ie doesn;t recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ font-size:10px; border:1px #cccccc solid; background-color:#eee;}
		
		.select /* Buttons are treated with a class since Ie doesn;t recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ font-size:10px; border:1px #fff solid; height:22px; background-color:#efefef;}
		
		.checkbox /* Checkboxes are treated with a class since Ie doesn;t recognize attribute selectors. Apply the checkbox class to all checkboxes. */ 
		{ border:0px; background-color:#fff;}
		
		.radio /* Radio buttons are treated with a class since IE doesn;t recognize attribute selectors. Apply the radio class to all radio buttons. */ 
		{ border:0px; background-color:#fff;}

/* Footer Styles -------------------------------------*/
#Footer {
	clear:both;
	width: 720px; height:30px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size: 10px; 
	text-align: left; 
	text-transform: none; 
	color:#666; 
	}
#Footer .Left {float:left; width:300px;}
#Footer .Right {float:right; text-align:right; width:300px;}
#Footer h1 { font: bold 12px/1.4em Tahoma, Helvetica, sans-serif; color:#ccc; border:0; margin:0px;}
#Footer address { }
#Footer a { text-decoration:none; font-weight:normal; color:#666;}
#Footer a:hover { text-decoration:none; color:#000;}