/****************************************************************************

Author: Dan Hoy
Development by: stirgroup.com
Last updated: 

*****************************************************************************/

/* BASE STYLE & STRUCTURE ********************************************************************/
*{
margin:0;
padding:0;
}
body{
background:#f7f7f7 url() no-repeat top center;
}
#wrap{
width:970px;
margin:0 auto;
padding-bottom:40px;
position:relative;
border-top:none;
}
ul{
list-style:none;
}
img{
display:block;
border:none;
}
.clearFix{
clear:both;
}
/* Text ************************************************************/
body{
font:12px Arial, Helvetica, sans-serif;
color:#444;
}
h1, h2, h3, h4, h5, h6{
color:#1740A9;
margin:20px 0 14px 0;
}
h1, {
font: 20px "trebuchet ms", sans-serif;
}
h2, {
font: 18px "trebuchet ms", sans-serif;
}
h2 em{
color:#E57217;
font-style:normal;
}
h3{
font-size:12px;
}
h4, h5, h6{
font-size:14px;
font-weight:bold;
}
p{
line-height:20px;
}
a{
outline:none;
text-decoration:none;
color:#E26306;
}
a:hover{
text-decoration:underline;
}
#mainContent a{
outline:none;
text-decoration:none;
color:#E26306;
border-bottom:1px dotted #E26306;
}
#mainContent a:hover{
text-decoration:none;
border-bottom:1px solid #E26306;
}
a.arrowlink, #mainContent a.arrowlink{
padding-right:9px;
font-size:11px;
margin:0 4px 0 4px;
background:url(../images/bullets_arrows/orange_arrows.gif) no-repeat right 5px;
border:none;
}
#mainContent a.arrowlink:hover{
text-decoration:underline;
border:none;
}
/* HEADER ************************************************************/
#header{
height:164px;
width:970px;
background:url(../images/nav/bg2.gif) no-repeat bottom center;
position:relative;
z-index:200;
}
#logo{
position:absolute;
top:42px;
left:30px;
}
#slogan{
font-family:"Trebuchet MS";
font-weight:bold;
font-size:11px;
color:#444;
position:absolute;
top:89px;
left:30px;
}
#quote{
display:block;
position:absolute;
right:30px;
top:49px;
background:transparent url(../images/quote_btn_2.gif);
width:207px;
height:41px;
text-indent:-9999px;
}
#quote:hover{
background-position:bottom;
}
p#utilityNav{
color:#2654ac;
font-size:12px;
font-weight:bold;
position:absolute;
right:116px;
top:9px;
height:18px;
line-height:18px;
}
p#utilityNav a{
color:#2654ac;
}
p#utilityNav span{
margin:0 4px;
position:relative;
top:-1px;
}
#socialMedia{
position:absolute;
right:31px;
top:6px;
}
#socialMedia a{
float:left;
margin-left:5px;
}
#socialMedia a#rss{
margin-left:4px;
}
form#search{
width:209px;
height:28px;
position:absolute;
bottom:8px;
right:27px;
background:url(../images/search-bg.gif) top left no-repeat;
}
form#search fieldset{
border:none;
}
#search input.field{
width:172px;
height:16px;
border:none;
position:absolute;
top:5px;
left:6px;
background:transparent;
}
#search #searchBtn{
position:absolute;
top:2px;
right:6px;
}
 
