/*
---------------------------------------------------------
Webpage David Mallett
Start:  01.10.2009
Last Update:  01.10.2009
Autor: Ralph Löffler
Medium Screen
---------------------------------------------------------
*/

/* General Layout */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
p, ol, ul, h1, h2, h3, h4, h5, h5, h6 {
	margin:0 0 0 0;
	text-indent: 0px;
}
body {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 120%;
	background-color: #342b2a;
	text-align: center;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}


#Container {
	width: 960px;
	margin: auto;
	text-indent: 0;
	text-align: left;
	min-height: 653px;
}

/* Header*/
#Header {
	height: 80px;
	width: 960px;
}
#Logo {
	height: 36px;
	width: 308px;
	padding-top: 25px;
	padding-left: 20px;
}
#Navigation {
	background-image: url(../Images/Navi_Background2.png);
	height: 24px;
	width: 960px;

}
#Menu{
	width: 940px;
	padding-left: 15px;
}

#ContentContainer {
	background-color: #8d817b;
	height: 520px;
	border: 1px solid #8d817b;
	width: 958px;
}


#ContentContainerWide {
	width: 960px;
	background-color: #8d817b;
	min-height: 520px;
	overflow: auto;
	overflow-y: hidden;
}
/* Content two coloumns*/
#ContentIndexLeft {
	margin-top: 40px;
	margin-left: 30px;
	float: left;
	width: 440px;
	min-height: 440px;
}
#ContentIndexRight {
	margin-top: 40px;
	width: 430px;
	float: right;
	margin-right: 30px;
	min-height: 440px;
}
#ContentIndexRight p {
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.4em;
}
#ContentIndexRight h2 {
	color: #FFF;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 0.8em;
}

#PressReleaseContent {
	margin-left: 20px;
	width: 920px;
	color: #FFF;
	height: 435px;
}

#PressRelease {
	color: #FFF;
}

#PressRelease h2{
	font-size: 1.3em;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
}
#PressRelease p {
	margin-left: 20px;
	color: #e0ded9;

}

#PressRelease a{
	color: #FFF;
}
#PressRelease a:link{
	color: #FFF;
	font-weight: bolder;
}

#PressRelease a:active{


}

#PressRelease a:hover{
	color: #FFF;
	text-decoration: underline;
}

#PressRelease a:visited{
	color: #FFF;
	font-weight: bolder;
}

.PressReleaseTable {
	width: 920 px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 17px;
}

.PressText{
	color: #e0ded9;
	width: 430px;
	font-size: 1em;
}

.PressLanguage{
	width: 75px;
	text-align: right;
	font-size: 0.9em;

}

#PressTableText {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-top: 10px;

}

#PressTable {
	float: left;
	margin-top: 10px;

}

#PressPhoto {
	height: 180px;
	margin-left: 20px;
}

.PressPhotoImage{
	padding-right: 40px;
}
.PressPhotoDetail {
	padding-left: 18px;
	font-size: 0.8em;
	font-weight: normal;


}


.FashionTitle {
	margin-left: 20px;
	margin-top: 40px;
	margin-bottom: 10px;
	width: 920px;
	font-size: 1.2em;
	color: #FFF;
	min-height: 23px;
	
}
.FashionTitleCenter {
	margin-top: 40px;
	margin-bottom: 10px;
	width: 920px;
	text-align: center;
	margin-left: 0px;
	font-size: 1.2em;
	color: #FFF;
	min-height: 23px;
	
}
.smallTitle{
	font-size: 0.7em;
	color: #e0ded9;

}

.FashionGallery{
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
	height: 420px;
}

.FashionGalleryTable {

}
.FashionGalleryTableCenter {
	margin-right:auto;
	margin-left:auto;
}

.FashionGalleryImage{
	height: 360px;
}

.FashionImageCell {
	padding-right: 40px;
	height: 360px;
}

.FashionGalleryDetail{
	height: 40px;
	color: #FFF;
}

.FashionGalleryDetail GT1{
	font-size: 1em;
	color: #FFF;
}

.FashionGalleryDetail GT2{
	font-size: 0.8em;
	color: #e0ded9;
}

.FashionGalleryDetail GT3{
	font-size: 1em;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}

.FashionGalleryDetail GT4{
	font-size: 0.9em;
	color: #e0ded9;
}

.FashionDetailCell{
	padding-top: 10px;
}
.GalleryTitle {
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 920px;
	font-size: 1.3em;
	color: #FFF;
	
}

.GalleryTitleCenter {
	margin-top: 30px;
	margin-bottom: 10px;
	width: 920px;
	text-align: center;
	margin-left: 0px;
	
}
.Gallery{
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
	height: 420px;
}




.GalleryTable {

}
.GalleryTableCenter {
	margin-right:auto;
	margin-left:auto;
}

.GalleryImage{
	height: 360px;
}
.ImageCell {
	padding-right: 40px;
	height: 360px;
}

.MenuImageCell {
	padding-right: 24px;
	padding-left: 2px;
}
.DetailCell{
	padding-top: 10px;
}


