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

/*	Arttia Style Sheet.
   
	------------------------------------------------------  
	arttia.co.uk style sheet - v1.0
	Publication:  March 2010
	Last Update:  March 2010
	Author:  Belinda White ( belinda@arttia.co.uk )  
	----------------------------------------------------*/
	
/*	Showcase
	----------------------------------------------------*/	
#TopperShowcase{
	width: 1000px;
	height: 270px;
	float: left;
	background: url(../images_general/top_bg_showcase.jpg) no-repeat;
  	}		

#ShowcaseContent{
	float: left;
	height: 570px;
	width: 920px;
	margin-left: 40px;
	list-style: none;
}

#ShowcaseHeading2{
	float: left;
	height: 22px;
	width: 500px;
	font: 20px "Lucida Console", Monaco, monospace;
	color: #CCC;
	margin-bottom: 5px;
}
#ShowcaseHomeLeft{
	float: left;
	height: 550px;
	width: 600px;
	margin-left: 0px;
	margin-top: 20px;
}
#ShowcasePanel1{
	float: left;
	min-height: 100%;
	height: auto !important;
	visibility: visible;
	width: 606px;
	margin-left: 0px;
	margin-top: 10px;
}	
#ShowcasePanel2{
	float: left;
	height: 560px;
	width: 313px;
	margin-left: 0px;
	background: url(../images_general/panel_blue_bg.png) no-repeat;
	margin-top: 20px;
}

#ShowcasePanelAdverts{
	float: left;
	height: 1300px;
	width: 606px;
	margin-left: 0px;
	margin-top: 10px;
	background: #FFF;
}

#ShowcasePanelIllustration{
	float: left;
	height: 1300px;
	width: 606px;
	margin-left: 0px;
	margin-top: 10px;
	background: #FFF;
}
#ShowcaseListPanel{
	float: left;
	height: 470px;
	width: 265px;
	margin-left: 25px;
	margin-top: 35px;
	text-decoration: none;
	list-style: none;
}
#ShowcasePanel2Creative{
	float: left;
	height: 140px;
	width: 265px;
	margin-left: 25px;
	margin-top: 50px;
	text-decoration: none;
	list-style: none;
}
#ShowcaseHeading{
	float: left;
	height: 20px;
	width: 265px;
	font: bold 16px Tahoma, Geneva, sans-serif;
	color: #666;
}

#ShowcaseList1{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_branding.png) no-repeat;
}
#ShowcaseList2{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_websites.png) no-repeat;
}
#ShowcaseList3{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_advertising.png) no-repeat;
}
#ShowcaseList4{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_literature.png) no-repeat;
}
#ShowcaseList5{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_illustration.png) no-repeat;
}
#ShowcaseList6{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_packaging.png) no-repeat;
}
#ShowcaseList7{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_retaildisplay.png) no-repeat;
}
#ShowcaseList8{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_iPhone.png) no-repeat;
}
#ButtonViewShowcase{
	float: left;
	height: 33px;
	width: 75px;
	margin-left: 175px;
	background: url(../images_buttons/small_btn_bg.png) no-repeat;
	text-align: center;
	margin-top: 7px;
}
a.viewshowcase:link{
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font: 12px/34px "Lucida Console", Monaco, monospace;
	}
a.viewshowcase:active {
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font: 12px/34px "Lucida Console", Monaco, monospace;

	}
a.viewshowcase:visited {
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font: 12px/34px "Lucida Console", Monaco, monospace;
	}
a.viewshowcase:hover {
	text-decoration: none;
	text-align: center;
	color: #FFC;
	font: 12px/34px "Lucida Console", Monaco, monospace;
	}
#BrandingContent{
	float: left;
	min-height: 100%;
	height: auto !important;
	visibility: visible;
	width: 920px;
	margin-left: 40px;
	list-style: none;
	background: #FFF;
}	
#Branding1{
	float: left;
	height: 200px;
	width: 195px;
	margin-right: 8px;
	background: #CCC;
	margin-bottom: 8px;
}
#BrandingPic1{
	float: left;
	height: 100px;
	width: 186px;
	background: #000;
	border: 2px solid #CCC;
	margin-top: 2px;
	margin-left: 2px;
}
#BrandingText1{
	float: left;
	height: 100px;
	width: 190px;
	font: 12px/16px Tahoma, Geneva, sans-serif;
	color: #333;
	margin-top: 2px;
	margin-left: 5px;
}
#Branding2{
	float: left;
	height: 200px;
	width: 195px;
	margin-right: 8px;
	background: #CCC;
	margin-bottom: 8px;
}
#Branding3{
	float: left;
	height: 200px;
	width: 195px;
	background: #CCC;
	margin-bottom: 8px;
}
#AdvertisingContent{
	float: left;
	height: 1300px;
	width: 920px;
	margin-left: 40px;
	list-style: none;
	background: #FFF;
}

#IllustrationContent{
	float: left;
	height: 1500px;
	width: 920px;
	margin-left: 40px;
	list-style: none;
	background: #FFF;
}
#ShowcaseList1Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_branding_selected.png) no-repeat;
}
#ShowcaseList2Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_websites_selected.png) no-repeat;
}
#ShowcaseList3Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_advertising_selected.png) no-repeat;
}
#ShowcaseList4Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_literature_selected.png) no-repeat;
}
#ShowcaseList5Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_illustration_selected.png) no-repeat;
}
#ShowcaseList6Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_packaging_selected.png) no-repeat;
}
#ShowcaseList7Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_retaildisplay_selected.png) no-repeat;
}
#ShowcaseList8Selected{
	float: left;
	height: 57px;
	width: 260px;
	background: url(../images_general/listheading_iPhone_selected.png) no-repeat;
}

#FooterShowcase{
	width: 1000px;
	height: 280px;
	float: left;
	background: url(../images_general/footer_showcase.jpg) no-repeat;
	}
	
	.list {
		text-decoration: none;
	list-style: none;	
}	
/*	 End style sheet

     Author - www.arttia.co.uk
								
	----------------------------------------------------*/