@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	background:#000000 url(../images/design/backgound.jpg) top left repeat-x;
	font:76% "Trebuchet MS", Arial, Helvetica, sans-serif; /* 12px or 1.00em */
	margin:0;
}
#canvas{
	width:919px;
	min-height:400px;
	margin:0 auto;
	background:url(../images/design/logo_background.jpg) top center no-repeat;
	text-align:left;
}
#header{
	width:100%;
	height:300px;
}
#logo{
	width:286px;
	height:204px;
	margin:0 auto;
	background:url(../images/design/dristilas_logo.png) top center no-repeat;
}
#logo a{
	display:block;
	width:286px;
	height:189px;
	text-indent:-99999px;
	background:url(../images/design/dristilas_logo.png) top center no-repeat;	
}

/*
	Main Navigation
*/	
#mainNavigationWrap{
	width:919px;
	height:48px;
	background:url(../images/design/main_navigation_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation{
	width:786px;
	height:38px;
	margin:0 auto;
}
#mainNavigationWrap #mainNavigation ul{
	list-style-type: none;
	padding:5px 0 5px 8px;
	margin:0;
}
#mainNavigationWrap #mainNavigation ul li{	
	float: left;
	display: block;
	background: none;
	padding:0;
	margin:0;
}
#mainNavigationWrap #mainNavigation ul li a{
	display:block;
	height:38px;
	text-indent:-99999px;
}
#mainNavigationWrap #mainNavigation ul li a#home{
	width:103px;
	background:url(../images/design/home_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#home:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#home.active{
	background-position:0 -76px;
}

#mainNavigationWrap #mainNavigation ul li a#special{
	width:171px;
	background:url(../images/design/special_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#special:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#special.active{
	background-position:0 -76px;
}

#mainNavigationWrap #mainNavigation ul li a#about{
	width:103px;
	background:url(../images/design/about_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#about:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#about.active{
	background-position:0 -76px;
}
#mainNavigationWrap #mainNavigation ul li a#shop{
	width:99px;
	background:url(../images/design/shop_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#shop:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#shop.active{
	background-position:0 -76px;
}
#mainNavigationWrap #mainNavigation ul li a#collections{
	width:147px;
	background:url(../images/design/collections_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#collections:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#collections.active{
	background-position:0 -76px;
}
#mainNavigationWrap #mainNavigation ul li a#contact{
	width:155px;
	background:url(../images/design/contact_button_background.jpg) top left no-repeat;
}
#mainNavigationWrap #mainNavigation ul li a#contact:hover{
	background-position:0 -38px;
}
#mainNavigationWrap #mainNavigation ul li a#contact.active{
	background-position:0 -76px;
}

/*
	Homepage
*/
#flashHeader{
	width:710px;
	height:413px;
	padding:13px 0 0 193px; 
	margin:0 auto;
	background:#000;
}
#homepageBottomBar{
	width:885px;
	height:150px;
	margin:3px 0 0 0;
	padding:22px 0 0 34px;
	background:url(../images/design/homepage_bottom_bar.jpg) top left no-repeat;
}
#homepageBottomBar #leftColumn{
	width:400px;
	float:left;
}
#homepageBottomBar #leftColumn h1{
	font-size:2.00em;
	padding:0 0 7px 0;
}
#homepageBottomBar #rightColumn{
	float:left;
	width:400px;
	margin:0 0 0 50px;
}
#homepageBottomBar #rightColumn #shopImage{
	width:194px;
	height:26px;
	float:left;
	padding:115px 0 0 22px;
	background:url(../images/design/homepage_shop_image.png) top left no-repeat;
}
#homepageBottomBar #rightColumn #shopImage a{
	padding:0 23px 0 0;
	background:url(../images/design/more_icon.png) center right no-repeat;
}

/* 
	Collections page
*/
#content{
	margin:-49px 0 0 0;
}
#shadowWrapLeft{
	height:442px;
	padding:0 0 0 8px;
	background:url(../images/design/inside_left_shadow.jpg) top left no-repeat;
}
#shadowWrapRight{
	height:442px;
	background:url(../images/design/inside_right_shadow.jpg) top right no-repeat;
}
#shadowWrapTop{
	height:442px;
	padding:6px 0 0 0;
	min-height:50px;
	background:url(../images/design/inside_top_shadow.jpg) top left no-repeat;
}
#shadowWrapBottom{
	height:442px;
	padding:0 0 6px 0;
	min-height:50px;
	background:url(../images/design/inside_bottom_shadow.jpg) bottom left no-repeat;
}

