/* zero all margins and padding */
*{
margin: 0;
padding: 0;
}

/* site wide font defaults */
html {
font: 100% Arial, Helvetica, sans-serif;
}

/* set the justification and background clour of the body */
body{
text-align: center;
background: #cecece;
font: 100% Arial, Helvetica, sans-serif;
}

a{
text-decoration: none;
color: #db237a;
}

a:hover{
text-decoration: none;
color: #333;
}

p{
font-size:70%;
color: #999;
}

#mainContentRightColumnDiv p.announcement{
font-size:90%;
color: #db237a;
}

/* this is used to clear the floats */
.clear{ 
clear: both;
}

.clearMain{ 
clear: both;
height: 10px;
display: block;
}

/* setup the wrapper div for the site */
#siteWrapperDiv{
text-align: left;
width: 800px;
height: 830px;
margin: 20px auto 0px auto;
/*background-image:url(../Images/SiteGraphics/temp_background.jpg)*/
}

/* setup the wrapper for the header incl background */
#headerWrapperDiv{
width:800;
height: 152px;
background-image:url(../Images/SiteGraphics/header_background.gif);
}

#mainContentDiv{
width: 800px;
background:url(../Images/SiteGraphics/main_content_bg.gif) repeat-y;
padding: 3px 0px 0px 0px;
}

#mainContentRightColumnDiv{
float: right;
display: inline; /*to fix the ie6 double margin float bug*/
margin: 0px 19px 0px 0px;
width: 589px;
background-color: #FFF;
}

#mainContentRightColumnDiv p{
font-size: 70%;
color: #999;
margin: 8px 0px 0px 0px;
}

#sectionLinkDiv
{
padding: 3px 0px 0px 0px;
}

#sectionLinkDiv h2, #sectionLinkDiv h3{
font-size: 100%;
font-weight: normal;
color: #db237a;
margin: 2px 8px 0px 8px;
}

#sectionLinkDiv p{
margin: 8px;
}

#homeTopImage
{
height: 245px;
width: 589;
}

h1.homeTitle {
	position:absolute;
	font-size: 1px; 
	text-indent: -5000px;
}

/* Hide from IE5-mac. Only IE6-win sees this. \*/ 
* html #homeTopImage {
margin: 0px 0px -3px 0px;
}
/* End hide from IE5/mac */

#homeModelsDiv
{
float: right;
display: inline; /*to fix the ie6 double margin float bug*/
width: 195px;
min-height:360px;
height: auto !important;
height: 360px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right;
}

#homeArtistesDiv, #homePromotionalDiv{
margin: 0px 0px 0px 3px;
float: right;
display: inline; /*to fix the ie6 double margin float bug*/
width: 194px;
min-height:360px;
height: auto !important;
height: 360px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right; 
}

#homeModelsDiv img, #homeArtistesDiv img, #homePromotionalDiv img{
	border: none;
}

#mainContentLeftColumnDiv{
width: 168px;
margin: 0px 0px 0px 19px;
}



/***********************************************/
/***********************************************/
/****************Main Navigation****************/
/***********************************************/
/***********************************************/

/* navigation container */
#mainNavigationDiv{
width: 168px;
}

#mainNavigationDiv ul{
list-style: none;
}

#mainNavigationDiv ul li{
margin: 0px 0px 1px 0px;
height: 21px;
}

#mainNavigationDiv a{
width: 168px;
height: 21px;
display: block;
}

.navText{
display: block;
padding: 2px 0px 0px 6px;
font-size: 80%;
}

.navTextSecondary{
display: block;
padding: 2px 0px 0px 14px;
font-size: 80%;
}

.navTextTertiary{
display: block;
padding: 2px 0px 0px 28px;
font-size: 80%;
}



#mainNavigationDiv .primary a
{
background: url(../Images/SiteGraphics/nav_primary.gif) top left no-repeat;
}

