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

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7a7a;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#484848;
	font-size:30px;
	margin:11px 0;}
h2 {
	color:#484848;
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
	/* text-transform:lowercase; */}
h3 {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0;}
ul {margin:0;padding:0;}
ul li {margin:0;padding:0;list-style:none;}
a {color:#827430;text-decoration:none;}
a:hover {color:#7a7a7a;text-decoration:underline;}
#centering, #container {margin-top: 0;}
#centering{
	display:block;
	text-align:center;
	position:relative;}
#container {
	display:block;
	margin: 0 auto auto auto;
	width:1110px;
	height:731px;
	text-align:left;
	position:relative;}
#model-left {
	display:block;
	width: 230px;
	height: 766px;
	border-left:1px #cacaca solid;
	border-right:1px #cacaca solid;
	}
#model-center {
	display:block;
	width: 600px;
	height: auto;
	padding: 0 30px;
	}
#model-center h2 {
	margin:12px 0 10px 0;
	border-bottom: 1px solid #666;
	}
#model-right {
	display:block;
	width: 190px;
	height: 766px;
	border-left:1px #cacaca solid;
	padding: 0 0 0 22px;
	}
#model-right h2 {margin:0 0 10px 0;}
#top-box {
	clear:both; 
	width: 920px; 
	height: 70px; 
	margin:0; 
	font-size: 14px;	
	}
#top-box h1 {clear:none;/*width:700px;*/float:left;}
#top-box #link-box {
	float: left; 
	width: 80px; 
	text-align: right; 
	margin-top: 30px;}
#top-box #link-box a {color:#2e86d0;}
.credits {font-size:11px;}
.over{cursor:pointer;background-color:#efefef;}

/* work page */

body.work #container {
	display:block;
	margin:15px auto auto auto;
	width:980px;
	height:931px;
	text-align:left;
	position:relative;}
body.work h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#484848;
	font-size:25px;
	margin:0;}
body.work h3 {
	padding:0;
	margin:5px 0 0 0;
	font-size:12px;
	font-weight:normal;
	text-transform:lowercase;}
.work-left {
	display:block;
	height:500px;
	width:270px;}
#work-left {
	display:block;
	height:500px;
	width:270px;}
#work-right {
	display:block;
	height:500px;
	width:655px;
	margin-left:20px;}
#title-box {
	background: #f8f8f8; 
	padding:10px 0 15px 15px;
	margin: 0 0 10px 0;}
#crew-box, #agency-box {
	background: #f8f8f8; 
	padding:15px 0 15px 15px;
	margin: 0 0 10px 0;}
#crew-box p, #agency-box p {margin:0;}
.this-img {
	width: auto;
	height: auto;
	background: #f8f8f8; 
	padding:15px 0 15px 15px;
	margin: 0 0 10px 0;}
.this-img p {margin:0;}
.single-view {
	margin: 0;
	padding: 15px 0;
	text-align: center;
	border: 1px #ccc solid;}
.single-view:hover {background: #f8f8f8;}
.img-info {
	display:block;
	width:200px;
	height:400px;}
.current-img img {border:3px cornflowerblue solid;}
#img-nav {margin: 0 0 10px 0;}
#img-nav img {margin: 0 5px 5px 0;}
#img-nav a {text-decoration:none;}

/* agency page */

body.agency h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
	padding: 15px 20px 0 20px;
	margin:0;}
body.agency #model-left {
	width: 300px;
	min-height:566px;
 	height:auto !important;
  	height:566px;}
body.agency #model-center {
	display:block;
	width: 740px;
	min-height:766px;
 	height:auto !important;
  	height:766px;
	padding: 20px 0px 20px 20px;}
body.agency #model-right {border-left:0;}
body.agency h2 {
	font-size:20px;
	font-weight:normal;
	padding-top: 20px;
	margin-bottom:10px;
	text-transform:lowercase;}
body.agency #bio h2 {padding-top: 0;}
body.agency #photo img {
	width:200px;
	border:0;
	margin:30px 0 0 0;}
