/* @override http://antoninosalon.com/media/script/as_base.css */

/**************************
Copyright 2007
Formcode llc
http://formcode.com
**************************/
/*@import url("http://formcode.com/external/asrequired.css");*/
	
/* -- GENERAL REDECLARATIONS ---------------------------------------- */

html, body 			{ height:100% }
body				{ margin:0;padding:0; background:#e3e0d9; color:#271c0d; font-size:11px; line-height: 1.3em; font-family:"Trebuchet MS", Verdana, Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif; background-image: url(/media/images/as_body_bg3.gif); background-repeat: repeat-y;}
a					{ color:#483318; }
h2					{ font-size:22px; }
h3					{ font-size:18px; }
h4					{ font-size:14px; }
h1, h2, h3, h4, h5		{ font-family:HelveticaNeue-Light, "Helvetica Neue Light", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif; color:#483318;line-height: 0.9em; font-weight:normal;}
.sml				{ font-size:90%; }
.smlr				{ font-size:80%; }

/* -- GLOBALS ------------------------------------------------------- */

.clr 				{ clear:both;}
.x					{ display:none; }
.morelink			{ font-size:9px; color:#483318; font-weight:bold; font-family:Verdana, arial, Helvetica,  Geneva, sans-serif;}
.imgbrdr			{ border:1px dotted #cac4ba; padding:1px;}
.imgpara			{ border:1px dotted #c4cdda; float:right; margin:-8px 0 16px 8px; padding:1px; clear:right;}
.imgparaSpcl		{ float:right; margin:-8px -5px 16px 8px; clear:right;}
.imgparaFull		{ border:1px dotted #c4cdda;  margin:8px 0 0px; padding:1px; }
#imginsideWrap		{ margin:0 -10px 0px 3px;}
#imginsideWrap #fullimg 	{width:447px; height:297px;}
.imginside			{ margin:8px 9px 0px 0px; display:block; width:104px; float:left; text-align:center;}
.imginsideR			{ margin:8px 0px 0px 0px; display:block; width:104px; float:left; text-align:center;}
.imginside img, .imginsideR	img	{ border:1px dotted #c4cdda; padding:0px; }
.imginside img:hover, .imginsideR img:hover	{ border:1px solid #483318; padding:0px; }

/* -- ID'S ---------------------------------------------------------- */

#wrap 				{ width:100%; height:100%; background-color:#e3e0d9; background-image: url(/media/images/rightside_image.jpg); background-repeat: no-repeat; background-position:709px 200px;}
#topsection			{ height:5px; background:#acaba0; background: transparent url(/media/images/topbar_bg2.gif) top left repeat-y;}
#maincontentwrap	{ width:709px; height:100%; background:#e3e0d9 url(/media/images/as_body_bg3.gif) repeat-y left top;}
#leftcolumn			{ width:255px;/*270*/ float: left; height:100%; background: url(/media/images/antonino_logo_subbg.jpg) no-repeat top left;}
#contentcolumn		{ width:454px;/*514*/ float: left; height:100%; padding-top:11px; }
#girldiv			{ position:absolute; z-index:2; left:709px;/*784*/ top:0px;}

/* -- SPECIFICS ----------------------------------------------------- */

.logobump			{ margin-top:-6px;}



/* -- HOME ELEMENTS ----------------------------------------------------- */
body.ashome			{ background-image: url(/media/images/home/home_image-bg.jpg); background-repeat: no-repeat; }
#container			{ width:100%; height:100%; background-image: url(/media/images/home/home_cen_tile.gif); background-repeat: repeat-x; background-position:0px 370px;}

#leftnav			{ float: left; width:295px; margin: 0; padding:0; height:100%; /*background-image: url(/media/images/home/home_cen_tile.gif); background-repeat: repeat-x; background-position:0px 460px;*/}
#rightnav			{ float: right; width:231px; margin: 0; padding:0; height:100%; height:690px; background-image: url(/media/images/home/home_girl_img.jpg); background-repeat: no-repeat; background-position:right 163px; }
#content			{ margin-left:295px; margin-right:231px; margin: 0; padding:0; height:100%; height:690px; /* background-image: url(/media/images/home/home_cen_tile.gif); background-repeat: repeat-x; background-position:0px 460px;*/}


#logohome			{ width:295px;/*270*/ height:368px; background: url(/media/images/home/home_image-logo.jpg) no-repeat top left; }
#leftnav #subnav	{/* margin-top:98px;*/ }
#leftnav #subnav	{ width:265px; height:151px; background:url(/media/images/home/home_nav_bg.jpg) top left no-repeat; background-position:0 -70px;}
body.ashome #footer	{ margin-top:115px; border-color:#e3e0d9; }

/* -- SPECIFIC DETAIL ELEMENTS -------------------------------------- */

/*LEFT MAIN NAV ROW 1*/
#logo				{ width:255px;/*270*/ height:315px; background: url(/media/images/antonino_logo_sub.jpg) no-repeat center top; }
a#logo2 			{ background: url(/media/images/antonino_logo_sub.jpg) no-repeat top left; display:block; height: 315px; width: 255px; text-indent: -9999px } 
#subnav				{ background:url(/media/images/sub_nav_bg.gif) top left no-repeat; height:124px; width:255px;}
#subnav a			{ text-decoration:none; color:#fff; }

#navsalon			{ background:url(/media/images/sub_nav_salon.gif) top left no-repeat; display:block;}
#navspa				{ background:url(/media/images/sub_nav_spa.gif) top left no-repeat; margin-left:9px; display:block;}

#navsalon, #navspa	{ float:left; display:block; height:40px; width:123px; text-align:center;padding:0;margin-bottom:28px; font-weight:normal; font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif;  font-size:26px; color:#fff;}
#navsalon .txt, #navspa	.txt { margin:12px auto ; display:block;}
#navsalon .txt a:hover, #navspa .txt a:hover	{ border-bottom: 1px dotted #fff; color:#ccc6bb;}

/*LEFT MAIN NAV ROW 2*/
#navteam			{ background:url(/media/images/sub_nav_sub1.gif) top left no-repeat; }
#navnews			{ background:url(/media/images/sub_nav_sub2.gif) top left no-repeat; margin-left:9px;}
#navgal				{ background:url(/media/images/sub_nav_sub3.gif) top left no-repeat; }
#navloc				{ background:url(/media/images/sub_nav_sub4.gif) top left no-repeat; margin-left:9px;}
#navteam, #navnews,
#navgal, #navloc	{ float:left; height:24px; width:123px; text-align:center; padding:5px 0 0; margin-top:3px; font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, "Lucida Grande", Geneva, Verdana, sans-serif;  font-size:15px; color:#fff; font-weight:normal;}

#navteam a:hover, #navnews a:hover,
#navgal a:hover, #navloc a:hover	{color:#483318;  border-bottom: 1px dotted #483318;}

/*LEFT GALLERY LINK*/
#subgallery			{ background: url(/media/images/sub_photo.gif) no-repeat top center;}
#subgallery	p		{ height:130px; width:255px;}
#subgallery p b		{ display:none; }

a#subgallery2 { background: url(/media/images/sub_photo.gif) no-repeat top center; display:block; height:130px; width:255px; text-indent: -9999px } 



/*LEFT BEAUTY TIP*/
#subtip				{ width:255px; background: url(/media/images/sub_tip_mid_tile.gif) repeat-y top center;  padding:0; margin:10px 0 0;}
#tip				{ background: url(/media/images/sub_tip_top-3.gif) no-repeat top center; padding:0; margin:0; display:block;}
#tip p				{ padding:45px 50px 10px 57px; margin:0 0 -10px; font-size:11px; line-height: 1.2em;}
#tip p b			{ display:none; }
#tip p strong		{font-family:Georgia, "Times New Roman", Times, serif}
#tipbot				{ height:29px; background: url(/media/images/sub_tip_bot2.gif) no-repeat top center; }

/*FOOTER*/
#footer				{ font-size:10px; width:182px; margin:15px 0 0 34px; border-top:1px dotted #cac4ba;}
#footer	p			{ text-align:center; margin:0; padding:0; line-height: 1.2em;}
#footer a			{ text-decoration:none;}
#footer a:hover		{ text-decoration:underline;}

/*SECONDARY NAV*/
.sub h1				{ font-size:35px;  font-weight:normal; margin:auto auto 0 0px; ;color:#c9c4b9; }/*margin:auto -5px 0 -10px; color:#E5E2DB; display:block; padding-top:20px;  overflow:hidden;*/
.sub h1	a			{ text-decoration:none;  color:#c9c4b9;}

#topnav { background:#483318;color:#fff; font-size:11px; padding:8px 10px 6px 15px; margin-top:0px; font-family:"Lucida Grande",Helvetica,  Geneva, Verdana, sans-serif;}
#hmebttn {position:relative; z-index:10; float:left; display:block; width:23px; margin:0px 0 0 -12px; }
#subnvwrap { border:0px solid;}

#topnav a			{ color:#fff; text-decoration:none;}
#topnav a:hover		{ text-decoration:underline;}

#subbody			{ padding:20px 20px 5px; }

/* Hides from IE-mac \*/
* html #subbody			{ padding:20px 10px 5px; }
/* End hide from IE-mac */

#columnLtxt 		{ float:left; width:195px; text-align:left;}
#columnL 			{ float:left; width:195px; text-align:center;}
#columnR 			{ float:right; width:195px; text-align:center;}
#columnRtxt 		{ float:right; width:195px; text-align:left;}
#subbody p.detail	{ display:block; width:245px;}
#subbody p.detail2	{ display:block; width:285px; padding-bottom:10px;}
#subbody a, #subbody strong,  #subbody b {font-family:"Trebuchet MS"; font-size:105%;}
.sub h2				{ font-weight:normal; margin-bottom:20px;}
.sub h3				{ font-weight:normal; margin-bottom:15px;}
.sub h4				{ font-weight:normal; margin-bottom:10px;}
#subbody p 			{ margin-top: 0; }
.subbodyimg			{ float:right; width:150px; margin: 8px 0 ;clear: right;}
.subbodyimg	p		{ line-height:97%; padding-top:5px;}

/*NEWS*/
#news 				{float:left; width:205px; padding-right:5px; border-right: 0px dotted #d1ccc3;}
#media #newsletter 	{ margin-bottom:5px; }
#media #newsletter  { height:auto; padding:3px; background:#f2f2f2; border:1px dotted #d1ccc3; }
#media 				{float:right; width:195px;}
#news h3, #media h3 {margin:0 0 5px;}


/* NEWS DATE*/
.date 				{ width: 31px; text-align: center; float: left; display:block; border:1px solid #CCCCCC; margin:auto 4px auto 0; }
.date span 			{ display: block; padding: 2px 0; }
.date .day 			{ font-weight: bold; background-color: #fff; }
.date .month 		{ color: #fff; font-weight:bold; background-color: #c4bdb2; }
.year				{ display: block; margin:10px 0 10px; padding: 0 0px 0 10px; font-weight: bold;}

.ndetail			{ display:block; float: left; width:150px; }
.morelink 			{/*clear:left;*/}
.news-summary		{ }

/* NEW NEWS*/
.newsDate			{ color:#483318; font-family:Georgia, "Times New Roman", Times, serif}
.newsHL				{ font-size:115%;  margin:0; padding:1px 2px; display:block; border-bottom:0px solid #817a6f;display:block; background:#e8e5e0;}
.newsdetail			{ display:block; padding:3px 5px 20px 2px; margin:0;}

/*salon services*/
div#menu{width:350px;margin: 0 auto;font-size: 100%;text-align:left;}
div#menu h2{ display:block; margin: 1em auto 0.3em;color: #665f4d;font-size: 130%;text-align:center;background: #e4e7ec; border-top:1px solid #fff; border-bottom:1px solid #ccc;padding:3px 0 2px;}

div#menu dl{width: 100%;overflow: auto;margin: 0 0 .1em; background: url(/media/images/dot.gif) repeat-x 0 1.1em;overflow:auto;_overflow:visible; }
div#menu dt{float: left;padding:0 3px 0 0; margin:0; color: #483318; background: #f8f7f5; }
div#menu dd{margin:0;}
div#menu dd.price{float: right;padding-left: 3px;background: #f8f7f5;font-size: 100%; text-align:right;}
div#menu dt i, div#menu dd.price i{font-size: 90%; color:#786d62; font-weight:normal;}
div#menu dd.detail{float: left;width: 100%;padding:0; margin:0 0 8px; font: 90% Verdana, arial, Helvetica,  Geneva, sans-serif;}

/* inside salon */
#imginsideWrap {text-align:center}

#sideimgs {display:block; margin:0 auto; width:385px; text-align:center;}
#sideimgs img {float:left; margin-right:2px;}
#sideimgs a {text-decoration:none;}

#fullimg, #fullimg2{ margin:0 auto;display:block; text-align:center;}
#fullimg2{ clear:left;}
.imgflt {xfloat:left}
 
 
/*locations*/
div.locat#subbody  h3 {display:block; margin: 0 auto 0.3em;color: #665f4d;font-size: 130%;background: #f2f1ed; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
p.phone {font: 150% Verdana, arial, Helvetica,  Geneva, sans-serif; width:auto; margin:0 2px;}
p.email {Verdana, arial, Helvetica,  Geneva, sans-serif; width:auto; margin:0 2px;}

.locat dl{width: 100%;overflow: auto;margin: 0 0 .1em; background: url(/media/images/dot.gif) repeat-x 0 1.1em;overflow:auto;_overflow:visible; }
.locat dt{float: left;padding:0 3px 0 0; margin:0; color: #483318; background: #f8f7f5; }
.locat dd{margin:0;float: right;padding-left: 3px;background: #f8f7f5;font-size: 100%; text-align:right;}


/*gallery*/
.directory_index 	{ float:left; }
.navigation			{ clear:left; margin:20px auto 0;text-align:center; width:410px;}
.count  			{ margin:5px auto 0;text-align:center; width:410px;}

/*topnav float fix*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/*more gallery*/
.floatholder {

border: 0px solid #000;

margin: 0 0 0 -5px;

text-decoration:none;

}



.floatbox {

float: left;

width: 130px;

height: 120px;

margin: 0px 3px;

text-align: center;



}

.floatbox .img{

width: 130px;

height: 98px;

display:block;

margin-bottom: 4px;

text-decoration:none;

background-color:#ffffff;

padding:2px;

border:1px solid #dddddd;



}

.floatbox .img a{

text-decoration:none;

}



/* hide from IE-mac \*/

* html .hollyhack {height: 1%;}

/* end hide */