/*=======================================================
 CSS Document for Angelina Arcaco Couture
=======================================================*/

@import url("global.css");
@import url("thickbox.css");
@import url("cmxform.css");

/*=============================================================
	Main layout - container + contents
=============================================================*/

.container-bg { width: 100%; height: 100%; background: url('../images/bg-header.jpg') repeat-x 0 0; }
#container { width: 874px; height: auto; display: block; margin: 0 auto; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#mainpage { width: 830px; height: 590px; padding: 12px 24px 18px 20px; position: relative; z-index: 20; display: inline-block; clear: both; background: #000 url('../images/bg-frame.gif') no-repeat 0 0; }
#mainpage:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Logo
=============================================================*/

#logo { position: relative; top: 0; z-index: 40; width: 874px; padding: 0; height: 84px; display: block; clear: both; float: left; background: url('../images/logo.jpg') no-repeat 0 0; text-indent: -999em; }
body#homepage #logo { float: right; width: 380px; background: url('../images/logo-home.jpg') no-repeat 0 0; }

/*=============================================================
	Homepage flash & Innerpages banner
=============================================================*/

#flash, object#flash { position: absolute; z-index: 30; width: 510px; height: 693px; top: 0; left: auto; margin-left: -6px; top: -84px; display: block;}
#banner, #map { position:absolute; z-index: 30; width: 427px; height: 597px; left: auto; margin-left: -6px; top: 12px; display: block; }
#map { background: url('../images/banner1.jpg') no-repeat 0 0; }

/*=============================================================
	Contents area
=============================================================*/

#right-contents { float: right; position: relative; z-index: 50; display: block; width: 360px; height: 525px; padding: 25px 8px 0 20px; overflow: hidden; clear: both; }
/*bridal and evening*/
body#bridal-wear #right-contents, body#evening-wear #right-contents { clear: none; }
.textbox { display: block; width: 350px; height: 455px; padding-right: 10px; overflow: auto; }
#gallery { width: 410px; height: 510px; padding-top: 40px; margin: 20px 0 0 10px; overflow: hidden; float: left; background: #000 url('../images/heading-gallery.gif') no-repeat 0 0; }
#gallery-display { text-align: center; width: 400px; height: 500px; margin: 0; border: 5px solid #a78c6b; overflow: hidden; display: block; }
#gallery-display2 { text-align: center; width: 400px; height: 500px; margin: 0; padding: 5px; overflow: hidden; display: none; position: absolute; z-index: 100; top: 72px; left: auto; background: url('../images/loading.gif') no-repeat center center; }
/*homepage*/
body#homepage .textbox { width: 350px; height: 350px; }

/* Enquire button */
div#button-enquire {}

div#button-enquire a {
	width: 88px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/button-enquire.gif') 0 0 no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}

div#button-enquire a:hover {
	background: url('../images/button-enquire-on.gif') 0 0 no-repeat;
}

#hiddenModalContent h1 {
	font-size: 1.6em;
	color: #000000;
	margin-bottom: 20px;
}

.left {
	margin-top: -5px;
	font-style: italic;
}

.red { color: #a61717; }

.attention
{
	color:#FFF
}

/*=============================================================
	Navigation
=============================================================*/

ul#nav { list-style: none; margin: 0; padding: 0; width: 388px; height: 40px; float: right; display: inline-block; clear: both; }
ul#nav li { display: inline; float: left; margin-left: 12px; position: relative; z-index: 100; }
ul#nav a { height: 40px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -40px!important; }
a#navhome { background: url('../images/nav-home.jpg') no-repeat 0 0; width: 47px; }
a#navprofile { background: url('../images/nav-profile.jpg') no-repeat 0 0; width: 50px; }
a#navbridal { background: url('../images/nav-bridal.jpg') no-repeat 0 0; width: 80px; }
a#navevening { background: url('../images/nav-evening.jpg') no-repeat 0 0; width: 94px; }
a#navcontact { background: url('../images/nav-contact.jpg') no-repeat 0 0; width: 57px; }
/*on page hovered state*/
body#homepage a#navhome, body#profile a#navprofile, body#bridal-wear a#navbridal, body#evening-wear a#navevening, body#contact a#navcontact { background-position: 0 -40px!important; }

/*=============================================================
	Footer
=============================================================*/

#footer { width: 870px; height: auto; margin: 0 auto; padding: 20px 0; display: inline-block; background: url('../images/bg-footer.gif') repeat-x 0 2px; clear: both; }
#footer p { margin: 0; color: #fff; line-height: 20px; }
#footer a { color: #666; text-decoration: none;}
#footer a:hover { color: #af3333; text-decoration: none;}


body#contact h2.formlegend {margin-bottom: 0;}

/*=======================================================
 End of CSS Document for  Angelina Arcaco Couture
=======================================================*/