/* 
 * #visual-wrapper {
 *     background: url(../images/bg.jpg) repeat;
 * }
 */

.hidden {
    display: none;
}

html {
    height: 100%;
    background: url(../images/bg.jpg);
}

#toolbar {
    text-align: right;
}

#wrapper {    
    display: block;
    padding: 2em 3em 0 3em;
    height: 100%;
    background: url(../images/bg.jpg);
}

.container {
    clear: left;
    background: #1a2529;
}

/* Header  */

.header {
    display: inline;
    background: url(../images/headerbg.jpg); 
    border-bottom: 1px solid white;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
}

.header h1 {
    float: left;
    color: white;
    /* height: 1em; */
    padding: 0.5em .5em 0em .5em;
    margin-left: .2em;
    text-shadow: 2px 2px 2px #000;
}

.header img {
    padding: .5em;
    float: right;
    margin: 0em 0 0 0em;
}

div.header a {
    color: white;
    text-decoration: none;
}
/* Navigation Menu  */
#navmenu {
    padding: .4em 0 .4em 0;
    background: url(../images/menubg.jpg) repeat-x;    
    border-top: 1px solid white;
}

#navmenu > a:first-child {
    margin-left: 2em;
}

#navmenu a {
    margin: .5em 0 .5em 0;
    padding: .5em;
    background: url(../images/menubutton.jpg) repeat-x;
    border-right: 1px solid black;
    border-left: 1px solid black;
    color: white;
    text-decoration: none;
    text-transform: capitalize;
}

#navmenu a:link {
    color: white;
}

#navmenu a:visited {
}

#navmenu a:hover {
    border: 1px dotted #42dae7;
    text-decoration: underline;
}

#navmenu a:active {
    color: #ffc;
    font-style: italic;
    text-decoration: none;
}

#navmenu a.selected {
    color: #fffb8d;
}

/* Image Banner */

#imagebanner {
    padding: 0;
    float: left;
    clear: none;
}

img.banner {
    border-top: 1px solid white;
    float: left;
    position: relative;
    padding: 0em;
    margin-right: 2px:
}

img.banner-center {
    float: left;
    margin-right: 2px:
    position: relative;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding: 0;
}
/* Content Well  */

#content {
	position: relative;
    clear: left;
    padding: 1em; 
    background: #1a2529;
}

#content p {
    color: #33ccff;
}

#content h3 {
    color: #fff;
}

#content a {
    text-decoration: none;
    color: white;
}

#content a:hover {
    border-bottom: 1px solid #33ccff;
    color: white;
}    

.right {
    background: #1a2529;
    color: #33ccff;
    clear: right;

}

.right h3 {
    color: #fff;
}

.right a {
    text-decoration: none;
    color: white;
}    

.right a:hover {
    border-bottom: 1px solid #33ccff;
    color: white;
}    


#right-content {
    padding: 0; /* 2.2em; */
    display: inline;
}

.right p {
    /* padding: 1.2em 1.2em 0 1.2em; */
    color: #33ccff;
}

.testimonial {
    padding: .2em;
    margin-bottom: .2em;
    border: 1px solid #1e3339;
    color: #33ccff;
}
    

.clientname {
    padding-top: .5em;
    font-style: oblique;
}

.companyname {
    padding-bottom: 0em;
    font-style: oblique;
}

.vcard .adr {
    color: #33ccff;
}

abbr {
    cursor: help;
}

/* 
 * ul.products {
 *     list-style: none;
 * }
 */

/* 
 * div.span-5 {
 *     padding-top: .4em;
 * }
 */
div#right-content h3 {
    padding: 1.5em 0em 0 0;
}

div#right-content div.image {
    text-align: center;
}

div#right-content div.image div {
    text-align: center;
}

img.right-banner { 
    vertical-align: right;
    float: right; 
    border-left: 1px white solid;
    border-bottom: 1px white solid;
}

img.last {
    vertical-align: right;
    float: right; 
    border-left: 1px white solid;
    border-bottom: none;
}

