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

*{margin: 0px; padding: 0px;}

body {
text-align: center;
width: 870px;
margin: 0px auto;
padding: 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#ccc; 
background-color: #D0BFCC;
}

a {
text-decoration: none;
}

a:hover {
text-decoration:none; 
font-weight:bold;
color: #7A5E74;
}

a.ColorLink:link {
text-decoration: none;
color: #7A5E74;
}

a.ColorLink:hover a.ColorLink:visited {
text-decoration:none; 
color: #7A5E74;
}

p, li {
font-size: .8em;
margin-left: 12px;
padding: 5px;
line-height:16px;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

li {
margin-left: 60px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

h1, h2, h3 {
font-size: 14px;
margin-top: 15px;
margin-left: 18px;
margin-bottom: 6px;
color: #7B7B21;
}

h2, h3 {
font-size: 13px;
margin-top:25px;
}

h3 {
font-size:12px;
}

#container {
position:relative;
width: 870px;
height:auto;
margin: 0 auto;	
text-align: left;
padding: 0px;
}

#header {
position: relative;
float:left;
top: 0px;
left:0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;	
width: 100%;
height: 48px;
}


#middle {   
clear: both; 
float: left;
position: relative;
width: 100%;
height: auto; 
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
text-align: left;
}

#content, #index #content {
float: left;
position:relative;
width: 100%;
max-height: auto;
min-height: 530px;
margin: 0px;
padding:0px;
background:url(../images/content_bkgd.jpg) repeat-y top left;
}

#index #content {background:url(../images/index_contentbkgd.jpg) repeat-y top left;}

#footer, #index #footer {
clear: both;
float: left;
position:relative; 
width: 100%;
height: 60px;
text-align: left; 	
padding: 0px;
background: url(../images/footer.jpg) no-repeat;
}

#index #footer {background: url(../images/index_footer.jpg) no-repeat;}

/*------------------------HEADER-------------------------------*/
#header a img { border: 0; } 
#header a:hover img {border: 0;}
#header a:visited img {border: 0; }

.title {
float: left;
position:relative;
width: 266px;
height: 27px;
margin:0px;
padding:20px 0px;
}


/*------------------------MIDDLE-------------------------------*/
#top_border, #index #top_border {
width: 100%;
height: 28px;
float: left;
background: url(../images/content_top.jpg) no-repeat;
}

#index #top_border {background: url(../images/index_contenttop.jpg) no-repeat;}

#bottom_border {
width: 100%;
height: 12px;
float: left;
background: url(../images/content_bottom.jpg) no-repeat;
}

#index #bottom_border {background: url(../images/index_contentbottom.jpg) no-repeat;}

/*-----------------NAVIGATION-------------------*/

#footer #navigation {
float: left;
width: 100%;
height: 35px;
padding: 0px;
margin:0px;
margin-left:30px;
}

#footer #navigation div {
float: left;
padding-top: 2px;
text-align:center;
width: 80px;
}

#footer #navigation div a {
text-decoration: none;
color: #6F5067;
font-weight: normal;
letter-spacing:.12em;
font-size:11px;
padding: 0px 2px 0px 2px;
}

#footer #navigation div a:hover {
text-decoration: none;
background-color: #E8E2E6;
padding:2px 2px 2px 2px;
*padding: 1px 2px 4px 2px;
}

#footer #navigation div.currentpage a:visited {
font-weight:bold;
color: #6F5067;
font-size:12px;
}

#navigation #fashion {
float: left;
width: 80px;
margin-left: 20px;
}

#navigation #advertising {
float: left;
width: 80px;
margin-left: 60px;
}

#navigation #kids{
float: left;
width: 80px;
margin-left: 60px;
}

#navigation #reel {
float: left;
width: 80px;
margin-left: 60px;
}

#navigation #clients {
float: left;
width: 80px;
margin-left: 60px;
}

#navigation #contact {
float: left;
width: 80px;
margin-left: 60px;
}

#footer .clear {clear:both;}


/*--------------------pages-----------------------*/



/*-------------------INTRO------------------------*/
#content .intro-image {
float: left;
width: 410px;
height: 540px;
margin: -4px 0 -6px 25px;
padding:0px;
background: url(../images/intro_image4.jpg) no-repeat top left;
border-right: 1px solid #CEBEC9;
}

#content .intro-title {
float: left;
width: 240px;
height: 80px;
margin:250px 0 0 520px;
padding:0px;
}

#content .intro-title img {
margin-bottom: 10px;
}


/*------------------FLASH PAGES---------------------*/
#middle .video {
float: left;
width: 820px;
height: 620px;
}


/*------------------CLIENTS PAGE---------------------*/
#content .photo-list, 
#content .misc-list, 
#content .vip, 
#content .separator {
margin-left: 240px;
width: 600px;
float: left;
}

#content .photo-list .column1, 
#content .photo-list .column2, 
#content .photo-list .column3, 
#content .misc-list .column1,
#content .misc-list .column2,
#content .misc-list .column3, 
#content .vip .column1,
#content .vip .column2,
#content .vip .column3 {
float: left;
width: 185px;
margin-right: 15px;
}

#tvcvBody {
float: left;
width: 300px;
margin-right: 15px;
}

#content .misc-list, 
#content .vip {clear:both;}

#content .vip {
margin-bottom:12px;
}

#content .separator {
width: 544px;
margin-top: 10px;
}

#content li {
list-style:none;
margin-left: 35px;
color: #7A5E74;
font-weight: lighter;
}

#content ul {
margin-bottom: 6px;
}

#content h2 {
margin-top: 17px;
margin-bottom: 12px;
margin-left: 10px;
color: #7A5E74;
}


/*------------------CONTACT PAGE---------------------*/
#content .contact {
float: left;
width:820px;
height: 540px;
margin-left:25px;
margin-top: -4px;
margin-bottom: -6px;
background: url(../images/contact_img.jpg) no-repeat top left;
}

#content .contact img {
margin-top: 345px;
margin-left: 30px;
}

/*------------------------FOOTER-------------------------------*/

#footer .signature {
clear: both;
float: left;
width:55%;
margin: 0;
padding: 20px 0 5px 20px;
font-size: 10px;
color: #8C7D8B;
letter-spacing:.12em;
}

#footer .credits {
float: right;
text-align:right;
width:30%;
padding: 20px 20px 0px 0px;
font-size: 10px;
color: #8C7D8B;
letter-spacing:.11em;
}

#footer .credits a {
text-decoration:none;
font-weight:bold;
color: #8C7D8B; /*#976B93;*/
}

#footer .credits a:hover {text-decoration:none;color: #8C7D8B;}
#footer .credits a:visited {text-decoration:none;color: #8C7D8B;}