#mainNavigationDiv .secondaryFirst a
{
background: url(../Images/SiteGraphics/nav_secondary.gif) top left no-repeat;
}

/* ie only */
#mainNavigationDiv li.secondaryFirst{
margin: -3px 0px 1px 0px;
}

/* non ie override */
*|html #mainNavigationDiv li.secondaryFirst{
margin: 1px 0px 1px 0px;
}

#mainNavigationDiv .secondary a
{
background: url(../Images/SiteGraphics/nav_secondary.gif) top left no-repeat;
}

#mainNavigationDiv .tertiaryFirst a
{
background: url(../Images/SiteGraphics/nav_tertiary.gif) top left no-repeat;
}

/* ie only */
#mainNavigationDiv li.tertiaryFirst{
margin: -3px 0px 1px 0px;
}

/* non ie override */
*|html #mainNavigationDiv li.tertiaryFirst{
margin: 1px 0px 1px 0px;
}

#mainNavigationDiv .tertiary a
{
background: url(../Images/SiteGraphics/nav_tertiary.gif) top left no-repeat;
}

#mainNavigationDiv a.normal{
}

#mainNavigationDiv a.normal:hover{
background-position: 0 -21px;
}

#mainNavigationDiv a.normal:focus{
background-position: 0 -21px;
}

#mainNavigationDiv a.selected{
color: #fff;
background-position: 0 -42px;
}

#mainNavigationDiv a.selectedSecondary{
color: #000;
background-position: 0 -42px;
}

#mainNavigationDiv a.selectedTertiary{
color: #000;
background-position: 0 -42px;
}

/***********************************************/
/***********************************************/
/********************Footer*********************/
/***********************************************/
/***********************************************/




#footerWrapperDiv{
}

#footerTopDiv{
	background: url(../Images/SiteGraphics/main_content_bg.gif) repeat-y;
	text-align: center;
	padding: 0px 19px 0px 18px;
	margin: 0px;
}

#footerTopDiv hr{
display: none;
}	

#footerTopDiv ul{
	border-top: 1px dotted #999;
	font-size: 70%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#footerTopDiv ul li{
	display: inline;
	padding: 0px 2px 0px 5px;	
}

#footerTopDiv ul li.pipe{
	border-right: solid 1px #e55e9d;	
}

#footerBottomDiv p{
	font-size: 70%;
	color: #999;
	padding: 4px 0px 20px 0px;
}

#footerTopDiv a
{
	text-decoration: none;
	color: #999;
}

#footerTopDiv a:hover
{
	text-decoration: none;
	color: #333;
}

#footerBottomDiv{
	width: 800px;
	height: 66px;
	background: url(../Images/SiteGraphics/footer_bottom_bg.gif);
	text-align: center;
}




/***********************************************/
/***********************************************/
/********Portfolio/Application buttons**********/
/***********************************************/
/***********************************************/


#portfolioButtonDiv
{
width: 169px;
margin: 12px 0px 0px 0px;
background: url(../Images/SiteGraphics/portfolio_service_button.jpg);
}

#portfolioButtonDiv h3, #applicationButtonDiv h3{
font-size: 80%;
color: #db237a;
padding: 0px 8px 0px 10px;
}

#portfolioButtonDiv p, #applicationButtonDiv p{
padding: 5px 8px 0px 10px;
margin: 0px 0px 8px 0px;
}

#applicationButtonDiv
{
width: 169px;
margin: 12px 0px 0px 0px;
background: url(../Images/SiteGraphics/application_button.jpg);
}


.portfolioApplicationTop, .portfolioApplicationBottom{
width: 169px;
height: 19px;
}

.portfolioApplicationTop{
background: url("../Images/SiteGraphics/portfolio_application_top.gif") no-repeat;
}

.portfolioApplicationMiddle{
width: 169px;
background: url("../Images/SiteGraphics/portfolio_application_middle.gif") repeat-y;
}

