/**
 *	Base Style Sheet For FabNewFaces [Frontend] (c) 2009
 *	http://www.fabnewfaces.co.uk
 *
 */

* {
	margin:0;
	padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/**
 * General CSS to control the presentation of the layout of the site
 *	
 */

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #404041;
	background: url(../images/body-bg.png) top left repeat-x;
	line-height: 1.5;
}

#wrapper {
	position: relative;
	min-height: 100%;
	margin: 0 auto; 
}

* html #wrapper {
	height: 100%;
}

#inner-wrapper {
	position: relative;
	width: 960px;
	min-height: 500px;
	margin: 0 auto;
 	overflow: hidden;
}

#header {
	position: relative;
	width: 960px;
	height: 110px;
}

#nav-container {
	position: relative;
	background: #f0f0f0;
	height: 34px;
	width: 960px;
	z-index: 2;
}

#navigation {
	position: relative;
	height: 20px;
}

#content {
	position: relative;
	width: 960px;
	clear: both;
	z-index: 1;
}

#slideshow-container {
	z-index: 0;
	height: 600px;
	margin-bottom: 1px;
}

#footer {
	position: relative;
	background: #f0f0f0;
	height: 20px;
	width: 950px;
	margin: 0 auto;
	padding: 5px;
	font-size: 0.9em;
	margin-bottom: 20px;
	clear: both;
} 

#footer table {
	width: 100%;
}

#footer table a {
	color: #000;
}

#footer td.label {
	width:25px;
}

#footer td.copyright {
	text-align: right;
	padding-right: 5px
}

/**
 * Styles to be applied globally (e.g. strong)
 *	
 */

strong {
	font-weight: bold;
} 

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #ccc; }

legend {  
font-weight : bold; }

 
/**
 * Header elements
 *	
 */
 
#header h1 {
	position: relative;
	background: url(../images/logo.png) top left no-repeat;
	width: 382px;
	height: 56px;
	top: 35px;
	text-indent: -5000em;
}

#header h1 a {
	display: block;
	width: 382px;
	height: 56px;
}

#header #header-contact-details {
	position: absolute;
	right: 0px;
	top: 26px;
}

#header #header-contact-details td.label {
	color: #FF0083;
	width: 55px;
	padding: 0px;
}

td.label {
	color: #FF0083;
	padding-right: 5px;
	padding-left: 7px;
}

/**
 * Search Elements
 *	
 */
 
#search-holder {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.9em;
	z-index: 99;
}

#search-holder td {
	padding-bottom: 5px;
}

#search-holder p {
	padding-bottom: 10px;
	font-weight: bold;
}
 
#search-panel {
	position: relative;
	width: 259px;
	background: #fdfdfd;
	height: 540px;
	display: none;
	padding: 10px;
}

#search-holder h4.slide-button {
	position: relative;
	background: url(../images/search-open.png) top left no-repeat;
	width: 279px;
	height: 40px;
	text-indent: -5000em;
	cursor: pointer;
}

#search-holder h4.active {
	background: url(../images/search-close.png) top left no-repeat;
}

#search-holder input.text {
	border: 1px solid #ccc;
	padding: 2px;
	color: #666;
	width: 150px;
}

#search-holder input.text-small {
	border: 1px solid #ccc;
	padding: 2px;
	color: #666;
	width: 55px;
}

#search-holder select {
	border: 1px solid #ccc;
	padding: 2px;
	color: #666;
}

##search-holder textarea {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
	height: 150px;
}

#search-holder input.submit {
	border: 0px;
	background: #EC008C;
	padding: 3px;
	color: #fff;
}



/**
 * Extended Navigation Buttons
 *	
 */
 
#navigation-extension {
	position: absolute;
	top:0px;
	right: 0px;
	list-style-type: none;
}

#navigation-extension li {
	float: left;
	height: 27px;
	padding: 3px 25px;
	border-left: 1px solid #fff;
	background: #EB028C;
	line-height: 2;
}

#navigation-extension li a {
	display: block;
	height: 27px;
	text-decoration: none;
	color: #fff;
}

/**
 * Model List Container Elements
 *	
 */
 
#model-list-container {
	position: relative;
	padding: 20px 13px;
}

#model-list-container div.model-holder-wrapper {
	position: relative;
	width: 760px;
	left: 111px;
}

#model-list-container h3.prev a{
	position: absolute;
	top: 40px;
	background: url(../images/left_arrow.gif) top center no-repeat;
	width: 50px;
	height: 100px;
	text-indent: -5000em;
	float: left;
}

#model-list-container h3.next a{
	position: absolute;
	top: 40px;
	right: 0px;
	background: url(../images/right_arrow.gif) top left no-repeat;
	width: 50px;
	height: 100px;
	text-indent: -5000em;
	float: right;
}

