/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset,table
{
margin:0;
padding:0;
border:0 none;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body
{
background:#492354 url(../images/art/bg.jpg) 0 0 repeat-x;
text-align:center;
}
table td{vertical-align:top;}
#wrap
{
width:985px;
margin:0 auto;
text-align:left;
}
#header
{
width:985px;
height:72px;
}
#header h1
{
width:333px;
height:151px;
background:url(../images/art/logo.jpg) 0 0 no-repeat;
position:absolute;
top:0;
left:12px;
z-index:1000;
}
#header h1 a
{
width:333px;
height:151px;
display:block;
}
#header h1 span{display:none;}
#header ul
{
width:620px;
list-style:none;
float:right;
display:inline;
margin:30px 22px 0 0;
}
#header ul li
{
font:12px Arial, Helvetica, sans-serif;
color:#ff99cc;
line-height:14px;
float:left;
display:inline;
}
#header ul li a
{
color:#ff99cc;
text-decoration:none;
margin:0 10px;
}
#header ul li a:hover{text-decoration:underline;}
#header a.online
{
width:80px;
height:80px;
background:url(../images/btn-online.jpg) 0 0 no-repeat;
position:absolute;
z-index:1000;
top:59px;
right:114px;
}
#header a.online span{display:none;}
#header div{position:relative;}
#content{width:985px;}
.content-top
{
width:985px;
height:8px;
background:#fff url(../images/art/content-bg.jpg) 0 0 no-repeat;
}
.content-bottom
{
width:985px;
height:12px;
background:#fff url(../images/art/content-bottom.jpg) 0 bottom no-repeat;
clear:both;
}
#banner
{
width:985px;
background:#fff url(../images/art/content-bottom.jpg) 0 bottom no-repeat;
padding:15px 0 20px 0;
margin:0 0 10px 0;
}
#banner h1
{
font:36px Arial, Helvetica, sans-serif;
color:#666;
line-height:38px;
text-align:right;
}
#banner h2
{
font:bold 15px Arial, Helvetica, sans-serif;
color:#666666;
line-height:18px;
margin:0 0 0 354px;
}
#banner h3
{
font:bold 16px Arial, Helvetica, sans-serif;
color:#ff33cc;
margin:-10px 20px 10px 0;
}
#banner p
{
font:12px Arial, Helvetica, sans-serif;
color:#666;
line-height:18px;
margin:0 20px 15px 0;
}
#banner p a
{
color:#ff33cc;
text-decoration:none;
float:right;
display:inline;
}
#banner p a:hover{text-decoration:underline;}
#banner a.collection
{
width:116px;
height:34px;
background:url(../images/btn-collection.jpg) 0 0 no-repeat;
font:11px Arial, Helvetica, sans-serif;
color:#666;
padding:23px 0 0 80px;
display:block;
float:left;
display:inline;
margin:0 0 0 8px;
}
#banner div.title
{
width:650px;
z-index:1;
float:left;
display:inline;
background:url(../images/title-bg.jpg) right 0 no-repeat;
margin:0 0 0 10px;
padding:0 20px 0 0;
}
#banner div.title p
{
text-align:right;
margin:0;
}
#banner a.tooltip
{
position:relative; /*this is the key*/
z-index:24;
border:none;
}
#banner a.tooltip strong{color:#ff33cc;}
#banner a.tooltip:hover
{
z-index:25;
text-decoration:none;
}
#banner a.tooltip span{display: none}
#banner a.tooltip:hover span
{ /*the span will display just on :hover state*/
width:249px;
height:121px;
padding:36px 14px 0 14px;
background:#fff url(../images/tooltip-bg.jpg) 0 0 no-repeat;
font:11px Arial, Helvetica, sans-serif;
display:block;
position:absolute;
top:-40px;
left:0;
color:#000;
}
#banner a.tooltip:hover span.pink
{
width:auto;
height:auto;
background:none;
border:none;
position:relative;
padding:0;
text-align:right;
margin:0 10px 0 0;
color:#ff33cc;
top:15px;
}
#banner a.tooltip img{border:none;}
div.slider-wrap{margin:50px 0 40px 0;}
#bottom
{
width:985px;
background:#fff url(../images/art/content-bg.jpg) 0 0 no-repeat;
}
#bottom h1
{
font:24px Arial, Helvetica, sans-serif;
color:#666;
line-height:26px;
margin:0 0 15px 0;
}
#bottom p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:14px;
margin:0 0 20px 0;
}
#bottom a.read-more
{
font:11px Arial, Helvetica, sans-serif;
line-height:14px;
color:#ff33cc;
background:url(../images/btn-read-more.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
}
#bottom div.news
{
width:323px;
float:left;
display:inline;
padding:0 74px 0 0;
margin:25px 4px 10px 30px;
background:url(../images/news-bg.jpg) right 0 repeat-y;
}
#bottom div.news2
{
width:323px;
float:left;
display:inline;
padding:0 74px 0 0;
margin:25px 4px 10px 30px;

}
#bottom div.look-book
{
width:538px;
float:left;
display:inline;
margin:20px 0 10px 0;
}
#bottom div.look-book p{font-size:12px;}
#bottom div.look-book img
{
float:left;
display:inline;
margin:0 25px 0 0;
}

#bottom div.look-book2
{
width:538px;
float:left;
display:inline;
margin:25px 0 10px 0;
}
#bottom div.look-book2 p{font-size:12px;}
#bottom div.look-book2 img
{
float:left;
display:inline;
margin:0 25px 0 0;
}

#bottom a.facebook, #bottom a.twitter, #bottom a.linkedin, #bottom a.blogger
{
height:16px;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#cc33cc;
line-height:13px;
text-decoration:none;
float:left;
display:inline;
padding:2px 0 2px 25px;
margin:0 20px 0 0;
}
#bottom a.facebook{background:url(../images/ico-facebook.jpg) 0 0 no-repeat;}
#bottom a.twitter{background:url(../images/ico-twitter.jpg) 0 0 no-repeat;}
#bottom a.linkedin{background:url(../images/ico-linkedin.jpg) 0 0 no-repeat;}
#bottom a.blogger{background:url(../images/ico-blogger.jpg) 0 0 no-repeat;}
#bottom div.follow
{
width:295px;
background:url(../images/follow-bg.jpg) 0 0 repeat-x;
padding:25px 0 0 0;
margin:15px 0 0 0;
}
#bottom2 div.follow
{
width:395px;
background:url(../images/follow-bg.jpg) 0 0 repeat-x;
padding:25px 0 0 0;
margin:15px 0 0 0;
}

#main
{
width:985px;
background:#fff url(../images/art/content-bg.jpg) 0 0 no-repeat;
}
#left
{
width:295px;
padding:118px 0 0 30px;
}
#left h1
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#ff33cc;
line-height:16px;
margin:0 0 20px 0;
}
#left h2
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#ff33cc;
line-height:14px;
margin:16px 0 13px 35px;
}
#left p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:14px;
margin:0 0 5px 0;
}
#left a.view-all
{
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
text-decoration:none;
background:url(../images/btn-read-more.jpg) 0 2px no-repeat;
padding:0 0 2px 15px;
}
#left ul
{
width:295px;
list-style:none;
background:url(../images/follow-bg.jpg) 0 bottom repeat-x;
padding:0 0 20px 0;
}
#left ul li
{
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
line-height:14px;
margin:0 0 10px 0;
}
#left ul li a
{
color:#666;
text-decoration:none;
}
#left ul li a:hover{text-decoration:underline;}
#left ul ul
{
width:auto;
margin:10px 0 30px 0;
padding:0;
background:none;
}
#left ul li li
{
font-weight:normal;
background:url(../images/bullet.jpg) 0 4px no-repeat;
padding:0 0 0 15px;
margin:0 0 5px 0;
}
#left a.facebook, #left a.twitter, #left a.linkedin, #left a.blogger
{
height:16px;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#cc33cc;
line-height:13px;
text-decoration:none;
float:left;
display:inline;
padding:2px 0 2px 25px;
margin:0 20px 0 0;
}
#left a.facebook{background:url(../images/ico-facebook.jpg) 0 0 no-repeat;}
#left a.twitter{background:url(../images/ico-twitter.jpg) 0 0 no-repeat;}
#left a.linkedin{background:url(../images/ico-linkedin.jpg) 0 0 no-repeat;}
#left a.blogger{background:url(../images/ico-blogger.jpg) 0 0 no-repeat;}
#left div.follow
{
width:295px;
background:url(../images/follow-bg.jpg) 0 0 repeat-x;
padding:25px 0 0 0;
margin:15px 0 0 0;
}
#left div.follow2
{
width:295px;
padding:25px 0 0 0;
margin:15px 0 0 0;
}
#right
{
width:572px;
padding:20px 58px 100px 18px;
}
#right h1
{
font:36px Arial, Helvetica, sans-serif;
color:#666;
line-height:38px;
margin:0 0 18px 0;
}
#right h2
{
font:bold 15px Arial, Helvetica, sans-serif;
color:#666666;
line-height:18px;
margin:0 0 70px 0;
}
#right h3
{
font:bold 14px Arial, Helvetica, sans-serif;
color:#666;
line-height:16px;
margin:0 0 10px 0;
}
#right p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:16px;
margin:0 0 20px 0;
}
#right p a
{
color:#ff33cc;
text-decoration:none;
}
#right p a:hover{text-decoration:underline;}
#right a.online
{
width:80px;
height:80px;
background:url(../images/btn-online.jpg) 0 0 no-repeat;
position:absolute;
z-index:1000;
top:-33px;
right:55px;
}
#right a.online span{display:none;}
#right form
{
width:335px;
background:#f2f2f2;
border:1px solid #c5c5c5;
padding:10px;
clear:both;
float:left;
display:inline;
margin:20px 0 0 0;
}
#right form p{margin-bottom:10px;}
#right div.outer{position:relative;}
#right div.details
{
width:529px;
height:133px;
padding:23px 0 0 36px;
background:url(../images/details-bg.jpg) 0 0 no-repeat;
margin:0 0 30px 0;
}
#right div.details p
{
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:13px;
margin:0 0 18px 0;
}
#right div.details p strong{color:#ff33cc;}
#right div.details p a
{
color:#ff33cc;
text-decoration:none;
}
#right div.details p a:hover{text-decoration:underline;}
#right div.details img
{
float:left;
display:inline;
margin:0 15px 0 0;
}
#right div.lft
{
width:112px;
padding:23px 23px 10px 0;
margin:0 13px 0 0;
float:left;
display:inline;
background:url(../images/dots.jpg) right 0 repeat-y;
}
#right div.rgt
{
width:220px;
float:left;
display:inline;
padding:23px 0 0 0;
}
#footer
{
width:985px;
height:56px;
clear:both;
padding:20px 0 0 0;
}
#footer p
{
height:25px;
padding:15px 0 0 100px;
font:11px Arial, Helvetica, sans-serif;
color:#666;
line-height:14px;
text-align:center;
background:url(../images/art/small-logo.jpg) 260px 0 no-repeat;
}
#footer p a
{
color:#666;
text-decoration:none;
}
#footer p a:hover{text-decoration:underline;}