.portfolioApplicationBottom{
background: url("../Images/SiteGraphics/portfolio_application_bottom.gif") no-repeat;
}

#portfolioButtonIconDiv
{
	width: 40px;
	height: 32px;
	float: right;
	margin: 0px 8px 0px 0px;
}

#applicationButtonIconDiv
{
	width: 54px;
	height: 45px;
	float: right;
	margin: 0px 8px 0px 0px;
}

#portfolioButtonDiv a.button, #applicationButtonDiv a.button{
margin: 0px 8px 0px 10px; 
padding: 2px 8px 4px 8px;
font-size: 70%;
background-color: #db237a;
color: #EEE;
font-weight: bold;
}




/***********************************************/
/***********************************************/
/*******************About us********************/
/***********************************************/
/***********************************************/

hr{
display: none;
}

#breadcrumbDiv
{
padding: 4px 0px 4px 0px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

#breadcrumbDiv h3
{
	font-size: 80%;
	font-weight: normal;
	color: #999;
}

#titleDiv
{
padding: 0px 0px 36px 0px;
border-bottom: 1px dotted #999;
}

#titleDiv h1
{
	font-size: 160%;
	font-weight: normal;
	color: #db237a;	
}

#titleDiv h2
{
	font-size: 160%;
	font-weight: normal;
	color: #db237a;	
}

#aboutImageRight
{
	float: right;
	width: 193px;
	margin: 3px 0px 0px 0px;
}

#aboutTextDiv
{
	width: 373px;
	margin: 3px 0px 0px 0px;
	padding: 8px 12px 12px 8px;
	background-color: #f7f7f7;
}

#aboutTextDiv h2{
	font-size: 110%;
	color: #db237a;
	font-weight: normal;
}

#aboutTextDiv h2.margin{
	font-size: 110%;
	color: #db237a;
	margin: 12px 0px 0px 0px;
	font-weight: normal;
}

#aboutTextDiv p{
	font-size: 70%;
	color: #999;
}



/***********************************************/
/***********************************************/
/***************Child Licensing*****************/
/***********************************************/
/***********************************************/

#childImageRight
{
	float: right;
	width: 193px;
	margin: 3px 0px 0px 0px;
}


/***********************************************/
/***********************************************/
/********************Gallery********************/
/***********************************************/
/***********************************************/

#galleryCol1, #galleryCol2, #galleryCol3
{
	float: left;
	width:147px;
	text-align:center;
	margin: 0px auto;
	}

#galleryCol4
{
	float: left;
	width: 145px;
	}

.galleryItem
{
	padding: 10px 6px 0px 6px;
}

.galleryItem hr
{
	color: #D5D5D5;
	height: 1px;
	display: block;
	margin: 6px 0px 4px 0px;
}

#mainContentRightColumnDiv .galleryItem p
{
	margin: 0px;
}

#mainContentRightColumnDiv .galleryItem p.quote
{
	font-weight: bold;
	margin: 3px 0px 18px 0px;
	color: #db237a;
}



/***********************************************/
/***********************************************/
/****************Creative Links*****************/
/***********************************************/
/***********************************************/



/***********************************************/
/***********************************************/
/***************Portfolio Service***************/
/***********************************************/
/***********************************************/

#portfolioLeftCol{
	float: left;
	width: 392px;
	margin: 0px;
}

#portfolioRightCol{
	float: right;
	width:193px;
	margin: 0px;
}

.portfolioPageImages {
margin: 3px 0px 0px 0px;
height: 179px;
}

#portfolioCopyDiv {
width: 380px;
margin: 3px 0px 0px 0px;
padding: 6px;
background-color: #f7f7f7;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right;
}

#portfolioCopyDiv ul {
	margin: 0px 0px 12px 0px;
}

#portfolioCopyDiv ul li {
	font-size: 70%;
	color: #999;
	list-style-type: disc;
	list-style-position: inside;
}