.GalleryDetail{
	height: 40px;
	color: #FFF;
}
.GalleryDetail GT1{
	font-size: 1em;
	color: #FFF;
}

.GalleryDetail GT2{
	font-size: 0.8em;
	color: #e0ded9;
}

.GalleryDetail GT3{
	font-size: 1em;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}

.GalleryDetail GT4{
	font-size: 0.9em;
	color: #e0ded9;
}
.GalleryTitleClips {
	margin-left: 170px;
	margin-top: 80px;
	width: 700px;
	font-size: 1.3em;
	color: #FFF;
}
.GalleryClips {
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
	height: 300px;
	margin-top: 20px;
}


.Title{
	font-size: 1.8em;
	font-weight: lighter;
	color: #e0ded9;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.MenuCelebritiesTitle {
	margin-left: 20px;
	width: 920px;
	height: 21px;
	margin-top: 60px;
	margin-bottom: 10px;
}

.MenuCelebrities {
	width: 900px;
	margin-top: 0px;
	margin-left: 20px;
	border: none;
}

.MenuCelebritiesTable {

}
.MenuCelebritiesImage{
	height: 285px;
}

.MenuCelebritiesDetail{
	height: 20px;
	color: #FFF;
}

.MenuClipsTitle {
	margin-left: 20px;
	width: 920px;
	height: 21px;
	margin-top: 100px;
	margin-bottom: 10px;
}

.MenuClips {
	width: 900px;
	margin-top: 0px;
	margin-left: 20px;
	border: none;
}

.MenuClipsTable {

}
.MenuClipsImage{
	height: 210px;
}

.MenuClipsDetail{
	height: 20px;
	color: #FFF;
}



/* Work */

.MenuWork {
	width: 920px;
	margin-top: 0px;
	margin-left: 20px;
	border: none;
}
.MenuWorkTable {

}

.MenuWorkImage {
	height: 285px;
}

.MenuWorkDetail {
	height: 20px;
}

.MenuImage {
	text-align: center;
}
.MenuTitle {
	text-align: center;
}


.MenuTitle a:link{
	color: #FFF;
}

.MenuTitle a:active{
	color: #FFF;

}

.MenuTitle a:hover{
	color: #FFF;
	font-weight: bolder;
	text-decoration: none;
}

.MenuTitle a:visited{
	color: #FFF;
}

.MenuAdvertising {
	width: 920px;
	margin-top: 0px;
	border: none;
}
.MenuAdvertisingTable {

}


#Photographers {
	color: #e0ded9;
	height: 20px;
	width: 920px;
	margin-top: 70px;
	margin-left: 20px;
	font-size: 0.9em;
}

.MenuPhotographersTitle {
	margin-left: 20px;
	width: 920px;
	height: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.PhotographersList {
	height: 445px;
	width: 600px;
	margin-left: auto;
	padding-top: 0px;
	margin-right: auto;
}
.List{
	float: left;
	height: 440px;
	width: 200px;
	text-align: left;
	color: #FFF;
	line-height: 1.5em;
}

#MovieContainer {
	height: 350px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;

}
#Movie {
	margin-left: auto;
	margin-right: auto;

}
#MovieDetails {
	color: #FFF;
	padding-top: 20px;
	font-size: 1em;

}

.MovieTitel{
	color: #e0ded9;
	font-size: 0.9em;
}

/* Contact */

#ContactTitle{
	margin-left: 150px;
	margin-top: 60px;
	margin-bottom: 0px;
	width: 660px;
	font-size: 1.3em;
	color: #FFF;
}

#ContactTitleLeft{
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 10px;
	width: 660px;
	font-size: 1.3em;
	color: #FFF;
}


#ContactLeft {
	float: left;
	width: 430px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #FFF;
	padding-left: 20px;
	height: 370px;
}

#ContactLeft p{
	font-size: 1.2em;
	line-height: 1.3em;
}

.largeCell{
	font-size: 1.3em;
	color: #FFF;
	line-height: 30px;
}

.smallCell{
	font-size: 1em;
	color: #FFF;
	line-height: 19px;
	height: 15px;
}
.CellLeft{
	font-size: 1em;
	color: #FFF;
	line-height: 19px;
	height: 15px;
	padding-right: 20px;
}
#ContactRight{
	width: 370px;
	margin-right: 40px;
	float: right;
	margin-bottom: 20px;
	border: 2px solid #e0ded9;
	height: 370px;
}

#ContactMenu{
	clear: both;
	margin-left: 20px;
	width: 920px;
	margin-top: 0px;
	height: 30px;
}
#ContactAddress{
	width: 300px;
	margin-top: 40px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-left: 150px;
	float: left;
}

#ContactImage{
	float: left;
	width: 300px;
	margin-top: 0px;
	margin-left: 60px;
	height: 300px;
}
#ContactName{
}

#ContactPhone{
	padding-top: 20px;
}

#ContactEmail{
	padding-top: 20px;
}

#ContactWebpage{
	padding-top: 20px;
}
#ContactWebpage p {
	font-size: 0.8em;
	color: #e0ded9;
}