body.agency #contact {
	display:block;
	font-size:11px;
	font-family:lucida grande, Arial, Helvetica, sans-serif;
	height:auto;
	width:inherit;
	color: #333;
	background:#f8f8f8;
	padding:20px 0 40px;
	margin-top:30px;
	border-bottom: #e5e5e5 1px solid;
	border-top: #e5e5e5 1px solid;}
body.agency #contact ul li {
	clear:both;
	padding:0;
	margin-left:20px;
	}
body.agency #contact .type {
	display:block;
	color:#808080;
	height:15px;
	width:60px;
	}
#model-female img, #model-male img {border:0;}
#model-female {display:block;clear:both;}
#model-female h3 {
	margin: 20px 0;
	padding: 10px;
	background: #efefef;
	color: #333;
	border-top: #cccccc 1px solid; }
#model-male {display:block;clear:both;}
#model-male h3 {
	margin: 20px 0;
	padding: 10px;
	background: #efefef;
	color: #333;
	border-top: #cccccc 1px solid; }
#non-model {display:block;clear:both;}
#non-model h3 {
	margin: 20px 0;
	padding: 10px;
	background: #efefef;
	color: #333;
	border-top: #cccccc 1px solid; }
#model-female ul li {
	float:left; 
	text-align:center; 
	width:80px; 
	height:120px;
	margin-right: 20px;}
#model-male ul li {
	float:left; 
	text-align:center; 
	width:80px; 
	height:120px;
	margin-right: 20px;}
#non-model ul li {
	float:left; 
	text-align:center; 
	width:100px; 
	height:120px;}
#r-models h3 {
	margin: 20px 0;
	padding: 10px;
	background: #efefef;
	color: #333;
	border-top: #cccccc 1px solid;
	clear:both; 
	}
#r-models .r-box {
	float:left; 
	text-align:center; 
	width:80px; 
	height:140px;
	margin-right: 20px;}
#title-bg {
	margin-top:20px; 
	padding-bottom:15px;
	background: #f1f1f1;}
#agency-pics {
	border: 1px #999 solid;
	padding:10px;
	margin: 20px 0 20px 0;}
#agency-pics img {margin-right: 5px;}
#agency-overview {
	display: block;
	width: inherit;
	height: auto;}
#agency-overview div {
	width: auto;
	height: auto;
	float: left;}

/* agency free listing */

#container-free {
	display: block;
	margin:15px auto auto auto;
	width:740px;
	min-height:345px;
 	height:auto !important;
  	height:345px;
	text-align:left;
	position:relative;
	border: 1px solid #d5d5d5;
	}
#ag-free-left #title-bg {background: transparent;}
#ag-free-left #title-bg h1 {padding:15px 30px;}
#ag-free-left {
	display:block;
	width: 320px;
	height:345px;
	float: left;
	border-right: 16px solid #d5d5d5;
	background: #f9f9f9;}
#ag-free-right {
	display:block;
	width: 404px;
	height:auto;
	float: left;}
#ag-free-right #contact {
	background: transparent;
	width: auto;
	margin:0;
	padding: 35px 25px;
	border: 0;}
#maps {
	display: block;
	width: auto;
	height: 20px;
	padding: 15px 25px 10px 45px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	}
#maps p {margin:0;padding:0;}
#desc {	
	display: block;
	width: auto;
	height: auto;
	margin:0;
	padding: 35px 45px;}

/* client page */

body.client h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:50px;
	padding: 0 0 30px 0;
	display:inline-block;
}
body.client h2 {
	font-size:20px;
	text-transform:none;
	margin:0;}
#client-work a {
	font-size:15px;
	color:#827430;
	text-decoration:none;}
#client-work h2 a {
	font-size:20px;
	color:#827430;
	text-decoration:none;}
#client-work a:hover {
	color:#7a7a7a;
	text-decoration:underline;}
#client-work {
	display:block;
	height: auto;
	width:805px;
	margin-right:60px;}
.client-work-box {
	background:#fafafa;
	padding: 23px;	
	border-bottom: 5px #666666 solid;}
#client-people {
	display:block;
	height: auto;
	width:428px;}
.cont {font-size:15px;}
#bar {background: #333333;height:20px;width:auto;}

/* ___________ */

