/* CSS Document */

body {
margin:0;
background-color:#AFB7AA;
}
body#fullscreen_image {
background-color:none;

}
p#player2 {/*--- put border around the video player ----*/
border:solid #AFB7AA 1px;
padding:5px;
width:600px;
height:260px;

}

div.movie_container { /*---TD that contains the large zoomable image, movie.html ----*/
padding: 5px;
border:solid #AFB7AA 1px;
margin-right:10px;

}
tr.tr_movie_container {
padding-right:8px;
}
embed, object {
z-index:0;

}


img.intro_thumb { /*the thumb in the intro tab */
margin: 0 0px 7px 10px;

}


div#td_contact_info {   /*---to nudge over the top-left links to the left left abit and away from the edge --- */
margin-right: 10px;
}



h3.client_name_gallery {  /*---controls h3 of the client's name title --- */
font-size:24px;
margin-top:5px;
margin-bottom:20px;
display:block;
}

table#tbl_gallery_homepage { /*otherwise in the homepage, there table sticks to the right edge. */
margin-right:12px;

}

div#client_info {  /*---controls placement of the tabbed divs on the left side --- */
margin:10px 0px  0px 16px;
}

div.tabcontent {  /*---controls placement of the tabbed divs on the left side --- */
overflow:auto;
height:340px;
}


div#client_info .thumbs img {  /*---controls images in the shoot tabs <div id="intro" class="tabcontent thumbs">--- */
margin:1px;
}

div#client_info .thumbs p {/*---tightens up Paragraphs in thumbs pages----">--- */
margin-bottom:5px;
margin-top: 1px;
color: #2d2b2b;
}

div#client_info .text p {/*---tightens up Paragraphs in intro text page----">--- */
margin-bottom:8px;
margin-top: 2px;
margin-right:8px;
}
div#client_info .text ul li{/*---tightens up Paragraphs in intro text page----">--- */
margin-left:-20px;
margin-right:8px;
}
div#client_info .text strong {/*---makes bold text stronger text page----">--- */
color:#333;
}
div#client_info .text a {/*---makes bold text stronger text page----">--- */
color:#3333FF;
text-decoration:underline;

}

div#client_info ul li.indent {/*---use to put a small indent in the second row of tabs so they don't line up exactly with top row and look weird, to differentiate from top row----">--- */
margin-left:5px;
}




table#tbl_gallery_homepage {
border:none;
}

/*#tbl_gallery_wrapper tr td * {margin-top:0px !important;margin-bottom:0px !important;} ---- would reduce space on top of the thumbs in gallery homepage but causes other problems ---*/


td.gallery_homepage_thumb {
border-right:solid #AFB7AA 1px;
}


div.gallery_homepage_thumb { /*---div surrounding the homepage thumbs ----*/
float:left;
text-align:center;
padding:5px;
margin: 5px !important;
width: 132px;
display:block;
border:solid #AFB7AA 1px;

}
.gallery_homepage_thumb img {
margin-bottom:2px;
width: 125px;
height:125px;
}
div.gallery_homepage_video_thumb {
margin:5px auto;
border:solid #AFB7AA 1px;
display:block;
width:125px;
padding:5px;
}
div.gallery_homepage_video_thumb img {
width: 125px;
height:125px;

}
td.table_header {
padding: 0px 5px;
height:15px;
border-bottom:solid #AFB7AA 1px;
}

span.new {

background-color:#990000;
color:#FFFFFF;
font-weight:bold;
padding:2px 4px;
font-size:9px;
}


/*--------------START props for Topside thumbs controls images of clients on top-right of the page-----*/
td.topside_thumbs{
padding-right:10px;
padding-bottom:5px;
}
td.topside_thumbs img{
width:55px;
height:55px;
}
/*div#topside_thumbs {--- This div is INSIDE the td.topside_thumbs---
display:block;
height:60px;
overflow:auto;
width:500px;
float:right;

}
div#topside_thumbs img {   
float:right;

margin-left:2px;
} */

 td#td_logo_cell img {  /* trying adjust placement of logo */

}
td#td_logo_cell table {

}
table#gallery_navlinks {

}

table#gallery_navlinks td a { /* Nav Links to the right of the logo */
padding:2px 10px;
display:block;
}
table#gallery_navlinks td a:hover {
background-color:#bd972d;
color:white;
display:block;
}



span.fullscreen_butt a { /*Full screen button in client pages. I want it to be more prominent */
background-color:#bd972d;
padding:2px 10px;
color:white;
border-right:solid #ddd 1px;
border-bottom:solid #ddd 1px;
}
span.fullscreen_butt a:visited {
color:white;
}