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

/* PRIMARY STYLES */
body {font:13px/1.231 verdana,arial,helvetica,clean,sans-serif; color:#60513A;}
h1 {font:18px/2 verdana,arial,helvetica,clean,sans-serif; color:#60513A; margin:0 0 20px 0; color:#9E8623; font-weight:normal; line-height:1; text-align:left;}
h2 {color:#9E8623; font-weight:normal; line-height:1;}

/* MAIN PAGE AREAS */
#container {width:800px; height:500px; margin-left:auto; margin-right:auto;}
#header {height:32px; margin-top:20px; font-family:"Courier New",Courier,monospace; color:#BDAC91;}
#central {width:800px;}
#menu {margin:5px 0 ;}

/* SECONDARY STYLES */
#menu ul {font-family:"Courier New",Courier,monospace; color:#BDAC91; margin:0 8px;}
#menu ul li {display:inline; margin:0;}
#menu ul li a {color:#BDAC91; text-decoration:none; margin-right:30px;}

#menu ul li a:link {color:#BDAC91; text-decoration:none;}
#menu ul li a:visited {color:#BDAC91; text-decoration:none;}
#menu ul li a:hover {color:#857150; text-decoration:none;}
#menu ul li a:active {color:#BDAC91; text-decoration:none;}

#menu ul li a.this-page {color:#857150; text-decoration:none;}
#menu ul li a.this-page:link {color:#857150; text-decoration:none;}
#menu ul li a.this-page:visited {color:#857150; text-decoration:none;}
#menu ul li a.this-page:hover {color:#857150; text-decoration:none;}
#menu ul li a.this-page:active {color:#857150; text-decoration:none;}

/* SECONDARY AREAS */
#pinkfish-logo { float:right; margin:0 50px 0 0;}
#telephone {float:left; margin:8px 0 0 30px;}
#copyright {float:left; margin:8px 0 0 30px;}

#portfolio-link {width:20px; height:381px; float:right;}
#content {width:778px; height:379px; border:1px solid #BDAC91; /* padding:5px; */}

/* TERTIARY STYLES */
#portfolio-link a {width:20px; height:381px; text-indent:-999em; background-image:url(../images/clients-past-and-present.jpg); display:block;}
#portfolio-link a:link {background-image:url(../images/clients-past-and-present.jpg);}
#portfolio-link a:visited {background-image:url(../images/clients-past-and-present.jpg);}
#portfolio-link a:hover {background-image:url(../images/clients-clicked.jpg);}
#portfolio-link a:active {background-image:url(../images/clients-past-and-present.jpg);}

#portfolio-link a.this-page {width:20px; height:381px; text-indent:-999em; background-image:url(../images/clients-clicked.jpg); display:block;}
#portfolio-link a.this-page:link {background-image:url(../images/clients-clicked.jpg);}
#portfolio-link a.this-page:visited {background-image:url(../images/clients-clicked.jpg);}
#portfolio-link a.this-page:hover {background-image:url(../images/clients-clicked.jpg);}
#portfolio-link a.this-page:active {background-image:url(../images/clients-clicked.jpg);}

.quote-attribute {color:#9E8623; font-weight:normal; line-height:1; text-align:left;}

hr {height:1px; margin:10px 0; padding:0; border:0; border-bottom:1px solid #BDAC91; font-size:1px;}

a.email {color:#9E8623; text-decoration:none; display:block;}
a.email:link {color:#9E8623; text-decoration:none;}
a.email:visited {color:#9E8623; text-decoration:none;}
a.email:hover {color:#9E8623; text-decoration:none;}
a.email:active {color:#9E8623; text-decoration:none;}

.end-columns {clear:both; height:1px; margin:10px 0; padding:0; border:0; font-size:1px;}

/* TERTIARY AREAS */
#slideshow {position:relative; width:367px; height:367px; border:1px solid #FFF; float:right; margin:5px; margin-left:40px; overflow:hidden;}
#homeshow {position:relative; width:778px; height:379px; overflow:hidden;}

.image-box {position:absolute;}
.image-box img {position:relative; z-index:50;}
.image-caption {position:relative; top:-46px; height:46px; width:100%; background: url(../images/caption-background.png); color:#FFF; font-size:10px; z-index:100;}
.image-caption p {padding:5px; font-weight:bold;}
#homeshow .image-caption p {font-size:16px;}
.image-controller {float:right; height:46px; width:46px;}

#text {position:absolute; margin:40px; text-align:justify; width:310px;}
#fulltext {margin:40px; text-align:justify;}
#content .scroll-text {width:365px;}
#scroller {height:260px; overflow-y:scroll; padding-right:5px; }
#text .jScrollPaneTrack {background:transparent url('../images/scroll-track.gif');}
#text .jScrollPaneDrag {background:transparent url('../images/scroll-pane.gif') no-repeat 50% 50%;}
#text .scroll-pane {background:transparent url('../images/scroll-pane.gif');}

.contact-details {width:200px; margin-top:170px;}

.client-column {float:left; margin-right:40px; width:200px; text-align:left;}

/* #content p {margin-bottom:0;} */