.floatl {float:left;}
#photo img {width:230px;border:0;}
#ranks {display:block;margin: 0 0 0 22px;}
#ranks p {margin:0;}
#agencies {display:block;margin: 0 22px;}
#agencies p {margin:0;}
#agencies h3 {
	color: #333;
	font-size: 12px;
	margin-bottom: 5px;}
#bio {display:block;margin: 0 10px;}
.agcredit {border-bottom:1px solid #666;padding:4px;}
#vitals	 {display:block;margin: 15px 22px;}
#vitals p {margin:3px 0 0 0;}
#stats {display:block;
	padding: 10px 8px;
	margin-top: 15px;
	border-top: 1px #a6a6a6 solid;
	border-bottom: 1px #a6a6a6 solid;
	height:auto;}
#stats-line {
	border-top: 1px #d9d9d9 solid;
	margin:5px 0 10px 0;}
.info-squares {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	height:21px;
	width:32px;
	float:left;
	margin: 0 10px;
	text-align:center;}
.m2 .info-squares {
    display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	height:21px;
	width:51px;
	float:left;
	margin: 0 10px;
	text-align:center;}
.info {display:block;}
.m1 {width:auto;display:block;height:20px;}
.m2 {display:block;width:240px;height:20px;}
#division {
	display:block;
	height:30px;
	width:auto;
	background:#ccc;
	margin:20px 0;}
#profile-tab .con-box {
	display:block;
	height:auto; 
	width: 460px;
	margin:0 0 10px;
	font-size:14px;
	overflow:hidden;
	position:relative;}
#profile-tab .con-box .con-box-title {
	display:block;
	font-size:14px;
	margin: 5px 0 0 80px;
	height:80px; 
	width:380px;}
#profile-tab .con-box .con-box-img {
	display:block;
    margin-right: 10px;
	height:80px; 
	width:80px;}
.con-box a img {border:0;}
.con-box {display:block;height:80px;width: 460px;margin:0 0 10px;font-size:14px;}
.con-box .con-box-img {
	display:block;
	height:80px;
	margin-right:10px;
	width:80px;}
.con-box .con-box-title {
	display:block;
	font-size:14px;
	margin: 5px 0 0 10px;
	height:auto; 
	width:auto;}
#newsC h3 {
	font-weight:normal;
	margin:20px 0 5px 0;
	font-size:20px;
	padding:0;}
#newsC p {margin:0;padding:2px;}
#news h3 {
	font-weight:normal;
	margin:20px 0 5px 0;
	padding:0;}
#news p {margin:0;padding:2px;}
#profile-news p {margin:0;padding:0;}	
.news-date {display:inline-block;width: 70px;}
.news-dateC {display:inline-block;width: 140px;}
.news-date-info {
	display:inline-block;
	vertical-align:top;
	width:auto;}
#profile-tab h2 {padding-top: 15px;}
#profile-tab #one {
	width: 320px;
	height: auto;
	float: left;
	margin-right: 10px;}
#profile-tab #two {
	width: 120px;
	height: auto;
	float: left;
	margin-right: 10px;}
#ppl-campaigns div {
	display:block;
	height: 60px;
	width:auto;
	clear:both;
	margin: 0;}
#ppl-campaigns div a {float: left;}
#ppl-campaigns div a p {margin: 0 0 0 10px;font-size: 15px;}
#ppl-campaigns div a img {border:0;}

/* other */

.pad-box {height: 20px;}
#photo {padding:0;margin:0;display: block;}


/* footer */

#footer {
	background:#efefef;
	font-family:arial;
	font-size:10px;
	padding:20px;
	color:#666;
	border-top: 1px #dedede solid;}
#footer a{color:#333;text-decoration:none;}
#footer a:hover{color:#999;}

.EditButton {
	border-color: #827430;
	border-style: dotted none;
	border-width: 1px 0;
	background-color:white;
	color:#827430;
	cursor:pointer;
	margin-left:0;
}

.floatr {
	float:right;
	position:relative;
}

.EditButtonDiv {
	position:absolute;
	bottom:0;
}

#bioContainer {
	position:relative;
}