#model-list-container h3 a:hover{
	background-position: 0 -100px;
}

#model-list-container h3.disabled a {
	background-position: 0 -200px;
}

#model-list-container h4 {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;

}

#model-list-container div.model-holder {
	position: relative;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 45px;
	margin-bottom: 25px;
	height: 236px;
}	

#model-list-container div.last {
	margin-right: 0px;
	margin-bottom: 45px;
}	

#model-list-container div.model-holder img {
	margin-bottom: 10px;
}	

#model-list-container div.model-holder a {
	text-decoration: none;
	color: #000;
}	

/**
 * View Model Elements
 *	
 */

#view-model-container {
	position: relative;
	padding: 20px 13px;
}

#view-model-container h2 {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 20px;
}

#view-model-container h3 {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#model-navigation {
	position: absolute;
	top: 20px;
	right: 0px;
}

#view-model-container h4.button {
	position: relative;
	border: 0px;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 5px;
	cursor: pointer;
	float: left;
}

#view-model-container h4.button a {
	display: block;
	width: 120px;
	padding: 5px;
	background: #CBC9C9;
	color: #000;
	text-decoration: none;
}

#view-model-container h4.button a:hover {
	background: #EB028C;
	color: #fff;
}

#view-model-container h4.disabled a:hover {
	background: #f0f0f0;
	color: #666;
}

#view-model-container h4.disabled a {
	background: #f0f0f0;
	color: #666;
	cursor: default;
}

#view-model-container img {
	border: 1px solid #ddd;
	padding: 5px;
	margin-right: 20px;
	float: left;
}

#view-model-portfolio {
	position: relative;
	width: 690px;
	float: left;
}

#view-model-portfolio img {
	margin-bottom: 20px;
	margin-right: 27px;
}

#view-model-portfolio  img.last {
	margin-right: 0px;
}

#model-details {
	position: relative;
	width: 500px;
	float: left;
}

#model-skills {
	position: relative;
	width: 380px;
	float: right;
}

#model-skills p {
	padding-bottom: 8px;
}

#model-details td.field {
	color: #FF0083;
	width: 100px;
}

/**
 * Terms Elements
 *	
 */
 
#terms-container {
	position: relative;
	padding: 20px 13px;
}

#terms-container h2 {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
}

#terms-container h3 {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#terms-container p {
	padding-bottom: 15px;
}

/**
 * Lightbox Elements
 *	
 */
 
#lightbox-container {
	position: relative;
	padding: 20px 13px;
}

#lightbox-container h2 {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
}

#lightbox-container h3 {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#lightbox-container p {
}

#lightbox-container  a {
	color: #000;
}	

#lightbox-container div.model-holder {
	position: relative;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 45px;
	margin-bottom: 45px;
}	

#lightbox-container div.model-holder img a {
	text-decoration: none;
	color: #000;
}	

#lightbox-container table {
	padding-top: 15px;
}

#lightbox-container td.field {
	width: 100px;
	font-weight: bold;
}

#lightbox-container td {
	vertical-align: top;
	padding-bottom: 15px;
}

#lightbox-container input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 200px;
}

#lightbox-container input.text-long {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
}

#lightbox-container textarea {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
	height: 150px;
}

#lightbox-container input.submit {
	border: 0px;
	background: #EC008C;
	padding: 5px;
	color: #fff;
}

/**
 * Join Elements
 *	
 */
 
#join-container {
	position: relative;
	padding: 20px 13px;
}

#join-container h2 {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
}

#join-container h3 {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#join-container table {
	padding-bottom: 20px;
}

#join-container td {
	padding-bottom: 10px;
	vertical-align: top;
}

#join-container p {
	padding-bottom: 15px;
}

#join-container input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 200px;
}

#join-container input.date {
	cursor: pointer;
}

#join-container select{
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
}

#join-container option{
	padding: 0 5px;
	color: #666;
}

#join-container input.text-long {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
}

#join-container textarea {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
	height: 150px;
}

#join-container input.text-small {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 100px;
}

#join-container input.checkbox {
	margin-left: 15px;
}

#join-container input.submit {
	border: 0px;
	background: #EC008C;
	padding: 5px;
	color: #fff;
}

#join-container h6.button {
	border: 0px;
	background: #EC008C;
	width: 70px;
	padding: 5px;
	color: #fff;
	margin-bottom: 5px;
	cursor: pointer;
}

#join-container ul {
	padding-bottom: 15px;
	list-style-type: none;
}

/*--------------*/

#form-wrapper {
	position: relative;
}

div.inches-form {
	position: absolute;
}

div.cm-form {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}