body{
margin: 0 0;
background: #000000;
background-image:url("./images/background_left.png");
background-position: center top;
background-repeat: repeat-x;
}

#header{
margin: 0 0;
width: 100%;
height: 129px;
background-image:url("./images/header.png");
background-position: center top;
}

#top{
height:371px;
width:100%;
overflow:visible;
}

#bandTopLeft{
display: inline;
float:left;
width:50px;
height:100%;
background-image:url("./images/band_top_left.png");
background-position: center top;
overflow:hidden;
}

#bandTopRight{
display: inline;
float:left;
width:50px;
height:100%;
background-image:url("./images/band_top_right.png");
background-position: center top;
overflow:hidden;
}

#bandBottomLeft{
display: inline;
float:left;
width:50px;
height:501px;
background-image:url("./images/band_bottom_left.png");
background-position: center top;
overflow:hidden;
}

#bandBottomRight{
display: inline;
float:left;
width:50px;
height:501px;
background-image:url("./images/band_bottom_right.png");
background-position: center top;
overflow:hidden;
}

#topMiddle{
float:left;
width:985px;
height:100%;
background-position: center top;
overflow:visible;
z-index:20;
}

#bandMenu{
margin: 0 0;
width: 100%;
height: 55px;
overflow:hidden;
}

#bandMiddle{
width: 100%;
height: 316px;
overflow:hidden;
background:#000000;
}

#bandMiddleSimple{
width:100%;
height: 316px;
overflow:hidden;
background-image:url("./images/band_middle_simple.png");
background-position: center top;
background-repeat: no-repeat;
display:inline;
float:right;
}

#bandMiddleSimpleBottom{
width: 100%;
height: 401px;
overflow:hidden;
background-image:url("./images/band_middle_simple_bottom.png");
background-position: center top;
background-repeat: no-repeat;
display:inline;
float:right;
}

#artistsText{
width:900px;
height:710px;
background-color:#000;
position:relative;
top:-800px;
text-align:left;
border-style:solid;
border-width:1px;
border-color:#111;
padding: 0px 20px 20px 20px;
overflow:hidden;
margin:auto;
}

#postDetails{
background-color:#111;
width:100%;
height:60px;

}

#postNavigation{
position:relative;
left:620px;
top:-12px;
font-size:10px;


}

.avatar{
border-style:solid;
border-width:1px;
border-color:#333;
float:left;
margin-right:20px;
}


#btnHome{
float:left;
width: 109px;
height: 100%;
background-image:url("./images/btn_home.png");
background-position: center top;
overflow:hidden;
}

#btnFeature{
float:left;
width: 230px;
height: 100%;
background-image:url("./images/btn_feature.png");
background-position: center top;
overflow:hidden;
}

#btnArchitectural{
float:left;
width: 200px;
height: 100%;
background-image:url("./images/btn_architectural.png");
background-position: center top;
overflow:hidden;
}

#btnServices{
float:left;
width: 109px;
height: 100%;
background-image:url("./images/btn_services.png");
background-position: center top;
overflow:hidden;
}

#btnContact{
float:left;
width: 109px;
height: 100%;
background-image:url("./images/btn_contact.png");
background-position: center top;
overflow:hidden;
}

#btnArtists{
float:left;
width: 120px;
height: 100%;
background-image:url("./images/btn_artists.png");
background-position: center top;
overflow:hidden;
}

#btnPartners{
float:left;
width: 108px;
height: 100%;
background-image:url("./images/btn_partners.png");
background-position: center top;
overflow:hidden;
}



#squareInfo
{
display: inline;
float:left;
width:332px;
height:100%;
background-image:url("./images/square_info.png");
background-position: center top;
overflow:hidden;
}

#squareInfoText{
text-align:left;
padding-top:25px;
padding-right:15px;
padding-left:50px;
}

#squaresText{
text-align:left;
padding-top:25px;
padding-right:15px;
padding-left:15px;
display:block;
}

#squareFeature
{
float:left;
width:298px;
height:100%;
background-image:url("./images/square_feature.png");
background-position: center top;
overflow:hidden;
}

#squareFeatureSimple
{
float:left;
width:298px;
height:100%;
background-image:url("./images/square_feature_simple.png");
background-position: center top;
overflow:hidden;
display:block;
}

.fade {  
z-index:-1;
}  

.fade div {   
top: 0;  
left: 0;  
display: none; 
z-index:-1; 
}  

#featureMovie
{
width:205px;
height:185px;
position:relative;
top:9px;
left:47px;
*left:0px;
}

.squareTitle
{
float:clear;
padding-top: 25px;
font-weight:bold;
z-index:2;
}

.moreDetails
{
float:clear;
font-size:9px;
position:relative;
bottom:0px;
}

.squareSubtitle
{
font-style: italic;
font-size: 10px;
padding-top: 15px;
padding-left:15px;
padding-right:15px;
color:#888888;
z-index:2;
}