#leftNavigationWrap{
	float:left;
	width:222px;
	height:442px;
}
#leftNavigationWrap #leftNavigationTitle{
	display:block;
	width:222px;
	height:42px;
	background:url(../images/design/left_navigation_title.jpg);
}
#leftNavigationWrap #leftNavigationTitle h1{
	margin:0;
	padding:0;
	text-indent:-99999px;
}
#leftNavigation{
	display:block;
	width:222px;
	height:400px;
	background:url(../images/design/left_navigation_bg.jpg) top left no-repeat;
}
#leftNavigation ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
#leftNavigation ul li{
	display: block;
	width:222px;
	height:17px;
	/*background:url(../images/design/left_navigation_backgound.gif);*/
	padding:0;
	margin:0;
	text-align:left;
}
#leftNavigation ul li a{
	color:#cd955e;
	text-decoration:none;
	display:block;
	width:205px;
	padding:1px 0 0 17px;
	background:url(../images/design/left_navigation_link_backgound.gif) top left no-repeat;
}
#leftNavigation ul li a:hover{
	background-position:0 -17px;
}
#leftNavigation ul li a.active{
	color:#fefefe;
	background-position:0 -34px;
}
#mainContent{
	width:680px;
	height:440px;
	float:left;
	margin:1px 0 0 0;
}
#mainContent div.collectionsBox{
	display:block;
	width:170px;
	height:110px;	
	float:left;
	background:url(../images/design/collections_box.jpg) top left no-repeat;
}
#mainContent div.brandBox{
	display:block;
	width:136px;
	height:88px;	
	float:left;
	background:url(../images/design/box_background.jpg) top left no-repeat;
}
#mainContent div.brandBox a{
	display:block;
	width:136px;
	height:88px;	
}
#mainContent div.brandBox a#arkano{
	background:url(../images/collections/arkano.jpg) top left no-repeat;
}
#mainContent div.brandBox a#dgJewels{
	background:url(../images/collections/dg_jewels.jpg) top left no-repeat;
}
#mainContent div.brandBox a#dgTime{
	background:url(../images/collections/dg_time.jpg) top left no-repeat;
}
#mainContent div.brandBox a#dkny{
	background:url(../images/collections/dkny.jpg) top left no-repeat;
}
#mainContent div.brandBox a#emporioArmani{
	background:url(../images/collections/emporio_armani.jpg) top left no-repeat;
}
#mainContent div.brandBox a#gucci{
	background:url(../images/collections/gucci.jpg) top left no-repeat;
}
#mainContent div.brandBox a#cavalliJewels{
	background:url(../images/collections/cavalli_jewels.jpg) top left no-repeat;
}
#mainContent div.brandBox a#cavalliTime{
	background:url(../images/collections/cavalli_time.jpg) top left no-repeat;
}
#mainContent div.brandBox a#kiara{
	background:url(../images/collections/kiara.jpg) top left no-repeat;
}
#mainContent div.brandBox a#rino{
	background:url(../images/collections/rino.jpg) top left no-repeat;
}
#mainContent div.brandBox a#miluna{
	background:url(../images/collections/miluna.jpg) top left no-repeat;
}
#mainContent div.brandBox a#missFashion{
	background:url(../images/collections/miss_fashion.jpg) top left no-repeat;
}
#mainContent div.brandBox a#nimei{
	background:url(../images/collections/nimei.jpg) top left no-repeat;
}
#mainContent div.brandBox a#nuovegioie{
	background:url(../images/collections/nuovegioie.jpg) top left no-repeat;
}
#mainContent div.brandBox a#robertoCavalli{
	background:url(../images/collections/roberto_cavalli.jpg) top left no-repeat;
}
#mainContent div.brandBox a#seiko{
	background:url(../images/collections/seiko.jpg) top left no-repeat;
}
#mainContent div.brandBox a#swarovski{
	background:url(../images/collections/swarovski.jpg) top left no-repeat;
}
#mainContent div.brandBox a#tommy{
	background:url(../images/collections/tommy.jpg) top left no-repeat;
}
#mainContent div.brandBox a#loisir{
	background:url(../images/collections/loisir.jpg) top left no-repeat;
}
#mainContent div.brandBox a#oxette{
	background:url(../images/collections/oxette.jpg) top left no-repeat;
}
#mainContent div.brandBox a#dristilas{
	background:url(../images/collections/dristilas.jpg) top left no-repeat;
}
#mainContent div.brandBox a#arkano:hover,
#mainContent div.brandBox a#dgJewels:hover,
#mainContent div.brandBox a#dgTime:hover,
#mainContent div.brandBox a#dkny:hover,
#mainContent div.brandBox a#emporioArmani:hover,
#mainContent div.brandBox a#gucci:hover,
#mainContent div.brandBox a#cavalliJewels:hover,
#mainContent div.brandBox a#cavalliTime:hover,
#mainContent div.brandBox a#kiara:hover,
#mainContent div.brandBox a#rino:hover,
#mainContent div.brandBox a#miluna:hover,
#mainContent div.brandBox a#missFashion:hover,
#mainContent div.brandBox a#nimei:hover,
#mainContent div.brandBox a#nuovegioie:hover,
#mainContent div.brandBox a#robertoCavalli:hover,
#mainContent div.brandBox a#seiko:hover,
#mainContent div.brandBox a#swarovski:hover,
#mainContent div.brandBox a#tommy:hover,
#mainContent div.brandBox a#loisir:hover,
#mainContent div.brandBox a#oxette:hover,
#mainContent div.brandBox a#dristilas:hover{
	background-position:0 -88px;
}

