@font-face {
  font-family: "avant garde";
  src: url('Avant.ttf') format("truetype");
}

body {
margin: 0;
padding: 0;
background: #fff url('../images/top_navi.gif') repeat-x top;
}

#sp-page {
position: relative;
margin: 0 auto;
padding: 0;
width: 1000px;
/*
border-right: solid 1px #aeaeae;
border-left: solid 1px #aeaeae;
border-bottom: solid 1px #aeaeae;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
*/
}

#header {
background: #fff url('../images/top_navi.gif') repeat-x;
height: 93px;
} 

#logo {
margin: 0;
padding: 0;
width: 230px;
top: 20px;
left: 40px;
position: absolute;
}

#logo img {
margin: 0;
padding: 0;
border: none;
height: 60px;
}

#header #menu a:after {
/* content: url('../images/top_divider.gif'); */
}

#menu {
text-align: right;
position: absolute;
top: -1px;
right: 40px;
margin: 0;
padding: 0;
height: 93px;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 40px;
}

#menu ul li {
display: inline;
height: 65px;
line-height: 65px;
margin: 0;
padding: 0;
}

#menu ul li a {
margin: 0;
color: #222;
font-size: 14px;
font-weight: bolder;
font-family: verdana;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 47px;
display: inline;
height: 93px;
text-decoration: none;
/* border-right: solid 1px #ccc; */
background: url('../images/top_divider.gif') no-repeat bottom right;
display: inline;
margin-left: -4px;
}

#menu ul li a:hover, #menu ul li a#active {
background: #fff url('../images/top_divider.gif') no-repeat bottom right;
}

#menu ul ul {
margin: 0;
padding: 0;
top: 91px !important;
}

.modelthumb  {
width: 110px;
height: 146px;
border: none;
padding: 2px;
margin-right: 10px;
margin-bottom: 10px;
opacity: 0.8;
-moz-opacity:.80; 
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
border: solid 1px #fff;
}

.modelthumblink {

}

.modelthumb:hover {
opacity: 1;
-moz-opacity: 100; 
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100"; /* IE 8 */
-khtml-opacity: 1; /* Safari 1.x */
border: solid 1px #ccc;
}

.modelthumblink:hover {

}

#content {
margin-left: 40px;
margin-right: 40px;
margin-top: 40px;
/* display: none; */
}

#loading {
position: absolute;
z-index: 999;
left: 40px;
right: 40px;
top: 200px;
font-family: arial;
text-align: center;
background: #fff url('../images/loading7.gif') no-repeat center top;
padding: 10px;
height: 100px;
border: solid 1px #ccc;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
opacity:0.8;
/* width: 100px; */
}

#footer {
margin-bottom: 40px;
font-family: verdana;
font-size: 10px;
border-top: dotted 1px #ccc;
color: #555;
clear: both;
text-align: center;
}

#footer a {
color: #444;
}

ul#fader {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
}

ul#fader li img{
border: 1px solid #ccc;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #fff url('../images/fade1.gif') repeat-x top;
height: 350px;
width: 500px;
}

#profile-thumbs {
list-style-type: none;
margin: 0;
padding: 0;
float: right;
border: 1px solid #ccc;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #fff url('../images/fade1.gif') repeat-x top;
width:  385px;
}

#profile-thumbs  img{
border: none;
padding: 2px;
margin-right: 10px;
margin-bottom: 10px;
}

.clear {
clear: both;
height:10px;
}

.rightzone {
float:right; 
border: solid 1px #ccc; 
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 360px;
height: 350px;
background: #fff url('../images/fade1.gif') repeat-x top;
}

h1 {
font-family:'Arial', 'avant garde', 'avant';
font-size: 20px;
}

h2 {
font-size: 18px;
font-weight: bold;
font-family: "Arial";
padding: 5px;
margin: 0;
}

h3 {
font-size: 16px;
font-weight: bold;
font-family: "Arial";
padding: 5px;
margin: 0;
}

p {
font-family: "Arial";
font-size: 11px;
padding: 5px;
}

a {
color: #222;
}

.img-left {
float: left;
margin-right: 5px;
display: block;
width: 100px;
}

