/*

Livney+Partners 
by Tristan Mace

*/

body {
    background: #FFF url(gui/footer_2.gif) no-repeat bottom right;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande", Verdana;
    }

.clear {
    clear: both;
    }

.button {
    font-size: 10px;
    }

.button2 {
    margin-bottom: 2px;
    font-size: 10px;
    }

ul {
    margin: 0px;
    padding: 0px 0px 0px 35px;
    }

li {
    margin: 0px;
    padding-bottom: 15px;
    color: #6a6a6a;
    font-size: 11px;
    font-family: Verdana;
    line-height: 16px;
    }

p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    color: #6a6a6a;
    font-size: 11px;
    font-family: Verdana;
    line-height: 16px;
    }

p a {
    color: #899dbe;
    }

p a:hover {
    color: #003768;
    }

p span {
    color: #A8A8A8;
    font-size: 10px;
    font-family: Verdana;
    line-height: 16px;
    }

h1 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #003768;
    font-size: 18px;
    font-weight: normal;
    font-family: Arial, "Lucida Grande";
    letter-spacing: 1px;
    }

h2 {
    margin: 0px;
    padding: 0px 0px 8px 0px;
    color: #003768;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, "Lucida Grande";
    letter-spacing: 1px;
    }
    
h3 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #899dbe;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, "Lucida Grande";
    letter-spacing: 1px;
    }

h3 span {
    color: #A8A8A8;
    }

h5 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #899dbe;
    font-size: 9px;
    font-weight: bold;
    font-family: Arial, "Lucida Grande";
    line-height: 14px;
    }

#extranet {
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: absolute; top: 0px; right: 0px;
    }

body > div#extranet, div#extranet {
    /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
    position: absolute;
    top: 0px;
    right: 0px;
    }

div#extranet {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
    
#extranet {
    display: block;
    width: 250px;
    }
    
#extranet a {
    display: block;
    margin-top: 30px;
    margin-right: 30px;
    padding: 3px;
    text-align: right;
    color: #8fa3c2;
    font-size: 10px;
    text-decoration: none;
    }

#extranet a span {
    visibility: hidden;
    }

#extranet a:hover {
    background: url(gui/submenu_bg.gif) repeat-x top left;
    color: #FFF;
    }

#extranet a:hover span {
    visibility: visible;
    }

.container {
    width: 656px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    }

#logo {
    margin-top: 37px;
    margin-bottom: 35px;
    }

#logo a {
    background: url(gui/logo.jpg) no-repeat top left;
    display: block;
    width: 250px;
    height: 35px;
    }

#graybar {
    background: #f5f5f5;
    display: block;
    width: 100%;
    height: 182px;
    }
    
    
    
    



#banner {
    background: url(gui/banner.jpg) no-repeat top left;
    display: block;
    width: 656px;
    height: 182px;
    }

#banner_flash {
    background: #f5f5f5;
    display: block;
    width: 656px;
    height: 182px;
    }

#banner_about {
    background: url(gui/banner/about.jpg) no-repeat top left;
    display: block;
    width: 656px;
    height: 182px;
    }

#banner_promotional {
    background: url(gui/banner/promotional.jpg) no-repeat top left;
    display: block;
    width: 656px;
    height: 182px;
    }

#banner_clients {
    background: url(gui/banner/clients.jpg) no-repeat top left;
    display: block;
    width: 656px;
    height: 182px;
    }

#banner_contact {
    background: url(gui/banner/contact.jpg) no-repeat top left;
    display: block;
    width: 656px;
    height: 182px;
    }
    
    
    
    
    
    
    
    
#pagination {
    margin: 5px 0px;
    text-align: right;
    font-size: 10px;
    font-family: "Lucida Grande", Arial, Verdana;
    }

#pagination_low {
    display: inline;
    color: #DDD;
    }

#pagination_low a {
    color: #DDD;
    text-decoration: none;
    }

#pagination_low a:hover {
    text-decoration: underline;
    }

#pagination_mid {
    display: inline;
    color: #B5B5B5;
    }

#pagination_mid a {
    color: #B5B5B5;
    text-decoration: none;
    }

#pagination_mid a:hover {
    text-decoration: underline;
    }

#pagination_high {
    display: inline;
    color: #929292;
    }

#boxster {
    margin: 20px 0px;
    }

#side {
    float: left;
    display: block;
    width: 236px;
    }

#side_in {
    padding-left: 30px;
    }