/*
	Shop
*/
#thumbnailNavigation{
	width:151px;
	height:482px;
	padding:11px 0 0 33px;
	float:left;
	background:url(../images/design/thumbnail_navigation_background.jpg) top left no-repeat;
}
#imageContainer{
	width:734px;
	height:487px;
	float:right;
	padding:6px 0 0 0;
	background:url(../images/design/image_container_background.jpg) top left no-repeat;
}

/* 
	Contact, About
*/
#aboutPage,
#contactPage{
	background:url(../images/design/light_background.jpg) top left no-repeat;
	width:919px;
	height:391px;
	
}
#contactPage #contactInfo{
	float:left;
	width:412px;
	height:125px;
	color:#550101;
	padding:25px 0 0 29px;
	margin:0 0 0 8px;
	background:url(../images/design/hline_light.gif) bottom left repeat-x;
}
#contactPage #googleMap{
	float:right;
	width:443px;
	height:360px;
	padding:17px 0 0 27px;
	margin:8px 0 0 0;
	background:url(../images/design/vline_light.gif) top left repeat-y;
}
#contactPage #contactFormArea h2,
#contactPage #googleMap h2,
#contactPage #contactInfo h2{
	font-size:1.50em;
	padding:0 0 3px 0;
}
#contactPage #contactInfo p{
	font-size:1.08em;
}
#contactPage #contactInfo span.hline{
	height:2px;
	width:175px;
	display:block;
	padding:2px 0 0 0;
}
#contactPage #contactFormArea{
	float:left;
	padding:15px 0 0 29px;
	margin:0 0 0 8px;
}
#contactPage #contactFormArea #contactForm ul{
	list-style-type: none;
	padding:5px 0 5px 8px;
	margin:0;
}
#contactPage #contactFormArea #contactForm ul li{	
	background: none;
	padding:0;
	margin:5px 0 5px 0;
	width:360px;
	height:23px;
}
#contactPage #contactFormArea #contactForm ul li.texta{	
	height:55px;
}
#contactPage #contactFormArea #contactForm ul li label{
	display:inline;
	width:58px;
	text-align:right;
	float:left;
	margin:0 7px 0 0;
	padding:2px 0 0 0;
	font-size:1.08em;
	color:#7e5b15;
}
#contactPage #contactFormArea #contactForm ul li input.text{
	display:block;
	width:177px;
	height:24px;
	padding:2px 4px 0 4px;
	text-align:left;
	float:left;
	font-size:1.08em;
	color:#550101;
	border:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/design/contact_input_background.gif) top left no-repeat;
}
#contactPage #contactFormArea #contactForm ul li textarea{
	background:url(../images/design/textarea_background.gif) top left no-repeat;
	width:256px;
	height:52px;
	border:none;
	padding:2px 4px 0 4px;
	font-size:1.08em;
	color:#550101;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contactPage #contactFormArea #contactForm ul li input.submit{
	width:98px;
	height:28px;
	padding:0;
	margin:0 0 0 65px;
	border:none;
	background:url(../images/design/submit_button.png) top left no-repeat;
	cursor:pointer;
}

