@import url('reset.css');
body
{
   
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#939393;

}
a
{
    color:#0F0F0F;
	font-weight:bold;
}

.strongtext
{
    color:Black;
    font-weight:bold;
}

a:hover
{
    color:#550000;
}

blockquote {
margin:22px 0px;
padding:3px;
padding: 0 40px;
background: transparent url(../images/blockquote.gif) no-repeat;
}

.footerbox-holder-content blockquote {
margin:15px 30px;
padding:0 40px;
text-align:left;
background: transparent url(../images/blockquote.gif) no-repeat;
}
 

.wrapper
{
    float:left;
    margin:0 auto;
    width:100%;
}
.right
{
    float:right;
}
.left
{
    float:left;
}
.center
{
    float:none;
}
.padding-separator
{
    padding-top:25px;
    padding-bottom:22px;
}
.margin-separator
{
    margin-top:22px;
    margin-bottom:22px;
}
.header-holder
{
    float:left;
    margin:0 auto;
    background:url(../images/header_bg.png) repeat-x;
    height:138px;
    width:100%;
}
.slider-holder, .main-content-holder
{
    float:left;
    margin:0 auto;
    width:100%;
    background:#fff url(../images/featured-work.png) repeat-x bottom;
}
.main-content-holder
{
    padding:50px 0;
}
.content-holder
{
   float:left;
    margin:0 auto;
    width:100%;
    background:url(../images/content-holder.png) repeat-x top;
}
.main-content
{
    width:960px;
    margin:0 auto;
    text-align:left;
}
.left-column
{
    float:left;
    width:279px;
    text-align:center;
}
.main
{
    float:right;
    width:658px;
}
.main ul
{
    list-style:disc;
    padding:10px 20px;
    color:#0D112F;
    font-weight:bold;
    display:block;
}
.main ul li
{
    color:#939393;
    font-weight:bold;
    padding:5px;
}

.lia
{
    color:#939393;
    font-weight:bold;
    padding:0px;
}
/* Footer Section */

.footer-holder
{
    float:left;
    margin:0 auto;
    width:100%;
    background:#fff url(../images/footer.png) repeat-x top;  
}
.footer-holder-copyright
{
    float:left;
    margin:0 auto;
    width:100%;
    background:#fff;
    padding:30px 0;
}
.footer-copyright
{
    margin:0 auto;
    width:960px;
}
.footer-copyright span
{
    display:block;
    float:left;
}
.footer-copyright div
{
    float:right;
}

.footer-copyright a
{
    color:#939393;
    font-weight:normal;
	
}

.footer-copyright a:hover
{
    color:#939393;
    text-decoration:underline;
}
.footer
{
    height:266px;
}

/* Footer Section End */

.header, .content, .footer
{
    width:960px;
    margin:0 auto;
}

.content
{
   height:270px;
}
.separator-50px
{
     margin-top:64px;
     height:280px;
}
.separator-10px
{
     margin-top:14px;
     height:280px;
}
/* Header Section */
.header a.logo
{
    float:left;
    background:url(../images/STTLogo_sm.png) no-repeat left top;
    width:386px;
    height:80px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    margin-top:5px;
}
.header ul.header-menu
{
    float:right;
}
.header ul.header-menu li
{
    float:left;
    height:74px;
    text-align:center;
    padding:0px 10px;
    display:inline;
}

.header ul.header-menu li a
{
    color:#0F0F0F;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:100px;
    text-align:center;
    height:74px;
    display:block;
    float:left;
}
.header ul.header-menu li a:hover, .header ul.header-menu li a.selected
{
    color:#550000;
}
/* Header Section End */
.open-close
{
    background:url(../images/open-close.png) no-repeat center;
    width:24px;
    height:24px;
    margin:0 auto;
    padding:25px 0;
    cursor:pointer;
}

.slider
{
   
    margin:0 auto;
    width:960px;
    text-align:left;
}
div.featured-work
{
    float:left;
    width:55%;
}
div.featured-work ul li 
{
    display:inline;
}
.box-holder-top
{
    background:url(../images/box-holder-top.png) no-repeat top left;
    padding:15px 0 0 0;
    width:319px;
    float:left;
    display:block;
}
div.box-holder
{
    width:320px;
    float:left;
}
div.box-holder-content
{
    background:url(../images/box-holder.png) repeat-y top left;
    width:319px;
    float:left;
    padding:0px 0;
    height:150px;
    text-align:left;
}
div.footerbox-holder-content
{
    background:url(../images/box-holder.png) repeat-y top left;
    width:319px;
    float:left;
    padding:0px 0;
    height:195px;
    text-align:left;
}
div.twitterbox-holder-content
{
    background:url(../images/box-holder.png) repeat-y top left;
    width:319px;
    float:left;
    padding:0px 0;
    height:195px;
    text-align:left;
}