#portfolioCopyDiv p
{
	margin: 0px 0px 12px 0px;
	font-size: 70%;
	color: #999;
}

#portfolioCopyDiv h2{
	font-size: 110%;
	color: #db237a;
	font-weight: normal;
	margin: 2px 0px 8px 0px;
}

.PortfolioPriceleftCol{
width: 220px;	
}

#portfolioCopyDiv h2{
	font-size: 110%;
	color: #db237a;
	font-weight: normal;
}


/***********************************************/
/***********************************************/
/****************Contact Us Page****************/
/***********************************************/
/***********************************************/


.contactDetailsDiv{
margin: 10px 0px 0px 0px;
padding: 4px 0px 4px 0px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

.contactDetailsInnerDiv{
margin: 0px;
padding: 6px;
background-color: #fbe9f1;
}

.contactLabel, .contactLabelLong{
float: left;
width: 70px;
font-size: 80%;
color: #535454;
}

.contactLabelLong{
width: 140px;
}

.contactTextbox, .contactTextboxTop{
float: left;
margin: 0px 8px 0px 0px;
width: 170px;
display: block;
}

.contactTextboxTop{
margin: 0px 8px 8px 0px;
}

#enquiriesDiv
{
margin: 8px 0px 0px 0px;	
padding: 6px;
background-color: #f5f5f5;
}

.enquiryTextbox{
margin: 0px;
width: 450px;
height: 250px;
}

#submitButtonDiv{
margin: 6px 0px 4px 0px;	
}

#mainContentRightColumnDiv p.contactAddress{
font-size: 70%;
}

#mainContentRightColumnDiv p.mailSent{
	font-size: 100%;
	color: #db237a;
}


/***********************************************/
/***********************************************/
/**************Online Application***************/
/***********************************************/
/***********************************************/

.personalDetailsDiv{
margin: 10px 0px 0px 0px;
padding: 4px 0px 4px 0px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

.personalDetailsInnerDiv{
margin: 0px;
padding: 6px;
background-color: #fbe9f1;
}

.applyLabel, .applyLabelLong{
float: left;
width: 120px;
font-size: 70%;
color: #535454;
}

.applyLabelLong
{
width: 300px;
}

.applyTextbox, .applyTextboxTop
{
float: left;
margin: 0px 8px 0px 0px;
width: 220px;
display: block;
font-size:70%;
color: #535454;
}

.applyTextboxTop{
margin: 0px 8px 8px 0px;
}

.statsDiv{
margin: 8px 0px 0px 0px;
padding: 0px 0px 4px 0px;	
padding: 6px;
background-color: #f5f5f5;
}

.statsBorder{
margin: 4px 0px 0px 0px;
height: 1px;
width: 100%;
display: block;
border-top: 1px dotted #999;	
}

.applyRadio label
{
padding: 0px 0px 0px 16px;
font-size: 70%;
color: #535454;
}

.statsDiv h2{
font-size: 110%;
color: #db237a;
font-weight: normal;
}

.applyUpload{
width: 300px;
margin: 0px 0px 0px 120px;
}

.applyCheckbox
{
padding: 10px 0px 0px 0px;
float: left;
width: 40px;
}

.checkboxParagraph{
float:left;
width: 500px;
margin: 0px;
}


/***********************************************/
/***********************************************/
/*****************Artists Terms*****************/
/***********************************************/
/***********************************************/

#artistsTermsDiv{
text-align: left;
margin: 0px;
padding: 20px 40px;
background-color: #FFF;
}

#artistsTermsDiv h2{
font-size: 110%;
color: #db237a;
font-weight: normal;
}

#artistsTermsDiv p{
font-size: 80%;
color: #333;
font-weight: normal;
margin: 8px 0px 0px 0px;
}

#artistsTermsDiv ul{
list-style: none;
}

#artistsTermsDiv ul.termsSub li{
margin: 10px;
}