#aboutPage #aboutContent{
	float:left;
	background:url(../images/design/about_woman.jpg) bottom right no-repeat;
	width:853px;
	height:337px;
	padding:40px 0 0 50px;
	margin:8px 0 0 8px;
}
#aboutPage #aboutContent #aboutCopy{
	background:url(../images/design/about_title.png) top left no-repeat;
	padding:43px 0 0 0;
	width:460px;
}
#aboutPage #aboutContent #aboutCopy p{
	color:#520000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:150%;
}
#aboutPage #offersContent{
	float:left;
	background:url(../images/design/offers_woman.jpg) bottom right no-repeat;
	width:853px;
	height:337px;
	padding:40px 0 0 50px;
	margin:8px 0 0 8px;
}

#aboutPage #offersContent #offersCopy{
	background:url(../images/design/offers_title.png) top left no-repeat;
	padding:65px 0 0 0;
	width:810px;
}
#aboutPage #offersContent #offersCopy p{
	color:#520000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:150%;
}
/*
	Bottom bar
*/
#bottomBar{
	width:885px;
	height:61px;
	padding:20px 34px 0 0;
	/*margin:3px 0 0 0;*/
	background:url(../images/design/bottom.png) top left no-repeat;
}
#bottomBar #newsletter{
	float:right;
	background:url(../images/design/offers.png) top left no-repeat;
	padding:6px 0 0 190px;
	height:33px;
}
#bottomBar #newsletter #newsletterForm input.text{
	border:none;
	width:180px;
	height:20px;
	padding:3px 2px 0 2px;
	margin:0;
	background:url(../images/design/newsletter_input_background.jpg) top left no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#946666;
	font-weight:bold;
	float:left;
}
#bottomBar #newsletter #newsletterForm input.submit{
	width:33px;
	height:26px;
	padding:0;
	margin:-3px 0 0 -2px;
	border:none;
	background:url(../images/design/submit_ok.jpg) bottom left no-repeat;
	cursor:pointer;
	float:left;
}
#bottomBar #newsletter #newsletterForm form{
	padding:0;
	margin:0;
}
/*
	Footer
*/
#footer{
	padding:5px 22px 0 28px;
	height:70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footerLeft{
	display:block;
	width:380px;
	height:42px;
	padding:0 0 0 80px;
	float:left;
	background:url(../images/design/footer_logo.png) top left no-repeat;
}
#footerLeft ul{
	list-style-type: none;
	padding:5px 0 5px 0;
	margin:0;
}
#footerLeft ul li{	
	color:#850700;
	float: left;
	display: block;
	background: none;
	padding:0 4px 0 0;
	margin:0;
}
#footerLeft ul li a{	
	color:#850700;
}
#footerLeft ul li a:hover{	
	color:#cd955e;
}
#footerLeft p{
	color:#850700;
	line-height:100%;
	padding:0;
}
#footerRight{
	width:113px;
	float:right;
	padding:5px 0 0 0;
}
#footerRight a{
	display:block;
	width:113px;
	height:25px;
	text-indent:-99999px;
	background:url(../images/design/ArtAbout_logo.png) top left no-repeat;
}

.offer{
	width:148px; height:110px;
	margin:0 6px 20px 7px;
	float:left;
}
.offer_image{
	width:114px; height:74px;
	margin:0 0 0 12px; padding:4px 0 0 8px;
	float:left;
	background:url(../images/design/offer_frame.png) 0 0 no-repeat;
}
.offer_text{
	width:100%;
	font-size:10px;
	float:left;
	text-align:center;
	display:block;
	color:#520000;
}

.clear{
	display:block;
	clear:both;
}
.hide{
	display:none;
}