div.box-holder-content p
{
    margin-left:20px;
    margin-right:20px;
    text-align:left;
}
div.footerbox-holder-content p
{
    margin-left:20px;
    margin-right:20px;
    text-align:left;
}
div.box-holder-content p span
{
     float:right;
     display:block;
     width:200px;
}
div.footerbox-holder-content p span
{
     float:right;
     display:block;
     width:200px;
}
div.box-holder-bottom
{
    background:url(../images/box-holder-bottom.png) no-repeat top left;
    height:47px;
    width:319px;
    float:left;
    display:block;
}
div.box-holder-bottom-footer
{
    background:url(../images/box-holder-bottom-footer.png) no-repeat top left;
    height:47px;
    width:319px;
    float:left;
    display:block;
}
div.box-holder-bottom a, div.box-holder-bottom-footer a
{
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 1px 2px #000000;
    line-height:57px;
}
div.box-holder-bottom a:hover, div.box-holder-bottom-footer a:hover
{
    color:#fff;
}
h1.h1-main-page
{
    font-size:40px;
    line-height:40px;
    
    color:#0F0F0F;
}
h1.h1-main-page-red
{
    font-size:40px;
    line-height:40px;
    
    color:#550000;
}
h2.h2-main-page
{
    font-size:32px;
    line-height:32px;
    display:block;
    margin:15px 0;
    
    color:#550000;
}
h3.h3-main-page
{
    font-size:20px;
    line-height:20px;
    display:block;
    margin:5px 0;
    
    color:#0F0F0F;
}
h3.h3-blog-title
{
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin: 15px 0 5px 0;
    color: #550000;
}
h4.h4-contact-link
{
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin: 15px 0 5px 0;
    text-decoration: underline;
}

a.green-button
{
    color:#fff;
    text-align:center;
    background:url(../images/green-button.png) no-repeat;
    float:left;
    display:block;
    width:212px;
    font-weight:bold;
    line-height:45px;
    height:45px;
    text-transform:uppercase;
    text-shadow:0 1px 2px #000000; 
}
a.green-button:hover, a.blue-button:hover
{
    color:#fff;
}
a.blue-button
{
    color:#fff;
    text-align:center;
    background:url(../images/blue-button.png) no-repeat;
    float:left;
    display:block;
    width:212px;
    font-weight:bold;
    line-height:45px;
    height:45px;
    text-transform:uppercase;
    text-shadow:0 1px 2px #000000;
    margin-left:20px;
}
div.box-holder h1
{
    width:auto;
    height:auto;
    float:none;
    font-size:36px;
}
span.h1-separator
{
     background:url(../images/h1-separator.png) no-repeat center center;
     display:block;
     float:left;
     width:320px;
     height:9px;
}
div.box-holder-content a
{
    display:block;
    margin:0 30px;

}
div.footerbox-holder-content a
{
    display:block;
    margin:0 30px;

}
div.box-holder-content em
{
    display:block;
    margin:0px 30px 10px 30px;
}
div.footerbox-holder-content em
{
    display:block;
    margin:0px 30px 10px 30px;
}
p
{
    margin: 1em 0;
    text-align:left;
}
/* Left Column Section */
.left-column .title
{
    background:url(../images/left-title.png) no-repeat top;
    width:279px;
    padding:15px 0 0 0;
    height:45px;
  
}
.left-column .title h4
{
    font-size: 24px;
    line-height: 20px;
    display: block;
    margin: 5px 0 0px 0;
    color: #FFFFFF;
}

.left-column ul.left-content
{
    background:url(../images/left-column.png) repeat-y top;
    width:277px;
    float:left;
    display:block;
    position:relative;
}
.left-column div.left-content
{
    background:url(../images/left-column.png) repeat-y top;
    width:279px;
    float:left;
    display:block;
    position:relative;
}
.left-column ul.left-content li
{
    background:url(../images/separator-left-column.png) no-repeat top center;
    display:block;
    line-height:50px;
    height:50px;
    width:242px;
    margin:0 auto;
}
.left-column ul.left-content-contact li
{
    background:url(../images/separator-left-column-contact.png) no-repeat bottom center;
    display:block;
    height:97px;
    line-height:97px;
    width:242px;
    margin:0 auto;
}
.left-column ul.left-content li a
{
    color:#0F0F0F;
    font-size:14px;
}
.left-column ul.left-content li a.quote
{
    background:url(../images/quote.png) no-repeat center top;
    color:#0F0F0F;
    font-size:14px;
    width:242px;
    height:82px;
    display:block;
    padding-top:20px;
    margin-top:10px;
}