#locations {
    width: 100%;
    margin: 55px 0px 0px 0px;
    position: relative;
    z-index: 1;
    }

#locations p {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #FFF;
    font-size: 10px; 
    font-family: "Lucida Grande", Arial;
    }

#locations h1 {
    margin: 0px;
    padding: 5px 0px 5px 40px;
    color: #FFF;
    font-size: 11px; 
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 0px;
    }

#locations h3 {
    margin: 0px;
    padding: 40px 0px 5px 40px;
    color: #FFF;
    font-size: 14px; 
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    letter-spacing: 0px;
    }

#locations h3 span {
    color: #cfd7e4;
    }

#locations_dallas a {
    background: url(gui/s_dallas.gif) no-repeat top left;
    display: block;
    width: 170px;
    height: 20px;
    }

#locations_houston a {
    background: url(gui/s_houston.gif) no-repeat top left;
    display: block;
    width: 170px;
    height: 20px;
    }

#locations_austin a {
    background: url(gui/s_austin.gif) no-repeat top left;
    display: block;
    width: 170px;
    height: 20px;
    }

#locations ul {
    margin: 0px;
    padding: 0px; 
    list-style-type: none;
    border: 0px;
    }

#locations ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

#locations ul li ul {
    display: none;
    }

#locations ul li:hover ul {
    display: block; 
    position: absolute;
    top: 0px; 
    left: 0px; 
    background: url(gui/s_bg.gif) repeat top left;
    }

#locations ul #locations_dallas_list:hover ul {
    width: 220px;
    top: -10px;
    left: 120px;
    padding: 15px 15px 10px 15px;
    }

#locations ul #locations_houston_list:hover ul {
    width: 220px;
    top: 10px;
    left: 155px;
    padding: 15px 15px 10px 15px;
    }

#locations ul #locations_austin_list:hover ul {
    width: 220px;
    top: 30px;
    left: 38px;
    padding: 15px 15px 10px 15px;
    }

#sidelinks {
    margin-top: 40px;
    }

.sidelink {
    margin: 0px;
    padding: 0px 0px 3px 0px;
    font-size: 10px;
    font-weight: bold;
    font-family: "Lucida Grande", Century Gothic, Verdana, Arial;
    }

.sidelink span {
    padding-right: 2px;
    color: #8fa3c2;
    }

.sidelink a {
    color: #666;
    font-size: 10px;
    text-decoration: none;
    }

.sidelink a:hover {
    color: #981b1b;
    }

#porsche {
    float: left;
    display: block;
    width: 420px;
    }

#content {
    width: 380px;
    }

.halves {
    width: 380px;
    }

.halves_l {
    float: left;
    width: 180px;
    margin-right: 20px;
    }

.halves_r {
    float: left;
    width: 180px;
    }

.halves_special {
    width: 656px;
    }

.halves_special_l {
    float: left;
    width: 323px;
    margin-right: 10px;
    }

.halves__special_r {
    float: left;
    width: 323px;
    }

.halves_content h3 {
    font-size: 13px;
    }

#footer  {
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: relative; bottom: 0px; right: 0px;
    }

body > div#footer, div#footer {
    /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
    position: fixed;
    bottom: 0px;
    right: 0px;
    }

#footer a {
    background-image: url(gui/footer_on.gif) no-repeat top left;
    background: url(gui/footer.gif) no-repeat top left;
    display: block;
    width: 305px;
    height: 82px;
    margin: 0px 15px 10px 0px;
    }

#footer a:hover {
    background: url(gui/footer_on.gif) no-repeat top left;
    }

table p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    color: #6a6a6a;
    font-size: 11px;
    font-family: Verdana;
    line-height: 16px;
    }

table p a {
    color: #6a6a6a;
    text-decoration: none;
    }

table p span a {
    color: #899dbe;
    text-decoration: none;
    }

table p span a:hover {
    color: #003768;
    }

.spacer p {
    margin: 0px;
    padding: 0px;
    }

.locations_spacing {
    padding-left: 40px;
    }

.locations_spacing table p {
    padding: 0px;
    }

.locations_content {
    padding: 0px 0px 0px 40px;
    }

#work {
    width: 420px;
    height: 366px;
    }

