* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {color: #B2B1AD; background: #565550; font-family: skia, "trebuchet ms", verdana, helvetica, arial, tahoma, sans-serif; font-size: 12px; text-align: center;}
a, a:link, a:visited, a:active {color: #bbbbbb; font-weight: normal; text-decoration: underline; outline: none;}
input, textarea, select {}
h1, h2, h3 {margin: 0px; padding: 0px;}
#supercontainer {
width:1px;
height:50%;
background-color:#565550;
margin-bottom: -354px; /* half of container's height */
float:left;
}
/*
#container { margin-top:20px; position:relative; width: 980px; height: 598px; margin: 0 auto;clear:left; background: url(../graphics/main_topright.gif) top right no-repeat transparent; text-align: left;}*/
#container { margin-top:20px; position:relative; width: 980px; height: 598px; margin: 0 auto;clear:left; background: transparent url(../graphics/main_topright.gif) no-repeat right 50px; text-align: left;
padding-top: 50px;
}
#header {position: relative; margin-right: 10px; padding-left: 70px; background: url(../graphics/header.gif) top left repeat-x #44433F;}
h1 {width: 250px; height: 57px; background: url(../graphics/h1_gregrobinson.gif) top left no-repeat transparent; text-indent: -9999px;}
h2 {width: 250px; height: 15px; background: url(../graphics/h2_locationscout.gif) top left no-repeat transparent; text-indent: -9999px;}
#header ul {position: absolute; top: 22px; right: 55px; margin: 0px; padding: 0px; list-style-type: none;}
#header ul li {display: inline; float: left;}
li a {display: block; height: 20px; background: 0px 0px no repeat-transparent; text-indent: -9999px;}
li.nav_home a {width: 56px; background-image: url(../graphics/nav_home.gif);}
li.nav_about a {width: 63px; background-image: url(../graphics/nav_about.gif);}
li.nav_clients a {width: 69px; background-image: url(../graphics/nav_clients.gif);}
li.nav_photographs a {width: 114px; background-image: url(../graphics/nav_photographs.gif);}
li.nav_contact a {width: 77px; background-image: url(../graphics/nav_contact.gif);}
li.nav_clientlogin a {width: 102px; background-image: url(../graphics/nav_clientlogin.gif);}
li a:hover,
li.nav_home a.current,
li.nav_about a.current,
li.nav_clients a.current,
li.nav_photographs a.current,
li.nav_contact a.current,
li.nav_clientlogin a.current {background-position: 0px -20px;}
#main {height: 480px; padding: 10px 60px 0px 60px; background: url(../graphics/main.gif) top right repeat-y #44433F;}
#main a {color: #AD9740;}
/* home page */
.home {padding: 45px 0px 0px 108px;}
img.home_pic {float: left; margin-right: 15px; padding: 0px 8px 9px 0px; background: url(../graphics/front_shadow.gif) bottom right no-repeat transparent;}
.home p {padding-top: 270px; font-size: 10px;}
/* clients page */
.clients {padding: 29px 0px 0px 48px; font-size: 12px;}
.clients td {font-size: 12px !important;}
.clients th {padding-bottom: 15px; font-weight: normal; text-transform: uppercase;}
.clients ul {margin: 0px 10px 0px 0px; padding: 0px; list-style-type: none; line-height: 1em;}
th.cl_photographers {width: 202px;
color: #AD9740;
font-size: 1.1em;
}
th.cl_producers {width: 304px;color: #AD9740;font-size: 1.1em;
}
th.cl_companies {width: 288px;color: #ad9740;font-size: 1.1em;
}
td.cl_companies {width: 145px;}
.clients p {text-align: center; padding-right: 48px; margin-top: 20px;}
/* about page */
.about {padding: 90px 100px 0px 200px;}
.about2
{
margin-top:50px;
margin-left:37px;
}
.about3
{
margin-top:56px;
margin-left:55px;
}
.about3 img
{
padding: 0;
margin: 0;
}
.about3 td img
{
float: left;
}
.about3 ul {
color:#b2b1ad;
margin:30px 0 0 170px;
list-style-type:none;
font-size:13px;
line-height: 13px;
font-family: Skia, sans-serif;
}
img.about_pic {float: left; margin-right: 35px; padding: 0px 8px 7px 0px; background: url(../graphics/about_dropshadow.gif) bottom right no-repeat transparent;
list-style-image: url(../graphics/aboutDash.gif);
}
ul.about_stats { line-height: 120%; list-style-image: url(../graphics/aboutDash.gif);
margin-right: -50px;
padding-top: 161px;
padding-bottom: 0px;
padding-left: 218px;
}
/* contact page */
.contact {padding: 130px 100px 0px 150px;}
img.contact_pic {float: left; margin-right: 37px; padding: 0px 6px 7px 0px; background: url(../graphics/contact_dropshadow.jpg) bottom right no-repeat transparent;}
.contact p {padding-bottom: 5px;}
.contact p a {color: #AD9740; text-decoration: none;}
.contact p a:hover {text-decoration: underline;}
/* login page */
.login {margin: 180px 0px 0px 280px; width: 292px; padding: 0px 8px 9px 0px; background: url(../graphics/front_shadow.gif) bottom right no-repeat transparent;}
.login .input {padding: 20px; background: #B2B1AD; color: #333333;}
.login p {margin: 0px 0px 5px 0px; font-family: papyrus, skia, sans-serif;}
.login input.login_field {border: 1px solid #ffffff; background: #ffffff; color: #333333;}
/* photographs page */
.photographs {padding: 28px 0px 0px 10px;}
.slideshow {margin-left: -32px;
margin-top: 7px;
}
#clear {clear: both;}
#footer {padding-right: 10px; background: url(../graphics/footer.gif) top right no-repeat transparent; text-align: center; font-size: 10px;}
#footer p {margin: 0px 0px 30px; padding-top: 50px; background: url(../graphics/footer_p.gif) top right repeat-x transparent;}
/* client gallery */
#main_gallery {padding: 10px 27px 0px 27px; background: url(../graphics/main.gif) top right repeat-y #44433F; font-family: helvetica, arial, sans-serif; font-size: 14px;}
#main_gallery hr {display: none;}
td {font-size: 14px; font-family: skia, "trebuchet ms", verdana, helvetica, arial, tahoma, sans-serif;}
td img {margin-bottom: 5px;}
.bodytable {margin: 0px; padding: 0px;}
.bodytable a {color: #AD9740; text-decoration: none;}
td.navbar, td.navbar a {color: #B2B1AD; font-size: 12px; font-family: skia, "trebuchet ms", verdana, helvetica, arial, tahoma, sans-serif;}
td.navbar span.wflabel {color: #AD9740;}
td.navbar {padding: 5px 0 20px 72px;}
td.navbar { color: #AD9740;}
.commentbar {color: #AD9740;}
.commentbutton {font-size: .1em;}
.commentbutton a {color :#44433F;}
.commentlabel {display: none;}
.commentcontent {color: #b2b1ad;float:left; /*margin-left:90px*/}
.comment_block {
padding: 10px 0 30px 90px;
font-size: 1.3em;
}
.picturecell,
.foldercell,
.herocell {text-align: center; padding-bottom: 30px;}
.picturecell img,
.foldercell img,
.herocell img {border: 0px;}
.bigpicturecell {text-align: center;}
.bigpicturecell img,
.picturecell img {padding: 0px 7px 9px 0px; background: url(../graphics/folder_shadow.gif) bottom right no-repeat transparent;}
.leftnav img, .rightnav img {display: none;}
.foldername {}
input {}
br {line-height: 0px;}
.commentlabel {}
.commentcontent {}
.foldername {}
.leftnav {text-align: left;}
.rightnav {text-align: right}
.leftnav, .rightnav {font-size: 14px; font-family: skia, "trebuchet ms", verdana, helvetica, arial, tahoma, sans-serif;}
.centernav {text-align: center;}
.footer {width: 720px; margin: 0px auto; font-size: 11px;}
.footer a {font-weight: bold;}
.footer p {margin: 0px; padding: 0px;}
.footer hr {display: none; height: 0px; line-height: 0px;}
.hostedby {display: none; height: 0px; line-height: 0px; font-size: 0px;}
#demoInstructions
{
margin:0 auto;
width: 463px;
height: 48px;
border: none;
margin-top: 130px;
margin-bottom: -160px;
text-indent:-9999px;
background: url(../graphics/demoInstructions.jpg) top left no-repeat;
}
/*
.commentlabel {float: left; width: 15%; font-weight: bold}
.commentcontent {float: left; margin-left: 10px}
.maplabel {float: left; width: 15%; font-weight: bold}
*/