#bioText {
	height:auto;
	overflow:hidden;
	position:relative;
}

#viewMoreBio {
	border-top:1px dotted;
	position:absolute;
	padding:0px;
	background:#FFF;
	cursor:pointer;
	text-align:center;
	width:490px;
}

#moreLessButton {
	border-bottom:1px dotted;
	border-left:1px dotted;
	border-right:1px dotted;
	background:#FFF;
	width:auto;
	margin:auto;
	width:80px;
	text-align:center;
	position:relative;
	top:-1px;
	padding:4px;
}

#nameBox, #buttonBox  {
	float:left;
	display:inline-block;
	white-space:nowrap;
}


#buttonBox  {
	position:relative;
	top:20px;
	font-size:12px;
}
#client-left #buttonBox  {
	top:35px;
}

#userFav, #EditButton {
	padding:0 0 0 10px;
}

#buttonBox input {
	margin:0;
	padding:2px;	
}

#client-left #userFav, #client-left #EditButton {
	z-index:1500;
}

.FavButton, .profilePic {
	border-style: dotted;
	border-width: 1px 0;
	background-color:white;
	cursor:pointer;
	text-transform:uppercase;
	margin-left:0;
}

.FavButtonA, .profilePicA {
	border-color: #827430;
	color:#827430;
}

.FavButtonI {
	border-color: #999;
	color:#999;
}

.FavButtonF, .profilePicP {
	background: url("/mdcdb/i/check.png") no-repeat scroll left center transparent;	
}

.FavButtonF:Hover, .profilePicP:Hover {
	background: url("/mdcdb/i/x.png") no-repeat scroll left center transparent;	
}

#assAgencies, #assAgenciesWork {
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: url('/mdcdb/i/dropdown_arrow.png') no-repeat;  /*Adds background-image*/
      background-position: right 2px;  /*Position of the background-image*/
      width: auto; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
      color: #827430;
}

.loginForm {
	background-color:#fff;
	border:1px solid #7A7A7A;
	left:50px;
	top:-10px;
	padding:5px;
	position:absolute;
	z-index:500;
	display:none;
	white-space:nowrap;
}

#closeForm {
	background-color:#fff;
	border:1px solid #7A7A7A;
	position:absolute;
	top:-10px;
	right:-8px;
	padding:0 4px;
	font-size:10px;
	cursor:pointer;
}


.cidTileContainer {
	 float:left;
	 display:block;
	 height:240;
	 text-align:center;
	 /*padding:10px;*/
	 position:relative;
}

.cidTile {
	clear:both;
	width:228px;
	height:228px;
	overflow:hidden;
	background-color:#ccc;
	position:relative;
	border:1px solid #999;
}

.cidTileTitleBox {
	width:228px;
	color:#FFF;
	background-color:#666;
	position:absolute;
	bottom:0;
	left:0;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;"
}
.cidTile:hover .creditboxbottom {
	display:block;
}
.cidTileImage {
	width:228px;
	height:228px;
	overflow: hidden;
    /*background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    */
}

.cidTileImage img {
	width:228px;
	height:auto;
	position:relative;
	display:block;
}

/*.cidTileImage img {
   min-height: 100%;
   min-width: 100%;*/

   /* IE 8 */
  /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
   /* IE 5-7 */
   /*filter: alpha(opacity=0);*/
   /* modern browsers */
  /* opacity: 0;*/
/*}*/

.creditboxtop {font-size:12px;background-color:#999;width:228px;height:15px;}
.creditboxtop a:hover {color:white;}
.creditboxbottom {width:228px;height:35px;display:none;}

.NavOn {color:#CCC;}
.NavOff {color:#777;}

.clientlatestlist {
	position:relative;
}


#PrevNextNav {
	text-align:center;
	font-size:11px;
	line-height:25px;
	position:relative;
}

#PrevNav {
	float:left;
}

#NextNav {
	float:right;
}

#side-box {
	width: 300px;
	height: auto;
	margin:25px 0 0 0;
	}
	
.qtipdiv:hover .workTitle {text-decoration:underline;}
.workDetails .clientName, .workDetails .credits {color:#7a7a7a;}