/* @override http://antoninosalon.com/media/script/as_base.css */

/* @override http://antoninosalon.com/media/script/as_base.css */

/* @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;*/}



#entercontest {margin-top:270px;}

#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:156px; 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, #navblog	{ 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;}
#navblog	{ background:url(/media/images/sub_nav_sub4.gif) top left repeat-x; width:255px; }



#navteam a:hover, #navnews a:hover,

#navgal a:hover, #navloc a:hover, #navblog 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:15px 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 */

#backbttn a { position: absolute; top: 0px; text-decoration: none; background:#ebebe9; color:#483318; padding: 0 5px ;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px;  font-weight: bold;}