#squareArchitectural
{
float:left;
width:298px;
height:100%;
background-image:url("./images/square_architectural.png");
background-position: center top;
overflow:hidden;
display:block;
}

#squareArchitecturalSimple
{
float:left;
width:298px;
height:100%;
background-image:url("./images/square_architectural_simple.png");
background-position: center top;
overflow:hidden;
}

#middleFill
{
display: inline;
float:right;
width:57px;
height:100%;
background-image:url("./images/middle_fill.png");
background-position: center top;
overflow:hidden;
}

#beautyShots
{
float:right;
/*margin-right:67px;*/
width:596px;
height:100%;
background-image:url("./images/beauty_shots.png");
background-position: center top;
overflow:hidden;
}

#beautyShotsImages
{
margin-top:22px;
margin-left:12px;
width:574px;
height:270px;
background:#000000;
overflow:hidden;
}

#beautyShotsImages a
{
margin-top:22px;
margin-left:12px;
width:574px;
height:270px;
background:#000000;
overflow:hidden;
}

#beautyShotsImagesGroup
{
margin-top:22px;
margin-left:12px;
width:574px;
height:270px;
background:#000000;
overflow:hidden;
}

#beautyShotsImages img
{
margin-top:0px;
margin-left:0px;
*margin-left:-280px;
width:574px;
height:270px;
background:#000000;
overflow:hidden;
position:relative;
}

#trivia{
clear:both;
float:left;
width:660px;
height:20px;
position:relative;
top:-20px;
left:-40px;
}

#bottom{
width:100%;
display:inline-table;
overflow:hidden;
}


#bottomMiddle
{
float:left;
width:985px;
height:100%;
overflow:visible;
z-index:-20;
}

#bottomHeader
{
float:left;
width:100%;
height:39px;
background-image:url("./images/bottom_header.png");
background-position: center top;
overflow:hidden;
text-align:left;
}

#bottomHeaderText
{
padding-top:10px;
}

#bottomMiddleBand
{
float:left;
width:100%;

background-image:url("./images/bottom_background.png");
background-position: center top;
overflow:hidden;
display:inline-table;
}
#filmDescription
{
width:870px;

padding-left:50px;
padding-right:50px;
padding-top:0px;
margin-top:0px;
text-align:left;
background:none;
overflow:visible;
clear:both;
display:inline-table;
}

#filmElement
{
margin-top:10px;
padding-bottom:10px;
padding-left:10px;
float:right;
width:574px;
height:270px;
background:none;
}

#myoverlay
{
clear:both;
position:relative;
top:-820px;
left:50px;
}

#bottomFooter
{
float:left;
width:100%;
height:38px;
background-image:url("./images/bottom_footer.png");
background-position: center top;
overflow:hidden;
}

#pageSelector
{
float:right;
display:inline;
margin-right:63px;
margin-top:3px;
width:250px;
height:20px;

text-align:right;
}

a.page{
float:right;
text-align:center;
width:20px;
height:20px;
margin-left:9px;
border-color:#000000; 
border-width:1px;
border-style: solid;
outline: none;
}
a.page:hover{
float:right;
text-align:center;
width:20px;
height:20px;
margin-left:9px;
border-color:#333333; 
border-width:1px;
border-style: solid;
outline: none;
}

a img.fade{
margin-top:10px;
padding-top:20px;
display:block;
outline: none;
}

a img.fade:hover{
margin-top:20px;
padding-top:50px;
display:block;
outline: none;
}

a.navigationLink{
text-decoration:none;
}

ul{
margin-left: 20px;
padding-left: 5px;
margin-top:2px;
}

li
{
list-style-type: circle;
}


#footer
{
float:left;
width:100%;
height:62px;
background-image:url("./images/footer.png");
background-position: center top;
overflow:hidden;
}

#lowerTitle
{
margin-top:6px;
font-weight:bold;
}
#groupContainer{
width:860px;
height:300px;
float:middle;
display:block;
margin-left:auto;
margin-right:auto;
}
.groupImages{
margin-top:2px;
padding-left:10px;
padding-top:10px;
*padding-left:3px;
*padding-top:10px;
display:inline-block;
width:98px;
height:76px;
}
a.groupImages{
display:inline-block;
width:98px;
height:76px;
}
a.groupImages:hover{
display:inline-block;
width:98px;
height:76px;
border-width:1px;
border-color:#333;
border-style:solid;
}


.groupImagesLarge{
margin-top:2px;
padding-left:10px;
padding-top:10px;
*padding-left:3px;
*padding-top:10px;
display:inline-block;
width:210px;
height:210px;
}
a.groupImagesLarge{
display:inline-block;
width:210px;
height:210px;
}
a.groupImagesLarge:hover{
display:inline-block;
width:210px;
height:210px;
border-width:1px;
border-color:#333;
border-style:solid;
}