#work_top a {
    background: url(i/work/top.gif) no-repeat top left;
    width: 420px;
    height: 99px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_top2 a {
    background: url(i/work/top2.gif) no-repeat top left;
    width: 420px;
    height: 35px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_top3 a {
    background: url(i/work/top3.gif) no-repeat top left;
    width: 420px;
    height: 35px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_bg {
    background: url(i/work/bg.gif) no-repeat top left;
    width: 420px;
    height: 93px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_bottom3 a {
    background: url(i/work/bottom3.gif) no-repeat top left;
    width: 420px;
    height: 42px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_bottom2 a {
    background: url(i/work/bottom2.gif) no-repeat top left;
    width: 420px;
    height: 35px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_bottom a {
    background: url(i/work/bottom.gif) no-repeat top left;
    width: 420px;
    height: 27px;
    display: block;
    border: 0px;
    outline: 0px;
    }

#work_next {
    background: url(i/work/next.gif) no-repeat top right;
    height: 44px;
    width: 380px;
    display: block;
    }

#work_next_text {
    padding: 10px 40px 0px 0px;
    text-align: right;
    color: #899dbe;
    font-size: 10px;
    font-family: Verdana;
    line-height: 16px;
    }

#work_next_text a {
    color: #899dbe;
    text-decoration: none;
    }

#work_next_text a:hover {
    color: #003768;
    }

.clientsrow {
    width: 656px;
    height: 120px;
    margin-bottom: 20px;
    }

.clients_l {
    background: url(gui/clients/bg.gif) no-repeat top left;
    width: 202px;
    height: 120px;
    display: block;
    float: left;
    margin-right: 25px;
    }

.clients_m {
    background: url(gui/clients/bg.gif) no-repeat top left;
    width: 202px;
    height: 120px;
    display: block;
    float: left;
    }

.clients_r {
    background: url(gui/clients/bg.gif) no-repeat top left;
    width: 202px;
    height: 120px;
    display: block;
    float: left;
    margin-left: 25px;
    }

.clientsimg {
    display: block;
    padding-top: 15px;
    padding-left: 16px;
    }

.proposal_margin {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    }

.proposal_margin p {
    width: 300px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

.proposal_nomargin p {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

#proposal_moreUploadsLink a {
    display: block;
    margin-top: 5px;
    color: #003768;
    font-size: 11px;
    font-family: Verdana;
    line-height: 16px;
    text-decoration: none;
    }

#work_each {
    width: 656px;
    height: 208px;
    display: block;
    }

#work_big {
    background: #D6D6D6;
    width: 329px;
    height: 208px;
    display: block;
    float: left;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    }

#work_small {
    background: #9d9d9d;
    width: 132px;
    height: 208px;
    display: block;
    float: left;
    }

.work_small_big {
    display: block;
    float: left;
    width: 131px;
    height: 82px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    }
    
.work_small_each {
    display: block;
    float: left;
    width: 65px;
    height: 41px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    }

#work_list {
    background: url(gui/ourwork.gif) repeat top left;
    width: 194px;
    height: 208px;
    display: block;
    float: left;
    border-bottom: 1px solid #FFF;
    }

#work_explanation {
    background: #f3f3f3;
    padding: 20px 20px 5px 20px;
    }

#work_explanation p {
    padding-bottom: 15px;
    }

#work_explanation h3 {
    padding-bottom: 10px;
    }


 /* Scroller */
    
    .scrollers {
        margin-top: 15px;
        }
        
    .root {
		position: relative;
		height: 190px;
		width:	166px;	
		margin: 0px;
		padding: 0px;	
		background: #transparent;
		}
		
    .up, .dn {
		position: absolute;
		left: 0px;
		margin: 0px;
		padding: 0px;
		}
		
    .up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img {
        margin: 0px;
		padding: 0px;
		border:	0px;
		}
		
    .scrollContainer { 
		width: 166px; 
		height: 198px; 
		clip: rect(0 467 200 0); 
		overflow: auto; 
		margin: 0px;
		padding: 0px;
		}
		
    .scrollContent { 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 100px; 
		margin: 0px;
		padding: 0px;
		}

    .scrollblock {
        padding: 0px 0px;
        }
    
    .scrollblock ul, .scrollblock li {
        margin: 0px;
        padding: 0px 0px 10px 5px;
        list-style-type: none;
        color: #FFF;
        font-size: 11px;
        }
    
    .scrollblock li a {
        color: #FFF;
        text-decoration: none;
        }
    
    .scrollblock li a:hover {
        color: #003767;
        text-decoration: underline;
        }
    
    /* End Scroll */