/* Global styles - set the default behavior of standard HTML markup */
* { margin: 0; padding: 0; }
body { font-size: 62.5%; line-height: 160%; font-family: verdana, arial, sans-serif; color: #000; background-color: #D2D2D2; text-align: center; background-image: url(http://www.whiteorchidwedding.com/i/g/bg-p_grad2.gif); background-repeat: repeat-x; }
p { font-size: 1.1em; margin: 0 0 15px 0; }
div > p { margin-top: 0; }
ol { margin-left: 40px; margin-top: 10px; margin-bottom: 10px; font-size: 1.1em; }
ul { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; font-size: 1.1em; }
a:link, a:visited { color: #B26D01; text-decoration: none; }


a:hover, a:active { color: #FF9A03; text-decoration: underline; }
a img { border: 0; }
input, select, object { font-size: 1.1em; font-family: "Trebuchet MS", arial, helvetica, sans-serif; }
h1 { font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 1.0em; color: #000; margin-bottom: 12px; }
h2 { font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 1.6em; color: #B26D01; margin-bottom: 10px;}
h3 { font-family: arial, helvetica, sans-serif; font-size: 1.3em; color: #B26D01; }
h4 { font-family: arial, helvetica, sans-serif; font-size: 1.4em; }
h5 { font-size: 1.0em; font-weight: normal; margin-bottom: 15px; }
h6 { font-size: 0.9em; font-weight: normal; color: #C1985B; margin-bottom: 15px; }
h7 { font-size: 14px; font-weight: normal; margin-bottom: 15px; }

/* Define standard functional classes */
.clear { clear: both; }
.clearRight { clear: right; }
.clearLeft { clear: left; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.centerColumn img.noFormat { border: 0; background-color: transparent; padding: 0; margin: 0; }

/* Define site color palette */
.brown { color: #B26D01; }
.orange { color: #FF9A03; }
.brightOrange { color: #F90; }
.cream { color: #FAEEC6; }
.yellow { color: #FCFC00; }
.green { color: #1F4E2E; }
.brightGreen { color: #12941A; }
.black { color: #000; }
.white { color: #FFF; }

/* Master */
.master { width: 770px; margin: 0 auto; text-align: left; }

/* Masthead */
.masthead { background-image: url(http://www.whiteorchidwedding.com/i/m/ser_entertainment.jpg); background-repeat: no-repeat; height: 172px; }

/* Primary nav */
.primaryNavContainer { text-align: center; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 1.0em; height: 28px; }

.primaryNav { list-style: none; margin: 0 auto; padding: 0; width: 770px; }
.primaryNav li { float: left; position: relative; height: 28px; z-index: 100; }
.primaryNav li dl { position: absolute; top: 0; left: 0; padding-bottom: 0; }
.primaryNav li a:link, .primaryNav li a:visited { text-decoration: none; }
.primaryNav li dd { display: none; }
.primaryNav li a:hover { border: 0; }
.primaryNav li:hover dd, .primaryNav li a:hover dd { display: block; }
.primaryNav li:hover dl, .primaryNav li a:hover dl { padding: 0; }
.primaryNav table { border-collapse: collapse; margin: -1px; }
.primaryNav dl { margin: 0; padding: 0; background: transparent; }
.primaryNav dt { margin: 0; padding: 0; line-height: 26px; border-top: 0px solid #331000; background-color: #233170; }
.primaryNav dt.firstItem a:link, .primaryNav dt.firstItem a:visited, .primaryNav dt.firstItem a:hover, .primaryNav dt.firstItem a:active { background-image: none; }
.primaryNav dd { color: #fff; text-align: left; border-bottom: 1px solid #331000; border-left: 1px solid #312100; border-right: 1px solid #312100; }
.primaryNav dt a:link, .primaryNav dt a:visited { display: block; color: #FAEEC6; font-weight: bold; text-align: center; padding-right: 7px; background-image: url(/images/bullet_onBrown.gif); background-position: 4px 9px; background-repeat: no-repeat; height: 28px; }
.primaryNav dt a:hover, .primaryNav dt a:active { color: #FCFC00; font-weight: bold; background: #1F4E2E; background-image: url(/images/bulletSm_onGreen.gif); background-position: 4px 9px; background-repeat: no-repeat; height: 28px; }
.primaryNav dd a:link, .primaryNav dd a:visited { background: #FFF; color: #312100; text-decoration: none; display: block; text-align: left; padding: 2px 4px; }
.primaryNav dd a:hover, .primaryNav dd a:active { background: #1F4E2E; color: #FCFC00; padding: 2px 4px; }

/* Bottom nav */
.bottomNavContainer { text-align: center; margin-bottom: 15px; }
.bottomNavContainer ul.bottomNav { margin: 0; font-size: 1.0em; }
.bottomNavContainer ul.bottomNav li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #000; }
.bottomNavContainer ul.bottomNav li.firstItem { border: 0; }

/* Footer */
.footerContainer { text-align: center; }
.footerContainer ul.footer { color: #BCAC8A; background-color: #312100; margin: 0; border-top: 2px solid #C37700; font-size: 1.0em; }
.footerContainer ul.footer li { display: inline; line-height: 26px; padding: 0 2px; }
.footerContainer ul.footer li a:link, .footerContainer ul.footer li a:visited { color: #BCAC8A; text-decoration: none; }
.footerContainer ul.footer li a:hover, .footerContainer ul.footer li a:active { color: #FAEEC6; text-decoration: underline; }

/* */
.movie { 

}

/*	4.) =Header/Main Image
	------------------------------------------------- */
	

#logo a {
	background: url(http://whiteorchidwedding.com/i/g/logo.jpg) no-repeat;
	display:block;
	height: 111px;
	width: 326px;
	margin-left: 225px;
	text-indent: -9999px;
}


#logoDisplay {
	position:relative;
	top:-568px;
	left:15px;
}

#mainimg {}



span.category a {
	position: absolute;
	height: 14px;
	top:94px;
	right:13px;
}

#home span.category a 		{background: none;}
#about span.category a 		{background: url(http://whiteorchidwedding.com/i/g/title_about.gif) no-repeat; width: 56px;}
#gallery span.category a 	{background: url(http://whiteorchidwedding.com/i/g/title_gallery.gif) no-repeat;width: 67px;}
#premiere span.category a 	{background: url(http://whiteorchidwedding.com/i/g/title_premiere.gif) no-repeat;width: 74px;}
#features span.category a 	{background: url(http://whiteorchidwedding.com/i/g/title_features.gif) no-repeat;width: 75px;}
#packages span.category a 	{background: url(http://whiteorchidwedding.com/i/g/title_packages.gif) no-repeat;width: 82px;}
#receptions span.category a {background: url(http://whiteorchidwedding.com/i/g/title_receptions.gif) no-repeat;width: 95px;}
#services span.category a 	{background: url(http://whiteorchidwedding.com/i/g/title_services.gif) no-repeat;width: 72px;}
#locations span.category a  {background: url(http://whiteorchidwedding.com/i/g/title_locations.gif) no-repeat;width: 90px;}
#order span.category a 		{background: url(http://whiteorchidwedding.com/i/g/title_order.gif) no-repeat;width: 54px;}


/*	1.) =Master
	------------------------------------------------- */

html {height: 100%;}	

body{font:1em Verdana,Helvetica,sans-serif;text-align:center;background:#a19388 url(http://whiteorchidwedding.com/i/g/bg-m_gradient.jpg) repeat-x 0px 0px;height:100%;}



/* ----- Layout ----- */


#container {
	margin: 40px auto 50px;
	width: 780px;
	text-align: left;
	position: relative;
	min-height: 100%;
}
* html #container {	height: 100%; }



/* ----- primaryContent ----- */

#primaryContent {
	background: #b0a094 url(http://whiteorchidwedding.com/i/g/bg-primary.gif);
	position: relative;
	top: 39px;
	left: 11px;
	width: 513px;
	padding: 15px 27px 150px 27px;
}	
#primaryContent.noPrimary {
	position: relative;
	top: 29px;
	left: 12px;
	width: 780px;
	background: none;
	padding: 0px;
}	

#primaryContent ul {
	border-top: 1px solid #a09187;
	list-style:none;
	margin-left: 5px;
	background: url(http://whiteorchidwedding.com/i/g/bg-bulletlist.gif) repeat-y;
	width:90%;
}


#primaryContent ul li {
	margin-left: 0px;
	padding:5px 10px;
	border-bottom: 1px solid #a09187;
}


#home #primaryContent {
	background: #b0a094 url(http://whiteorchidwedding.com/i/g/bg-primary2.gif);
	position: relative;
	width: 698px;
	top:-125px;
}	
#home span.primarytop {
	background: url(http://whiteorchidwedding.com/i/g/bg-p_grad2.gif) repeat-x;
	width: 750px;

}
#home span.primarybtm {
	background: none ;
}

#home img.rightintro {
position:relative;
left:550px;
margin:0 0 -30px 0px;
}



#leftcol {	width: 328px;}

#rightcol {
	position:absolute;
	width: 175px;
	top:25px;
	right: 0px;
}

span.primarytop {
	background: url(http://whiteorchidwedding.com/i/g/bg-p_grad.gif) repeat-x;
	width: 567px;
	position: absolute;
	height: 35px;
	top: 0px;
	left: 0px;

}
span.primarybtm {
	background: url(http://whiteorchidwedding.com/i/g/bg-p_btmgrad.jpg) repeat-x;
	width: 567px;
	position: absolute;
	height: 93px;
	left: 0px;
	bottom: 0px;

}

span.subcolbg {
	background: url(http://whiteorchidwedding.com/i/g/bg-p_subcol.jpg) no-repeat;
	height: 289px;
	width: 27px;
	position: absolute;
	top:60px; left:360px;

}


/* ----- Main Images ----- */


#mainimg {height: 367px;width: 750px;position:relative;top: -36px;left:15px ;}


#home #mainimg {background: url(http://whiteorchidwedding.com/i/m/home.jpg) no-repeat;}

/* About */

#about #mainimg {background: url(http://whiteorchidwedding.com/i/m/abo_main.jpg) no-repeat;}

/* Services */


#services 					#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_main.jpg) no-repeat;}

#services.makeup			#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_makeup.jpg) no-repeat;}
#services.entertainment 	#mainimg 	{background: url(http://whiteorchidwedding.com/i/m/ser_entertainment.jpg) no-repeat;}
#services.attire 			#mainimg 	{background: url(http://whiteorchidwedding.com/i/m/ser_attire.jpg) no-repeat;}
#services.fortheguys		#mainimg 	{background: url(http://whiteorchidwedding.com/i/m/ser_fortheguys.jpg) no-repeat;}
#services.forthegals 		#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_forthegals.jpg) no-repeat;}
#services.spa	 			#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_spa.jpg) no-repeat;}
#services.transportation 	#mainimg 	{background: url(http://whiteorchidwedding.com/i/m/ser_transportation.jpg) no-repeat;}
#services.photo 			#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_photo.jpg) no-repeat;}
#services.beauty 			#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_beauty.jpg) no-repeat;}
#services.video 			#mainimg	{background: url(http://whiteorchidwedding.com/i/m/ser_video.jpg) no-repeat;}
#services.floral 			#mainimg 	{background: url(http://whiteorchidwedding.com/i/m/ser_floral.jpg) no-repeat;}

/*	5.) =Navbar
	------------------------------------------------- */
	
#navigation {
	background: url(http://whiteorchidwedding.com/i/g/bg-nav_grad.gif) repeat-x;
	position: relative;
	top: 395px;
	left: 15px;
	width: 750px;
	height: 50px;
}	


#gallery #navigation, body.view #navigation {
	background: url(http://whiteorchidwedding.com/i/g/bg-nav_grad.gif) repeat-x;
	position: relative;
	top: 555px;
	left: 15px;
	width: 750px;
	height: 50px;
}	



#navigation li {
	list-style: none;
	float: left;
	height: 50px;
	margin: 8px 0 0 0;
}

#navigation ol {
position:absolute;
}



#navigation ol.menu li a {
	display: block;
	height:41px;
	text-indent:-9999px;
	margin-top:-15px;
	position:absolute;
}



ol.menu li.menuabout a {width: 75px;background: url(http://whiteorchidwedding.com/i/n/abo1.gif) no-repeat 50% 50%;left:0px;}
ol.menu li.menuabout a:hover, #about ol.menu li.menuabout a {background: #a4958a url(http://whiteorchidwedding.com/i/n/abo2.gif) no-repeat 50% 50%;}

ol.menu li.menugallery a {width: 76px;background: url(http://whiteorchidwedding.com/i/n/gal1.gif) no-repeat 50% 50%;left:75px;}
ol.menu li.menugallery a:hover, #gallery ol.menu li.menugallery a {background: #a4958a url(http://whiteorchidwedding.com/i/n/gal2.gif) no-repeat 50% 50%;}

ol.menu li.menupremiere a {width: 83px;background: url(http://whiteorchidwedding.com/i/n/pre1.gif) no-repeat 50% 50%;left:151px;}
ol.menu li.menupremiere a:hover, #premiere ol.menu li.menupremiere a {background: #a4958a url(http://whiteorchidwedding.com/i/n/pre2.gif) no-repeat 50% 50%;}

ol.menu li.menufeatures a {width: 84px;background: url(http://whiteorchidwedding.com/i/n/fea1.gif) no-repeat 50% 50%;left:234px;}
ol.menu li.menufeatures a:hover, #features ol.menu li.menufeatures a {background: #a4958a url(http://whiteorchidwedding.com/i/n/fea2.gif) no-repeat 50% 50%;}

ol.menu li.menupackages a {width: 89px;background: url(http://whiteorchidwedding.com/i/n/pac1.gif) no-repeat 50% 50%;left:318px;}
ol.menu li.menupackages a:hover, #packages ol.menu li.menupackages a {background: #a4958a url(http://whiteorchidwedding.com/i/n/pac2.gif) no-repeat 50% 50%;}

ol.menu li.menureceptions a {width: 96px;background: url(http://whiteorchidwedding.com/i/n/rec1.gif) no-repeat 50% 50%;left:407px;}
ol.menu li.menureceptions a:hover, #receptions ol.menu li.menureceptions a {background: #a4958a url(http://whiteorchidwedding.com/i/n/rec2.gif) no-repeat 50% 50%;}

ol.menu li.menulocations a {width: 88px;background: url(http://whiteorchidwedding.com/i/n/loc1.gif) no-repeat 50% 50%;left:503px;}
ol.menu li.menulocations a:hover, #locations ol.menu li.menulocations a {background: #a4958a url(http://whiteorchidwedding.com/i/n/loc2.gif) no-repeat 50% 50%;}

ol.menu li.menuservices a {width: 81px;background: url(http://whiteorchidwedding.com/i/n/ser1.gif) no-repeat 50% 50%;left:591px;}
ol.menu li.menuservices a:hover, #services ol.menu li.menuservices a {background: #a4958a url(http://whiteorchidwedding.com/i/n/ser2.gif) no-repeat 50% 50%;}

ol.menu li.menuorder a {width: 78px;background: url(http://whiteorchidwedding.com/i/n/ord1.gif) no-repeat 50% 50%;left:672px;}
ol.menu li.menuorder a:hover, #order ol.menu li.menuorder a {background: #a4958a url(http://whiteorchidwedding.com/i/n/ord2.gif) no-repeat 50% 50%;}



#intro #navigation {display:none;}