.groupImages.groupMovies{
padding-left:0px;
padding-top:0px;
display:inline-block;
width:270px;
height:203px;
background-color:#000;
border-width:1px;
border-color:#000;
border-style:solid;
overflow:visible;
}
a.groupImages.groupMovies{
position:relative;
left:-3px;
display:inline-block;
float:left;
width:270px;
height:203px;
border-width:1px;
border-color:#000;
border-style:solid;
overflow:visible;
}
a.groupImages.groupMovies:hover{
display:inline-block;
width:270px;
height:203px;
border-width:1px;
border-color:#333;
border-style:solid;
overflow:visible;
}



a.squares:hover            {height:100%; width: 100%; color:white; text-decoration:none;  overflow:hidden; outline: none;}
a.squares{
padding: 0;
margin: 0;
text-decoration:none;
overflow:hidden;
outline: none;
}

a.thumbnail:hover            {
width:68px; height:58px;
float:left; 
text-decoration:none;  
overflow:hidden; 
border-color:#151515; 
border-width:1px;
border-style: solid;
outline: none;
}
a.thumbnail
{
width:68px; height:58px;
float:left; 
color:#555555;
text-decoration:none;  
overflow:hidden; 
border-color:#000000; 
border-width:1px;
border-style: solid;
outline: none;
}

a.button:hover            {height:100%; width: 100%; color:white; text-decoration:none;  overflow:hidden; outline: none;}
a.button{
text-decoration:none;
display:block;
overflow:hidden;
outline: none;
}

a:hover            {height:100%; width: 100%; color:white; text-decoration:underline;  overflow:hidden; outline: none;}
a{
color:#BCBCBC;
text-decoration:underline;
overflow:hidden;
outline: none;
}

.button{
padding-top:24px;
overflow:hidden;
}

a.arrowDown{
float:left;
width:29px;
height:29px;
padding-right:10px;
margin-left:40px;
background-image:url("./images/arrow_down.png");
background-repeat:no-repeat;

}

a.arrowDown:hover{
float:left;
width:29px;
height:29px;
padding-right:10px;
margin-left:40px;
}

a.rssFeed{
float:right;
width:50px;
height:29px;
padding-right:10px;
background-image:url("./images/rss_feed.png");
background-repeat:no-repeat;
background-position:top right;
text-decoration:none;
color:orange;
padding-top:7px;
}

a.rssFeed:hover {
float:right;
width:50px;
height:29px;
padding-right:10px;
}

#content{

margin: 0 auto;
width:1085px; 
height:1010px; 
text-align: center;
font-size:12px;
font-family: verdana;
color:#BCBCBC;
}

.listitem
{
margin-top:4px;
margin-bottom:9px;
margin-left:40px;
*margin-left:-20px;
width:880px;
height:65px;
position: relative; 
text-align:left;

}


.date{
padding-top:10px;

font-size:9px;
}

.description{
display:inline;
font-family: arial;
color:#909090;
}

.thumbnail
{
margin-left:27px;
margin-right:22px;
float:left;
margin-top:2px;
}

#copyright
{
	margin-top:20px;
}

img{
border:0px;
display:block;
}

h1{
font-size:30px;
}

h2{
font-size:20px;
margin: 0;
}

h3{
font-size:10px;
font-weight:normal;
margin: 0;
}

#languageChooser
{
font-size:10px;
width:80px;
height:40px;
position:relative;
padding-left:120px;
padding-top:55px;
float:left;
text-align:left;
}

#moto
{
font-size:10px;
width:200px;
height:40px;
float:right;
padding-right:180px;
padding-top:55px;
text-align:left;
}

#indication
{
font-size:10px;
width:300px;
height:200px;
float:right;
padding-right:30px;
padding-top:0px;
text-align:left;
}


/*
Artists Corner stuff
*/

.post{
width:250px;
height:250px;
background-color:red;
color:white;
display:block;
}


ul, li, .post{
	padding:0;
	margin:0;
	list-style:none;
	list-style-type: disc;
}

li, .post{
	margin-top:5px;
	margin-left:10px;
}

.prev{
width:132px;
height:14px;
/*border:1px solid #777;*/
float:left;
text-align:left;
}

.next{
float:left;
width:132px;
height:14px;
/*border:1px solid #777;*/
text-align:right;
}

a.next,.prev{
	text-decoration:none;
	width:132px;
	height:14px;
}

a.next:hover,.prev:hover{
	text-decoration:none;
	width:132px;
	height:14px;
}


#txtLoading{
float:left;
width:250px;
height:100%;
overflow:hidden;
display:block;
position:relative;
}

#slideshow{
	overflow:hidden;
	width:266px;
	/*border:1px solid #777;*/
	height:250px;
	position:relative;
	float:left;
}

	#slideshow ul{
		
		/*border:1px solid #777;*/
		width:3900px;
		height:100%;
		padding-left:-225px;
		position:relative;
	}

		#slideshow li{
			float:left;
			margin:0 8px;
			position:relative;
			/*cursor:pointer;*/
		}