/*
-----------------------------------------------
Client:Dayspring Technologies, Inc.
Project:Public Web Site

File Name: special.css
Version: 1.0
Notes: Rules for special, one-off, layout styles.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Home banner message
----------------------------------------------- */
div#banner {
    background:transparent url(/images/bg-hd.jpg) repeat-y top right;
    height:367px;
    margin-bottom:5px;
    position:relative;
}

#diagramImg {
    left: 40px;
    position: absolute;
    top: 100px;
}

#mainImg {
    position: absolute;
    right: 0pt;
    top: 0pt;
    z-index: 1;
}

#mainImg,
#mainImg li {
    margin:0;
}


ul#mycarousel-h li {
margin:0 2px;

}

ul#mycarousel-h h5 {
    font-size:105%;
    margin-bottom:8px;
    line-height:100%;
}
body#layout1 #pcon h5 a,
ul#mycarousel-h h5 a {
    color: #6e7f4c;
    text-decoration:none;
}
ul#mycarousel-h p {
    font-size: 100%;
    margin-bottom:10px;
}
ul#mycarousel-h .featured_text {
    color:#42352E;
}

ul#mycarousel-h a {
    color: #FC8601;
}
ul#mycarousel-h div.carousel-img {
    float: left;
    margin-right: 10px;
}

ul#mycarousel-h div.carousel-img.th {
    position:relative;
    height:63px;
    width:113px;
    overflow:hidden;
}

ul#mycarousel-h div.carousel-img img{
    margin-bottom:5px;
}

ul#mycarousel-h div.carousel-img.th img{
    position:absolute;
    right:0;
}

ul#mycarousel-h-other {
    display:none;
}

ul#mycarousel-h a {
    text-decoration:none;
}

ul#mycarousel-v {
    /* for noscript mode */
    height:450px;
    overflow:hidden;
    visibility:hidden;

}

ul#client-logos {
    width:100%;
}
#client-logos li {
    float:left;
    list-style:none;
    margin:0 1%;
    width:18%;
}
#client-logos li img {
    height:auto;
    margin:0 auto;
    max-width:60px;
    width:60px;

}
a.toggle {
    background-color:transparent;
    background-image:url(/images/ico-arw-wt.gif);
    background-repeat:no-repeat;
    display:block;
    height:27px;
    outline:0;
    position:absolute;
    text-indent:-9999px;
    width:18px;
}
a.toggle.prev {
    background-position:3px 5px;
    left:10px;
    top:35px;
}
a.toggle.prev-none {
    background-position:3px -41px;
    cursor:default;
    left:10px;
    top:35px;
}
a.toggle.next {
    background-position:-34px 5px;
    right:0;
    top:35px;
}
a.toggle.next-none {
    background-position:-34px -41px;
    cursor:default;
    right:0;
    top:35px;
}

/* Side by side (used on capabilities page)
----------------------------------------------- */
.fifty-fifty {
    clear:both;
}
.fifty-fifty div.left {
    float:left;
    width:49%;
}
.fifty-fifty div.right {
    float:right;
    width:49%;
}

/* Client selection (used on work page)
----------------------------------------------- */
.client {
    position:relative;
}
.client.selector {
    display:none;
    width: 96%;
}
.client.selector.first {
    display:block;
}
.client.selector li p {
    font-size: 100%;
}
.client img {
    background-color:#fff;
    border:1px solid #b3b3b3;
    margin-bottom:0;
    padding:5px;
}

.client img.featured {
    width: 68%;
}
ul.client-select {
    margin:0;
}
.client-select li {
    font-family:arial,helvetica,serif;
    line-height:110%;
    list-style:none;
    margin:0;
    width:175px;
}

#mycarousel-v-ns li {
    margin-bottom:15px;
}