/* Footer */
.footer {
    margin: auto;
    text-align: center;
    background: url(../images/menubg.jpg);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-radius: 4px 4px 0 0;
}

/* ******* gallery ********* */

div.portfolio-entry {
    clear: both;
    border: 1px solid white;
    background: white;
    margin: 1em;
    height: 315px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: -3px 5px 5px #999;
    -webkit-box-shadow: -3px 5px 5px #999;
}


div#portfolio a:link {
    color: #1a2529;
}

div#portfolio .ss-controls  a:link {
    color: #1a2529;
    border: none;
    border-left: 2px solid #3cf;
    margin-left: 1em;
    padding-left: .2em;
}

div#portfolio .ss-controls  a:hover {
    color: #33ccff;
    border: none;
    border-left: 2px solid #3cf;
}

div#portfolio .nav-controls  a:hover {
    color: #33ccff;
    border: none;
}

div.embox  a {
    color: #1a2529;
    border: none;
    border-left: 2px solid #3cf;
    padding-left: .2em;
}

div#portfolio .embox  a:hover {
    color: #33ccff;
    border: none;
    border-left: 2px solid #3cf;
}


div#portfolio a:visited {
    color: #1a2529;
}

a.advance-link {
    float: left;
}

div.controls {
    height: 1.2em;
    padding: 0 0 .5em 0;
}
div.ss-controls {
    float: left;
}
div.ss-controls span {
    color: #666666;
    cursor: pointer;
}
div.nav-controls {
    margin-right: 9.75em;
    float: right;
    border-left: 2px solid #3cf;
    border-right: 2px solid #3cf;
}
div.nav-controls a {
    padding: 5px;
}

div.slideshow {
    clear: left;
    text-align: center;
}

span.image-wrapper {
    height: 275px;
    width: 400px;
    text-align: center;
    margin-right: .5em;
} 

span.image-wrapper a.advance-link {
    display: block;
    float: none;
    margin: auto;
    text-decoration: none;
} 

div.slideshow span.image-wrapper {
    float: right;
    padding-bottom: 12px;
}

div.slideshow a.advance-link {
    padding: 2px;
    border: 1px solid #ccc;
}

div.slideshow a:hover {
    border: 1px solid #33ccff;
}

div.slideshow img {
    border: none;
}
div.download {
}

ul.thumbs {
    background: white;
}

div.embox {
    width: 445px;
    /* float: left; */
    /* clear: both; */
    border: 1px solid #ccc;
    background-color: #eee;
    padding-left: .95em;
}
div.image-title {
    font-weight: bold;
    font-size: 1.4em;
}

div.image-desc {
    line-height: 1.3em;
    padding-top: .5em;
}
div.navigation {
    /* The navigation style is set by a javascript generated style on the page.
       This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
    display: inline;
    position: absolute;
    clear: both;
    margin: 0;
    padding: 0;
    width: 450px;
}


ul.thumbs li {
    float: left;
    padding: 0;
    margin: 3px 10px 5px 0;
    list-style: none;
}
ul.thumbs li a {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;

}
ul.thumbs li.selected a {
    background: #f93;
}

ul.thumbs a:hover {
    border: 1px solid #33ccff;
}

ul.thumbs a:focus {
    outline: none;
}

ul.thumbs img {
    border: none;
    display: block;
    display: inline;
}
div.pagination {
    display: none;
}
div.navigation div.top {
    margin-bottom: 12px;
    height: 11px;
}
div.navigation div.bottom {
    margin-top: 12px;
}
div.pagination a, div.pagination strong {
    /* 
     * display: block;
     * float: left;
     */
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}
div.pagination a:hover {
    background-color: #ffc;
    text-decoration: none;
}
div.pagination strong {
    background-color: #acf;
}




*html div.slideshow { 	/* IE6 SPECIFIC MARGIN */
	position: absolute;
	margin: 0 ;
}

*:first-child+html div.slideshow {	/* IE7 SPECIFIC MARGIN */
	display: display;
	position: absolute;
	margin: 0 0 0 -50px;
}