.TextGrey {
	color: #e0ded9;
}
/*Awards*/

#AwardsLeft{
	float: left;
	margin-top: 10px;
	margin-left:40px;
	width: 490px;
	height: 400px;
}

#AwardsRight{
	margin-top: 20px;
	float: right;
	margin-right: 20px;
	width: 400px;
	height: 400px;

}

.AwardTable{
	font-size: 1.1em;
	color: #FFF;
	line-height: 20px;
	text-align: left;
	margin-top: 40px;
}

#AwardCol1{
	height: 65px;
	width: 70px;
	vertical-align: top;
	font-size: 1.5em;
	color: #e0ded9;
}

#AwardCol2{
	width: 290px;
	vertical-align: top;
}

#AwardCol3{
	width: 120px;
	vertical-align: top;
	text-align: right;
}


/*Recruitment*/
#RecruitTitle {
	margin-top: 40px;
	margin-left: 90px;
	width: 740px;
}
#RecruitContent {
	margin-top: 10px;
	height: 425px;
	margin-left: 90px;
	width: 740px;
}
#RecruitText1 {
	color: #FFF;
	font-size: 1.1em;
}

#RecruitText2 {
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #FFF;
}

#RecruitTable {
	margin-top: 10px;
	color: #FFF;
	font-size: 1em;
	width: 740px;
}

#RecruitTable1 {
	border-collapse: collapse;
	width: 740px;
}
.RecruitTable1Title{
	font-size: 1.1em;
	color: #e0ded9;
	line-height: 20px;
	padding-left: 5px;
	background-color: #342B2A;
	border: 1px solid #e0ded9;
}
.RecruitTitleCol1 {
	padding: 5px;
	text-align: center;
	border: 1px solid #e0ded9;
}

.RecruitTitleCol2 {
	padding: 5px;
	text-align: center;
	border: 1px solid #e0ded9;
}
.RecruitTitleCol3 {
	padding: 5px;
	text-align: center;
	border: 1px solid #e0ded9;
}
.RecruitRow{

}
.RecruitCol1{
	vertical-align: middle;
	font-size: 1.2em;
	width: 220px;
	padding: 5px;
	border: 1px solid #342b2a;
/*	background-color: #B3B3D9;*/
	background-color: #B3B2D9;
	text-align: center;
	color: #342B2A;
	font-weight: bolder;
}

.RecruitCol2{
	width: 370px;
	vertical-align: top;
	line-height: 1.8em;
	border: 1px solid #342b2a;
	padding: 5px;
	background-color: #FFF;
	color: #342b2a;
}

.RecruitCol3{
	vertical-align: top;
	text-align: center;
	width: 100px;
	border: 1px solid #342b2a;
	padding: 5px;
	background-color: #FFF;
	color: #342b2a;
}

#RecruitContact {
	margin-top: 20px;
	color: #FFF;
	font-size: 1em;

}

.ReContact1 {
	float: left;
	width: 100px;
	color: #e0ded9;
}

.ReContact2 {
	float: left;
	width: 300px;
}

.ReContact3 {
	float: left;
	width: 100px;
	color: #e0ded9;
}

.ReContact4 {
	float: left;
	width: 80px;
}
.myForm select, textarea    {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
}
.myForm input , checkbox {
	height: 18px;
	width: 250px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #342B2A;
}
.fCountry {
	height: 20px;
	width: 252px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #342B2A;

}
.required {
	color: #900;
}

#NewsletterForm {
	margin-left: 220px;
	margin-top: 50px;
	width: 500px;
}

#NewsletterForm tr{
	height: 20px;
	}

#NewsletterForm td{
	color:#FFF;
	font-size: 11px;
}

#Captcha{
	width: 94px;
	height: 23px;
	background-color: #FFF;
	border: 1px solid #342B2A;
	margin-bottom: 5px;
}
#CaptchaWidth {
	width: 95px;
}
#Button {
	width: 102px;
	background-image: url(../Buttons/Button-100px.png);
	height: 26px;
	color: #FFF;
	font-size: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#button:hover{
	background-image: url(../Buttons/Button-100px-selected.png);
}
/* Footer */
#BottomLine {
	background-image: url(../Images/Line_Bottom.png);
	height: 1px;
	width: 960px;
	clear: both;
}
#Footer {
	height: 28px;
}
.Address {
    color: #e0ded9;
	width: 960px;
	padding-top: 6px;
}
.Address p {
	text-align: center;
	font-size: 0.9em;
}

.Address a {

}


.Address a:link{
	color: #e0ded9;
}

.Address a:active{
	color: #e0ded9;

}

.Address a:hover{
	color: #FFF;
	text-decoration: underline;
}

.Address a:visited{
	color: #e0ded9;
}


.clearfloat  {
	clear: both;
}

.ClickHere {
	font-size: 9px;
	color: #e0ded9;
}
.SalonGalleryDetail GT4 {
	font-size: 0.8em;
	color: #e0ded9;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}
.CenterDetailCell {
	padding-top: 10px;
	text-align: center;
}