#artistsTermsDiv ul li.artistsTermsList{
margin: 18px 0px 0px 0px;
padding: 0px 30px 0px 30px;
font-size: 80%;
color: #666;
font-weight: normal;
}

.popupClose{
padding: 0px auto;
text-align: center;
width: 120px;
display: block;
background-color: #db237a;
color: #FFF;
}


/***********************************************/
/***********************************************/
/***************Modles List page****************/
/***********************************************/
/***********************************************/

.modelsItem
{
float:left;
margin: 4px 4px 0px 0px;
}

.modelsItemName
{
font-size:80%;
color: #db237a;	
margin: 6px 0px 0px 0px;
padding: 2px 0px 0px 0px;
border-top: 1px dotted #999;
}

.modelsItem a img
{
border: none;
width: 120px;
height: 168px;
}

.modelsItemImage
{
padding: 10px;
border-top: 1px solid #F7FAF8;
border-right: 1px solid #F0F5F1;
border-bottom: 1px solid #B2BBBA;
border-left: 1px solid #F7FAF8;
background-color: #EEF4EF;
}



#titleListDiv
{
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #999;
}

#titleListDiv h1, #titleListDiv h2, #titleListDiv h3
{
	font-size: 160%;
	font-weight: normal;
	color: #db237a;	
}

#titleListDiv h3{
	color: #999;	
}

#titleListDiv h2.subtitle{
	color: #999;	
}

#listPageNavInfo{
padding: 4px 0px 0px 0px;
border-bottom: 1px dotted #999;
}

#listPageNavInfo p{
margin: 0px;
padding: 0px;
font-size: 80%;
float:left;
}

.listPageNav{
float: right;
}

.pageLinks{
padding: 0px 0px 4px 12px;
float: left;
}

.pageNav{
float: left;
margin: 0px 0px 0px 8px;	
}

.listPageList
{
	list-style: none;
	font-size: 70%;
	color: #999;
}

.listPageNav img{
border: none;
}

.pageNavLinkActive{
	
}

.pageNavLinkCurrent{
	
}
	


/***********************************************/
/***********************************************/
/*************Creative Links page***************/
/***********************************************/
/***********************************************/


.link{
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 0px;
width: 192px;
float: left;
}

*|html .link{
margin: 0px 0px 6px 0px;
}

.linkCategory{
background-color: #b3b3b3;
display: block;	
padding: 2px 6px;
}

.linkContent{
margin: 4px 0px 0px 0px;
display: block;
border-bottom: 1px solid #CCC;
padding: 6px;
min-height:210px;
height: auto !important;
height: 210px;
background-color: #f0f0f0;
background-image: url(../Images/SiteGraphics/creativelinks_corner.gif); 
background-repeat: no-repeat;
background-position: bottom right; 
}

.link h1{
color: #fff;
font-size: 70%;
}

.link h2{
color: #727373;
font-size: 70%;
border-bottom: 1px solid #727373;
}

.link a{
font-size: 70%;
color: #db237a;
}

.link p{
font-size: 60%;
color: #727373;
}

.link img{
margin: 15px 0px 0px 0px;
}

#creativeLinks{
padding: 6px 0px;
border-bottom: 1px dotted #999;
}


/***********************************************/
/***********************************************/
/*************Detail User Control***************/
/***********************************************/
/***********************************************/

#detailsMainContent
{
line-height: 1.1;
border-top: 3px solid #FFF;
background-color: #f2f2f2;
}

#detailsMainContentImage{
float: left;
margin: 0px 8px 0px 0px;
border-right: 3px solid #FFF;
}

#detailsMainContent h2{
margin: 8px 0px 0px 0px;
font-size: 110%;
color: #db237a;
font-weight: normal;
}

#detailsMainContent p{
margin: 8px 0px 0px 0px;
font-size: 80%;
color: #999;
font-weight: normal;
}