.img-left-full {
float: left;
margin-right: 5px;
display: block;
width: 350px;
}

.line {
border-top: dotted 1px #ccc;
}

.booking {
background: #fff url('../images/online-model-booking.jpg') no-repeat;
height:  144px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
border: dotted 1px #ccc;
}

.booking h2, .booking p {
opacity: 0.5;
-moz-opacity:.50; 
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50"; /* IE 8 */
-khtml-opacity: .50; /* Safari 1.x */
background: #111;
color: #fff;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-bottomleft: 10px;
}

.booking p {
width: 138px;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.h2fix {
margin-top: -15px;
padding-top: 0px;
}

input {
-moz-border-radius:15px;
-webkit-border-radius:15px;
background: #fff;
color: #222;
font-weight: bold;
border: solid 1px #ccc;
margin-top: 5px;
padding: 5px;
}

select {
-moz-border-radius:15px;
-webkit-border-radius:15px;
background: #fff;
color: #222;
font-weight: bold;
border: solid 1px #ccc;
margin-top: 5px;
padding: 5px;
width: 100%;
}

option {
border: solid 1px #eee;
-moz-border-radius:15px;
-webkit-border-radius:15px;
background: #fff;
}

textarea {
-moz-border-radius:15px;
-webkit-border-radius:15px;
background: #fff;
color: #222;
font-weight: bold;
border: solid 1px #ccc;
margin-top: 5px;
padding: 5px;
width: 99%;
}

fieldset {
border: solid 1px #ccc;
opacity: 0.9;
color: #000;
background: #fff;
width: 300px;
margin:0 auto;
padding: 10px;
text-align: center;
}

fieldset div {
text-align: center;
font-family: arial;
}

fieldset select {
width: 100px;
}

input[type='radio'] {
background: none;
border: none;
}

input[type='button'] {
background: #007933;
color: #fff;
border: solid 1px green;
float: right;
text-transform:uppercase;
width:90px;
}

input[type='button'].back {
background: #007933;
color: #fff;
border: solid 1px green;
float: left;
}


legend {
font-weight: bolder;
font-family: arial;
color: #27A62F;
background: url('../images/fill.png');
padding: 10px;
margin-left: 70px;
text-transform: uppercase;
border: solid 1px #ccc;
/* color: #fff; */
}

label {
font-weight: bold;
font-size: 12px;
}

#login {
background: #007933;
color: #fff;
border: solid 1px green;
float: left;
}

.logout {
text-align: right;
font-size: 14px;
font-weight: bold;
}

.admin-tabs {
border-bottom: solid 1px #ccc;
text-align: right;
}

.admin-tabs a {
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
background: #bbb;
font-size: 14px;
font-weight: bold;
margin-right: 10px;
}

.admin-tabs a:hover, .admin-tabs a.active {
background: #eee;
}

iframe {
width: 100%;
border: none;
height: 610px;
}

#admin-title {
padding:0;
margin:0;
}



#menu li ul { /* second-level lists */
	display: none;
	position: absolute;

	background: #D8D8D8;
	padding: 4px;
	margin: 0;
	border: solid 1px #AEAEAE;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
	z-index:100;
opacity: 0.8;
-moz-opacity:.80; 
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	top: 93px;
	left: -4px;
}

#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
	display: block;
	margin: 0;
background: #D8D8D8;
background-image: none;
}

#menu li ul li {
line-height: 30px;
height: 30px;
background-image: none;
}

#menu li ul li a {
margin: 0;
padding: 0;
height:30px;
background: #D8D8D8;
background-image: none;
display: block;
width: 130px;
text-align: left;
padding: 4px;
border-bottom: solid 1px #AEAEAE;
text-indent: 10px;
font-size: 12px;
}


#twitter {
display: none;
}

#regform {
/* width: 800px; */
}

#regform ul, #regform p {
font-size: 12px;
font-family: verdana;
}

.modelimgwrap {
float: left;
display: inline;
position: relative;
}