#footerfooter
{
width:985px;
height:18px;
clear:both;
padding:0 0 0 0;
background:url(../images/art/wrafter.gif) 0 0 no-repeat;
}

.text {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		font-style: normal;
		font-weight: normal;
		text-align:justify  
		}	
		
.text A:active {
		color: #000000; 
		font-family: Verdana, Arial, Helvetica; 
		font-size: 11px; 
		TEXT-DECORATION: none ;
		font-weight: normal;
		text-align:justify  
		}
	
.text A:link {
		color: #000000; 
		font-family: Verdana, Arial, Helvetica; 
		font-size: 11px; 
		TEXT-DECORATION: underline;
		font-weight: normal;
		text-align:justify  
		}

.text A:visited {
		color: #000000; 
		font-family: Verdana, Arial, Helvetica; 
		font-size: 11px; 
		TEXT-DECORATION: underline;
		font-weight: normal;
		text-align:justify  
		}
		
.text A:hover {
		color: #000000; 
		font-family: Verdana, Arial, Helvetica; 
		font-size: 11px; 
		TEXT-DECORATION: underline ;
		font-weight: normal;
		text-align:justify  
		}


#cmsform input, #cmsform textarea, #cmsform select {
	width:250px;
	padding:3px;
	margin-bottom:8px;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

.cms a { 
	text-decoration:none;
	color:#333333;
}