/* FEATURED ************************************************************/
#featureContent{
width:970px;
height:269px;
background:url(../images/page_tile.gif) repeat-y;
background:url(../images/features/stirTheme.jpg) no-repeat;
position:relative;
padding-top:0;
}
#slideshow{
width:930px;
height:264px;
margin:0 auto 0 auto;
}
#slideshow h2{
font-family:"Trebuchet MS";
font-size:19px;
position:absolute;
top:50px;
left:323px;
color:#203f7e;
background:#fff;
padding:0 4px 1px 4px;
margin:0;
line-height:20px;
}
#slideshow p{
width:480px;
position:absolute;
left:328px;
top:78px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e1dfdf;
padding:0;
margin:10px 0 0 0;
}
#slideshow p strong{
position:relative;
top:18px;
}
#slideshow p em{
position:relative;
top:36px;
font-size:17px;
font-weight:normal;
font-style:normal;
}
#slideshow a.readMore{
display:block;
position:absolute;
right:80px;
bottom:47px;
background:url(../images/features/readmore.gif) no-repeat;
width:86px;
height:18px;
text-indent:-9999px;
}
#featureNav{
position:absolute;
top:35px;
right:40px;
z-index:50;
text-align:center;
width:80px;
}
#featureNav a{
font-size:12px;
font-weight:bold;
display:inline;
float:left;
background:url(../images/features/tab_nav_transparency1.png);
width:21px;
height:22px;
line-height:22px;
margin-left:5px;
margin-bottom:5px;
color:#9FAFC4;
}
#featureNav a:hover, #featureNav a.activeSlide{
color:#E26306;
background:url(../images/features/tab_nav.png);
text-decoration:none;
}
/* CONTENT ************************************************************/
#content{
background:url(../images/page_tile.gif) repeat-y;
}
#stirThemeContent{
min-height:350px;
width:965px;
background:url(../images/interior-bodyswoosh.jpg) no-repeat right top;
}
/* MAIN CONTENT **************/
#mainContent{
width:600px;
float:left;
display:inline;
margin:30px 0 30px 35px;
background:url(../images/mcDivider.gif) no-repeat right top;
}
#interiorPg #mainContent, #interiorPg #subContent{
margin-top:20px;
}
#mainContent div{
width:289px;
float:left;
position:relative;
}
#mainContent div#mcRight{
float:right;
}
#mainContent p{
width:270px;
margin-top:16px;
}
#mainContent div#twoColWide{
width:578px;
background:#fff;
}
#mainContent div#twoColWide p{
width:570px;
}
#mainContent div#oneColWide{
width:904px;
background:#fff;
}
#mainContent div#oneColWide p{
width:896px;
}
#mainContent ul{
margin:10px 0 10px 3px;
}
#mainContent ul li{
background:url(../images/bullets_arrows/blue_arrows.gif) no-repeat left 9px;
padding:4px 0 4px 14px;
}
#mainContent ul#SSFeatures li{
margin:12px 0 12px;
padding:10px 0 10px 0;
background:none;
color:#193596;
position:relative;
line-height:18px;
}
#mainContent ul#SSFeatures li img{
position:absolute;
left:1px;
top:0;
}
#mainContent ul#SSFeatures li span{
background:#EAF9FC;
position:relative;
left:50px;
}
#mainContent ul#SSFeatures li span a{
margin-left:4px;
}
#mainContent ul#SSFeatures li#clients img{
top:2px;
}
#mainContent ul#SSFeatures li#manage{
top:-5px;
}
#mainContent ul#SSFeatures li#manage img{
top:7px;
}
#mainContent ul#SSFeatures li#email{
top:-14px;
}
#mainContent ul#pdfLinks li{
margin:12px 0 12px;
padding:10px 0 10px 0;
background:none;
position:relative;
line-height:13px;
}
#mainContent ul#pdfLinks li a, #mainContent ul#pdfLinks li a:hover{
margin-left:4px;
color:#193596;
border:none;
}
#mainContent ul#pdfLinks li a:hover span{
text-decoration:underline;
}
#mainContent ul#pdfLinks li img{
position:absolute;
left:1px;
top:0;
}
#mainContent ul#pdfLinks li span{
background:#f3f3f3;
position:relative;
left:38px;
padding:4px 0;
}


/* SUB CONTENT ***************/
#subContent{
height:300px;
width:276px;
float:left;
display:inline;
margin:30px 0 0 20px;
}
#subContent #stirLinks{
margin-top:20px;
}
#subContent #stirLinks li{
margin-bottom:12px;
}
#subContent #stirLinks li#topLink{
margin-bottom:13px;
}
/*WORK CONTENT*/
#workContent{
width:910px;
height:440px;
margin:30px 0 0 38px;
padding-bottom:40px;
position:relative;
}
#workContent h2{
margin-bottom:0px;
}
#workContent a.arrowlink{
position:absolute;
right:12px;
top:30px;
}
.workGrid{
margin-top:-6px;
}
#workContent .workGrid a{
display:block;
width:268px;
height:167px;
margin:31px 31px 0 0;
padding:4px;
border:1px solid #D5D6DB;
float:left;
}
#workContent .workGrid a:hover{
border:1px solid #ED863A;
}
#workContent .workGrid a.rightThumb{
margin-right:0;
}

/* BOTTOM CONTENT ************/
#bottomContent{
width:960px;
height:230px;
padding-bottom:30px;
margin:30px 0 0 5px;
background:#353849;
overflow:hidden;
color:#8D919E;
}
#bottomContent div{
float:left;
display:inline;
margin:26px 0 0 35px;
width:266px;
}
#bottomContent div#bottomCenter, #bottomContent div#bottomRight{
margin-left:44px;
}
#bottomCenter ul{
float:left;
width:133px;
}
#bottomContent h3{
margin:0 0 18px 0;
color:#8D919E;
font: 20px "trebuchet ms", sans-serif;
margin:0 0 13px 0;
position:relative;
}
#bottomContent h3#h3_stirSuite img{
position:absolute;
top:-3px;
right:44px;
}
#bottomContent li{
color:#767D8F;
background:url(../images/bullets_arrows/gray_ondark_arrows.gif) no-repeat left 9px;
line-height:18px;
padding:3px 0 3px 12px;
}
#bottomContent a{
color:#767D8F;
padding:2px;
}
#bottomContent a:hover{
color:#BBBDC8;
text-decoration:none;
background:#2D2F3E;
}
#bottomContent p{
color:#767D8F;
line-height:18px;
}
#bottomRight p{
margin:0px 0 14px 1px;
}
#bottomContent #bottomRight li{
background:url(../images/bullets_arrows/gray_ondark_check.gif) no-repeat left 9px;
padding:3px 0 3px 16px;
margin-left:2px;
}

/* FOOTER ********************************************************************/
#footer{
height:50px;
width:960px;
margin-left:5px;
background:url(../images/footer.gif) no-repeat bottom;
color:#747B90;
position:relative;
clear:both;
}
#footer p{
font-size:11px;
position:absolute;
top:14px;
left:26px;
}
#footer a{
color:#747b90;
margin-left:8px;
}