.left-column ul.left-content li a.brochure
{
    background: url(../images/download-brochure.png) no-repeat center top;
    color:#0F0F0F;
    font-size:14px;
    height:82px;
    display:block;
    padding-top:20px;
    margin-top:10px;
    width:242px;
}
.left-column ul.left-content li a:hover, .left-column ul.left-content li a.selected
{
    color:#550000;
}
.left-column .bottom
{
    background:url(../images/left-column-bottom.png) no-repeat top;
    width:279px;
    height:14px;
    display:block;
    float:left;
}
.left-column address
{
    margin:0 2px;
}
/* Left Column Section End */

.clear-right
{
    clear:right;
}
.clear-left
{
    clear:left;
}

.image-spades
{
    height:120px;
    background:url(../images/spades.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-hearts
{
    height:120px;
    background:url(../images/hearts.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-solitaire
{
    height:120px;
    background:url(../images/solitaire.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-blackjack
{
    height:120px;
    background:url(../images/BlackJack.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-burnrate
{
    height:120px;
    background:url(../images/BurnRate.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-dotsandboxes
{
    height:120px;
    background:url(../images/dotsandboxes.png) no-repeat center center;
    float:left;
    width:100px;
}
.image-alfabravo
{
    height:120px;
    background:url(../images/AlfaBravo.png) no-repeat center center;
    float:left;
    width:100px;
}
.boxgrid h4
{
    color:#0D112F;
    font-size: 14px;
    font-weight:bold;
    padding:15px 15px 0 15px;
}

/* Slider right Our Work page */

			

.boxgrid{
    width: 323px;
    height: 286px;
    margin:10px 0;
    overflow: hidden;
    position: relative;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    cursor:pointer;
}
.boxgrid p{
    padding: 0 15px;
    color:#afafaf;
    font-weight:bold;
    font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxgrid a
{
    padding:15px;
    text-decoration:underline;
}

.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8;
}
.captionfull .boxcaption {
    top: 260;
    left: 0;
}
.caption .boxcaption {
    top: 220;
    left: 0;
}


a.view-larger-image
{
    display:block;
    clear:both;
   vertical-align:bottom;
}


.main img { padding:5px; border:1px solid #ccc;}

.form-contact { width: 430px; float:left;}
.form-contact .holder {margin: 5px 0px; float:left;}

.form-contact em { margin:15px; display:block; float:left; }

.error, .succes {
background:#0F0F0F;
display:block;
float:left;
text-align:center;
color:#fff;
width:100%;
padding:5px;
}
.green {color: #550000;}

input:focus, textarea:focus
{
    border-color:#550000;
}
input {
	padding:5px;
	border:1px solid #ccc;
	width:500px;
	line-height:1.7em;
	float:left;
	color:#403F41;
        height:30px;
}

.form-contact input.send {
	border:0;
	background:url(../images/send-btn.png) no-repeat left top;
	width: 112px;
	height: 45px;
	text-align:center;
	line-height:45px;
	cursor:pointer;
	color:#FFF;
	text-shadow:0 1px 2px #000000;
	text-transform:uppercase;
        padding:0;
        margin:0;
}
textarea {
	padding:5px;
	border:1px solid #ccc;
	width:500px;
	float:left;
	color:#403F41;
}
label {
float:left;
line-height:1.25em;
margin:0 8px 0 0;
padding:6px 0;
text-align:left;
width:80px;
}

.slideshow-back {
	width: 380px;
	height: 230px;
	background:url(../images/slideshow-back.png) no-repeat;
	float:right;
	padding:0px 10px 10px 17px;
	margin-top:5px;
}

address span { margin:10px 0px; display:block;}

img.map { margin-top:15px;}

span.date-comments {
	font-size:11px;
	font-style:italic;
	margin:10px 0px 20px 0px;
	display:block;
	color:#939393;
}
.holder-separator {
	margin-bottom:30px;
}




/* sIFR style */


h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#container {

}

#main {
	margin: .5em 20px 0 20px;
	border-top: 1px solid #000;
	text-align: left;
	padding: 20px 0 20px 0;
}

#left {
	float: left;
	width: 140px;
	margin: 0 20px 14px 0;
	background-color: #DCDCDC;
	border: 3px double #FFF;
	font-size: 10px;
	line-height: 1.4em;
}

.gutter {
	margin: 10px;
}

#right {
	float: right;
	width: 120px;
	margin: 0 0 14px 20px;
}

#center {

}

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
    font-size:36px;
    padding:0;
    line-height:36px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
    font-size:30px;
    line-height:30px;
    margin:20px 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 24px;
    line-height:24px;
    margin:15px 0;
}
.clear
{
    clear:both;
}
h3 a
{

}
.sIFR-hasFlash .title h4 {


	font-size: 24px;
        line-height:24px;
}
.sIFR-hasFlash .title h4 a
{
    font-size:14px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
.footer-copyright ul{
	float:right;
	width: 340px;

}
.footer-copyright ul li{
	display:inline;
	float:left;
}
.footer-copyright ul li a{
	display:block;
	float:left;
	padding: 0px 5px;
}