/*#detailsMainImage{
float: left;
border-right: 3px solid #FFF;
}

ie defaults
#detailsMainImage img{
margin: 0px 0px -3px 0px;
}

non ie override
*|html #detailsMainImage img{
margin: 0px;
}

#detailsModelInfo{
float: left;
padding: 4px 0px 0px 9px;
}

#detailsModelInfo h2{
font-size: 110%;
color: #db237a;
font-weight: normal;
}

#detailsModelInfo p{
font-size: 80%;
color: #999;
font-weight: normal;
}*/

#AdditionalPhotosTitle{
clear: both;
margin: 3px 0px 0px 0px;
padding: 1px 0px 3px 0px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

#AdditionalPhotosTitle h3{
font-size: 80%;
font-weight: bold;
color: #db237a;
}

#additionalPhotos{
margin: 3px 0px 0px 0px;	
}

#additionalPhotos img{
border: none;
}


/***********************************************/
/***********************************************/
/**************Extras Header Page***************/
/***********************************************/
/***********************************************/


#m20s30s, #w20s30s
{
margin: 0px 0px 3px 0px;
float: right;
display: inline; /*to fix the ie6 double margin float bug*/
width: 195px;
min-height:290px;
height: auto !important;
height: 290px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right;
}

#m40s50s, #w40s50s, #m60, #w60{
margin: 0px 0px 3px 3px;
float: right;
display: inline; /*to fix the ie6 double margin float bug*/
width: 194px;
min-height:290px;
height: auto !important;
height: 290px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right; 
}

#m20s30s img, #w20s30s img, #m40s50s img, #w40s50s img, #m60 img, #w60 img{
border: none;
}


/***********************************************/
/***********************************************/
/***************Promo Header Page***************/
/***********************************************/
/***********************************************/


#promoBoys
{
margin: 0px 0px 3px 0px;
float: left;
display: inline; /*to fix the ie6 double margin float bug*/
width: 194px;
min-height:290px;
height: auto !important;
height: 290px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right;
}

#promoGirls{
margin: 0px 0px 3px 3px;
float: left;
display: inline; /*to fix the ie6 double margin float bug*/
width: 194px;
min-height:290px;
height: auto !important;
height: 290px;
background-color: #f2f2f2;
background-image: url(../Images/SiteGraphics/pink_arrow_bottom_right.gif); 
background-repeat: no-repeat;
background-position: bottom right; 
}

#promoQuotes{
margin: 0px 0px 3px 3px;
float: left;
display: inline; /*to fix the ie6 double margin float bug*/
width: 194px;
}

.promoItem
{
	padding: 6px 6px 0px 6px;
}

#mainContentRightColumnDiv .promoItem p
{
	margin: 0px;
}

#mainContentRightColumnDiv .promoItem p.quote
{
	font-weight: bold;
	margin: 3px 0px 12px 0px;
	color: #db237a;
}

#promoBoys img, #promoGirls img{
border: none;
}




/***********************************************/
/***********************************************/
/******************Admin Page*******************/
/***********************************************/
/***********************************************/



#adminDetailDiv{
background-color: #f2f2f2;
padding: 4px;
}

#adminDetailDiv h2
{
font-weight: normal;
color: #db237a;
}

#adminDetailDiv p{
font-size: 80%;
color: #999;
}

.adminLabelStatic
{
border-top: 1px dotted #999;
float: left;
width: 180px;
margin: 6px 0px 0px 0px;
padding: 2px 0px 0px 0px;
font-size: 80%;
color: #999;
}

.adminLabelValue
{
border-top: 1px dotted #999;
float: left;
width: 350px;
margin: 6px 0px 0px 0px;
padding: 2px 0px 0px 0px;
font-size: 80%;
color: #999;
}

.adminPanel{
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
margin: 3px 0px 0px 0px;
}

.adminImage{
float: left;
/*width: 160px;*/
margin: 8px 3px 0px 0px;
padding: 8px;
background-color: #CCC;
}