.New {
position: absolute;
left: 68px;
top: 15px;
width: 36px;
background: #fff;
margin: 0;
padding: 0;
text-decoration: none;
border: none;
right: 0px;
display: inline;
clear: none;
font-family: arial;
font-size: 12px;
padding: 4px;
border-left: solid 1px #999;
border-bottom:  solid 1px #999;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-topleft:10px;
-webkit-border-radius-bottomleft:10px;
opacity: 0.7;
-moz-opacity:.70; 
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70"; /* IE 8 */
-khtml-opacity: .70; /* Safari 1.x */
font-weight: bold;
text-align: right;
color: #f00000;
}

.NameTag {
position: absolute;
left: 2px;
bottom: 25px;
width: 100px;
background: #fff;
margin: 0;
padding: 0;
text-decoration: none;
border: none;
right: 0px;
display: inline;
clear: none;
font-family: arial;
font-size: 12px;
padding: 4px;
border-right: solid 1px #999;
border-bottom:  solid 1px #999;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-topright:10px;
-webkit-border-radius-bottomright:10px;
opacity: 0.7;
-moz-opacity:.70; 
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70"; /* IE 8 */
-khtml-opacity: .70; /* Safari 1.x */
font-weight: bold;
}

#modelinfo {
width: 398px;
background: #fff url('../images/fade1.gif') repeat-x top;
border: solid 1px #aeaeae;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float: left;
padding: 10px;
margin-top: 10px;
/* clear: both; */
}

#modelbios {
width: 450px;
background: #fff url('../images/fade1.gif') repeat-x top;
border: solid 1px #aeaeae;
-moz-border-radius:10px;
-webkit-border-radius:10px;
float: right;
padding: 10px;
margin-top: 10px;
}

#modelinfo table, #modelbios table {
border: none;
font-size: 11px;
font-family: verdana;
padding: 5px;
border-left: solid 1px #eee;
}

#MainProfPhoto {
float: right;
max-width: 450px;
padding: 10px;
background: #fff url('../images/bg.gif') repeat top;
border: solid 1px #aeaeae;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.DrillDown {
text-align: right;
width: 580px;
float: right;
/*border-right: solid 1px #ccc;
border-bottom:  solid 1px #ccc;*/
/*padding: 8px;
-moz-border-radius:10px;
-webkit-border-radius:10px*/
line-height: 30px;
margin-top: -5px;
}

.DrillDown a {
padding: 4px;
padding-left: 6px;
padding-right: 6px;
background: #eee;
text-decoration: none;
margin-left: 6px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-right: solid 1px #999;
border-bottom:  solid 1px #999;
font-weight: bold;
}

.DrillDown a:hover, .DrillDown .Active {
background: #fff url('../images/fade1.gif') repeat-x top;
}

#contact-area {
width: 600px;
}

#contact-area ul {
font-family: verdana;
font-size: 12px;
}

#about-area {
width: 600px;
}

#Agreement img {
float: left;
}

#Agreement {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: solid 1px #999;
height: 50px;
margin-bottom: 40px;
}

#Agreement a {
height: 48px;
font-size: 18px;
padding: 10px;
display: block;
}

#HireMe {
width: 450px;
float: right;
padding: 10px;
border: solid 1px #aeaeae;
margin-top: 10px;
background: #fff url('../images/bg.gif') repeat top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: #fff;
}

#HireMe img {
border: none;
height: 30px;
margin-right: 10px;
display: inline;
}

#HireMe a {
font-size: 10px;
display: inline;
font-family: verdana;
font-weight: bold;
text-decoration: none;
color: #fff;
}

#HireMe li {
clear: both;
display: inline;
}

#HireMe ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#flashContent {
z-index:1;
}

#bottom-links {
position: relative;
text-align: center;
}

#bottom-links p {
font-size: 13px;
}

ol, ol li {
font-family:arial;
font-size:10px;
}

#SPHireBar {
height: 25px;
padding: 10px;
background: #fff url('../images/fade1.gif') repeat-x top;
border-bottom: solid 1px #aeaeae;
border-right: solid 1px #aeaeae;
border-left: solid 1px #aeaeae;
position: relative;
margin: 0 auto;
padding: 9px;
width: 900px;
}

#SPHireBar p {
font-size: 13px;
margin: 0;
padding: 0;
font-family: verdana;
}


#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}