/*------------------------------------
About Vase Stylesheet
Version:  1.0
Website: www.aboutvaselittlerock.com
-------------------------------------*/

/* ----- LAYOUT ----- */

body {margin: 0; padding: 10px 0; background: url(/img/av_background.gif) repeat; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;}

#canvas {width: 844px; margin: 0 auto;}

h1 {width: 844px; height: 48px; margin: 0; padding: 0; background: url(/img/av_mp_flower_cap.gif) no-repeat; text-indent: -9999px;}

#left {float: left; width: 498px; height: 532px;}
#left .pics { width: 498px; height: 532px; padding: 0; margin:  0; z-index: -3;} 
#left .pics img {width: 498px; height: 532px; top: 0; left: 0; padding: 0; margin: 0;} 

#left-gallery {float: left; width: 498px; height: 532px; background: url(/img/av_int_gallery_body.gif) no-repeat 0px 109px;}
#left-gallery h2.weddings {width: 498px; height: 109px; padding: 0; margin: 0; background: url(/img/av_int_head_weddings.jpg) no-repeat; text-indent: -9999px;}
#left-gallery h2.arrangements {width: 498px; height: 109px; padding: 0; margin: 0; background: url(/img/av_int_head_arrangements.jpg) no-repeat; text-indent: -9999px;}
#left-gallery h3 {color: #DF5C67; font-weight: normal; margin: 15px 0 0 30px;}
#left-gallery .photo {float:left; display:inline; margin: 10px 20px 0 30px;}
#left-gallery .photo a img {border: 1px solid #A8A7A8; padding: 1px;}
#left-gallery #pages {padding: 10px 0; width: 496px; font-size: 0.85em; text-align: center; overflow: hidden;}
#left-gallery #pages a:link {border: 1px solid #A8A7A8; padding: 4px; color: #97578D; text-decoration: none;}
#left-gallery #pages a:visited {border: 1px solid #A8A7A8; padding: 4px; color: #97578D; text-decoration: none;}
#left-gallery #pages a:hover {border: 1px solid #A8A7A8; background: #EFEFEF; padding: 4px; color: #97578D; text-decoration: none;}

#right {float: right; width: 346px; min-height: 532px;}
#right #logo {width: 346px; height: 292px; background: url(/img/av_mp_logo.gif) no-repeat; clear: both;}
#right p {font-size: 0.9em; color: #7F7F7F; text-align: left; width: 326px; height: 176px; margin: 0; padding: 10px; line-height: 1.3em; background: url(/img/av_content_lower_right.gif) no-repeat; clear: both;}
#right a:link {color: #DF5C67; text-decoration: underline;}
#right a:visited {color: #E9904A; text-decoration: underline;}
#right a:hover {color: #97578D; text-decoration: none;}

a.facebook {padding: 4px 0 10px 30px;}
a.facebook:link {background: url(/img/facebook.png) no-repeat; color: #4765a0;}
a.facebook:visited {color: #4765a0;}
a.facebook:hover {color: #4765a0;}

#footer {width: 844px; height: 29px; background: url(/img/av_contact_footer.gif) no-repeat 189px 0; clear: both; text-indent: -9999px;}

/* ----- NAVIGATION ----- */

#nav {
    width: 346px; height: 44px;
	background-repeat: no-repeat;
    margin: 0; 
    padding: 0;
	z-index: 1;
	position: relative;
	clear: both;
	}

#nav dd {margin: 0; padding: 0; list-style: none;
float: left;
background-image: url(/img/av_nav.gif);
background-repeat: no-repeat;
position: relative;
z-index: 1;
}

#nav a.ir {background: url(/img/av_nav.gif) 0px 0px no-repeat;
display: block; 
height: 0;
padding-top: 44px;
overflow: hidden;
}

#nav dt {position: absolute; top: -200em;} 

dd#weddings {width: 93px;}
dd#arrangements {width: 131px;}
dd#contact {width: 122px;}

dd#weddings,#weddings a.ir {background-position: 0px 0px;}
dd#arrangements,#arrangements a.ir {background-position: -93px 0px;}
dd#contact,#contact a.ir {background-position: -224px 0px;}

#nav a.ir:hover, #nav dd.IEhover a.ir, #nav dd:hover a.ir {background: transparent none;}

#nav ul {
 	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	top: 44px;
	display: none;
	z-index: 1;
	border-bottom: 3px solid #97578D;
	}
	
*html #nav ul {margin: 0 0 0 0;}	

#nav li {width: 171px;
            position: relative;
			background: #F5F5F5;
			padding: 0 0 0 0; 
			margin: 0 0 0 0;
            border-top: 0px solid #C0C3BA;	
            border-right: 0px solid #C0C3BA;
            border-left: 0px solid #C0C3BA;
			border-bottom: 0px solid #454545;
            z-index: 1000;
            float: left; 
			clear: left;
		}
			

#nav li.alt {background: #DFDFDF;}

#nav li ul { left: 12px; font-weight: normal; }

#nav li a {display: block;
		padding-bottom:5px;
		padding-top:4px;
	    padding-left: 5px;
		padding-right:5px;		
		color: #E9904A; 
		font-size: 11px; 
		text-decoration: none; 
		font-weight: normal;
}

#nav li a:link {text-decoration: none;}
#nav li a:visited {text-decoration: none;}

* html #nav li a { zoom: 1; }

#nav li a:hover {
	font-weight: normal;
	text-decoration: none; 
	color: #fff;
	background: #D0E1BB;
}

#nav dd.IEhover ul, #nav dd:hover ul { display: block; }