.client-select li.first {
    width:115px;
}
.client-select a {
    color:#b3b3b3;
    display:block;
    outline:0;
    text-decoration:none;
    width:113px;
}
.client-select li.first a {
}
.client-select a:hover {
    color:#a3be72;
}
.client-select a span {
    background-color:transparent;
    background-position:0 100%;
    background-repeat:no-repeat;
    display:block;
    height:120px;
    position:relative;
}
.client-select a:hover span {
    background-position:-113px 100%;
}
.client-select a span strong {
    bottom:67px;
    display:block;
    position:absolute;
}
.client-select li.selected a {
    background:transparent url(/images/ico-arw-dn.gif) no-repeat 50% 0px;
    color:#a3be72;
}
.client-select li.selected a span {
    background-position:-113px 100%;
}
.client-select li.top a {
    color:#a3be72;
}
.client-select li.top a span {
    background-position:-113px 100%;
}

#client-cycle ul {
    margin-bottom:0;
}

/* Next img buttons (used on portfolio pages)
----------------------------------------------- */
ol.next-img {
    font-size: 108%;
    font-weight:bold;
    margin:5px 0 10px;
}
.next-img li {
    float:left;
    list-style:none;
    margin:0;
}
.next-img li a {
    background-color:#fff;
    border:1px solid #b3b3b3;
    color:#42352e;
    display:block;
    margin-right:5px;
    padding:2px 7px;
    text-decoration:none;
}
.next-img li a:hover {
    background-color:#000;
    color:#fff;
}

/* Callout box for quotes (used on portfolio page)
----------------------------------------------- */
.callout {
    padding:20px 5px 20px;
}
.callout.transparent {
    background-color:transparent;
}
.callout h5, .callout p.sm {
	text-align:right;
}

.prevnext {
    border-top:#6e7f4c 1px solid;
    margin-top:25px;
    padding-top:5px;
}
.prevnext ul {
    float:right;
    margin:0 0 20px;
}
.prevnext li {
    list-style:none;
    margin:0;
}
.prevnext li a {
    background-color:transparent;
    background-image:url(/images/btn-prevnext.gif);
    background-repeat:no-repeat;
    border:0px red solid;
    display:block;
    height:16px;
    text-indent:-9999px;
    width:70px;
}
.prevnext li a.prev {
    background-position:5px 2px;
}
.prevnext li a.prev:hover {
    background-position:-95px 2px;
}
.prevnext li a.next {
    background-position:5px -58px;
}
.prevnext li a.next:hover {
    background-position:-95px -58px;
}

.client-select.vert li {
    float:none;
    margin:0 0 10px;
    width:auto;
}
.client-select.vert a {
    float:none;
}
.client-select.vert a:hover {
    background:transparent;
}
.client-select.vert a span {
    height:auto;
    padding-bottom:67px;
}
.client-select.vert a span strong {
    position:static;
    white-space: nowrap;
}

/* Office layout (used on team page)
----------------------------------------------- */
.office {
    background:transparent url(/images/dia-team.gif) no-repeat 70px 0;
    height:455px;
    margin:0 auto;
    position:relative;
    width:625px;
}

#office-cmc {
    position:absolute;
    top:2px;
    left:11px;
    z-index:5;
}

#office-jg {
    position:absolute;
    top:4px;
    left:238px;
    z-index:5;
}

#office-jm {
    position:absolute;
    top:16px;
    right:7px;
    z-index:5;
}

#office-md {
    position:absolute;
    top:240px;
    left:17px;
    z-index:5;
}

#office-by {
    position:absolute;
    top:230px;
    left:240px;
    z-index:5;
}

#office-yk {
    position:absolute;
    top:245px;
    right:0px;
    z-index:5;
}

/* Contact Us
----------------------------------------------- */
#map {
    margin-bottom:20px;
    width: 540px;
    height: 400px;
}
fieldset.phone {
    overflow: auto;
}


/* Send to a friend
----------------------------------------------- */
div.ui-dialog-titlebar {
    display:none;
}

#emailContent {
    font-size:13px;
    margin:15px;
}
#emailContent p.right {
    text-align:right;
}
#emailContent #success,
#emailContent #bademail,
#emailContent #badserver {
    display:none;
}

#emailContent h1.send {
    background-color:transparent;
    background-repeat:no-repeat;
    font-size:197%;
    font-weight:bold;
    height:40px;
    margin-bottom:15px;
    text-indent:-9999px;
    background-image:url(/images/hdr-h1-friend.gif);
    background-position:0 0;
}

#emailContent li {
    padding:5px;
}