/* Combined CSS for Scout911 3-29-10 */ 
html, body {
    margin:0;
    padding:0;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #535252;
    background: url(../img/bg-site.jpg) no-repeat scroll center 0px #fff;
}
#pageWrapper {
    width:980px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
#home {
    background: url(../img/bg-home.jpg) no-repeat scroll center 0px #fff;
}
#portfolioPage {
    background: url(../img/bg-thumbs.jpg) no-repeat scroll center 0px #fff;
    position:relative;
}
#header {
    width:980px;
    height:137px;
    position:relative;
    z-index:0;
}
#logo {
    width:279px;
    height:63px;
    position:absolute;
    top:22px;
    left:0;
    z-index:1;
}
#nav {
    width:470px;
    height:63px;
    position:absolute;
    top:29px;
    left:510px;
    z-index:1;
    text-align:right;
}
#subNav {
    width:958px;
    height:28px;
    position:absolute;
    top:103px;
    left:10px;
    z-index:1;
    text-align:right;
}
#subNavClient {
    width:480px;
    height:28px;
    position:absolute;
    top:103px;
    left:488px;
    z-index:1;
    text-align:right;
}
#subNavClientInfo {
    width:480px;
    height:28px;
    position:absolute;
    top:103px;
    left:0px;
    z-index:2;
    text-align:left;
}
#body {
    width:980px;
    height:553px;
    position:relative;
    z-index:0;
}
#bodyThumbs {
    width:980px;
    position:relative;
    z-index:0;
    float:left;
    background-color:#fff;
}
#bodyBanner {
    width:980px;
    height:513px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    text-align:left;
}
#bodyInfo {
    width:960px;
    height:30px;
    position:absolute;
    top:513px;
    left:0px;
    z-index:2;
    text-align:left;
    background-color:#c54406;
    padding:10px 0 0 20px;
}
#bodyClientList {
    width:830px;
    height:553px;
    position:absolute;
    top:0px;
    left:150px;
    z-index:1;
    text-align:left;
    background: url(../img/bg-client-list.jpg) no-repeat top left;
}
#bodyClientListOne {
    width:198px;
    height:510px;
    position:absolute;
    top:21px;
    left:49px;
    z-index:2;
    text-align:left;
}
#bodyClientListTwo {
    width:198px;
    height:510px;
    position:absolute;
    top:21px;
    left:276px;
    z-index:3;
    text-align:left;
}
#bodyClientListThree {
    width:294px;
    height:510px;
    position:absolute;
    top:21px;
    left:508px;
    z-index:4;
    text-align:left;
}
#bodyContact {
    width:980px;
    height:553px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    text-align:left;
    background: url(../img/bg-contact.jpg) no-repeat top left;
}
#bodyContactLeft {
    width:563px;
    height:301px;
    position:absolute;
    top:21px;
    left:41px;
    z-index:2;
    text-align:left;
}
#bodyContactRight {
    width:266px;
    height:301px;
    position:absolute;
    top:21px;
    left:677px;
    z-index:2;
    text-align:left;
}
#bodyBannerPortfolio {
    width:830px;
    height:553px;
    position:absolute;
    top:0px;
    left:150px;
    z-index:1;
    text-align:center;
}
#bodyInfoPortfolio {
    width:150px;
    height:53px;
    position:absolute;
    top:500px;
    left:0px;
    z-index:2;
    text-align:left;
    background-color:#c54406;
}
#bodyThumbsPortfolio {
    width:150px;
    height:500px;
    overflow:auto;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    text-align:left;
    line-height:0px;
    background-color:#c54406;
}
#bodyClientInfoPortfolio {
    width:150px;
    height:500px;
    overflow:auto;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    text-align:left;
    background-color:#c54406;
    color:#fff;
}
#infoThumbsNavOnePort {
    width:14px;
    height:10px;
    position:absolute;
    top:5px;
    left:28px;
    z-index:3;
    text-align:left;
}
#infoThumbsNavOne {
    width:150px;
    height:20px;
    position:absolute;
    top:19px;
    left:0px;
    z-index:1;
    text-align:left;
}
#infoThumbsNavOneRight {
    width:14px;
    height:10px;
    position:absolute;
    top:5px;
    left:106px;
    z-index:4;
    text-align:left;
}
#infoThumbsNavTwoPort {
    width:10px;
    height:14px;
    position:absolute;
    top:25px;
    left:10px;
    z-index:5;
    text-align:top;
}
#infoThumbsNavTwo {
    width:150px;
    height:22px;
    position:absolute;
    top:26px;
    left:0px;
    z-index:2;
    text-align:left;
}
#infoThumbsNavTwoCenter {
    width:95px;
    height:22px;
    position:absolute;
    top:29px;
    left:27px;
    z-index:6;
    text-align:center;
    overflow:hidden;
}
#infoThumbsNavTwoRight {
    width:10px;
    height:14px;
    position:absolute;
    top:25px;
    left:130px;
    z-index:6;
    text-align:top;
}
#infoThumbsHr {
    width:120px;
    height:1px;
    position:absolute;
    top:0px;
    left:14px;
    z-index:4;
    font-size:1px;
    background-color:#fff;
}
#bodyClientListImage {
    width:150px;
    height:553px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
    text-align:left;
    background-color:#c54406;
    font-size:0px;
}
#footer {
    width:958px;
    height:24px;
    position:relative;
    z-index:0;
    padding:14px 0 0 22px;
    color:#535252;
    font-size:11px;
    float:left;
}
#footerPortfolioItem {
    width:958px;
    position:relative;
    z-index:0;
    padding:14px 0 0 22px;
    color:#535252;
    font-size:11px;
    float:left;
}
/* Text Formatting */
ul {
    list-style-type: disc;
    padding: 0;
    margin: 0;
}
ul ul {
    list-style-type: none;
}
ul ul ul {
    list-style-type: none;
}
#nav ul {
    margin:23px 8px 0 0;
}
#nav ul li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding: 0 0 0 20px;
}
a.navLink:link, a.navLink:visited, a.navLink:active {
    color:#494949;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
}
a.navLink:hover {
    color:#494949;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    border-bottom:#c54406 solid 2px;
}
a.navLinkOn:link, a.navLinkOn:visited, a.navLinkOn:active {
    color:#494949;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    border-bottom:#c54406 solid 2px;
}
a.navLinkOn:hover {
    color:#494949;
    font-size:14px;
    font-weight:normal;
    text-decoration:none;
    border-bottom:#c54406 solid 2px;
}
#subNav ul {
    margin:5px 0 0 0;
}
#subNav ul li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding: 0 0 0 15px;
}
a.subNavLink:link, a.subNavLink:visited, a.subNavLink:active {
    color:#494949;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
}
a.subNavLink:hover {
    color:#ccc;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
}
a.subNavLinkOn:link, a.subNavLinkOn:visited, a.subNavLinkOn:active {
    color:#494949;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
a.subNavLinkOn:hover {
    color:#ccc;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
a.bodyInfoLink:link, a.bodyInfoLink:visited, a.bodyInfoLink:active {
    color:#fff;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
}
a.bodyInfoLink:hover {
    color:#CCC;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
}
a.infoLinkPortTop:link, a.infoLinkPortTop:visited, a.infoLinkPortTop:active {
    color:#fff;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
    margin-left:28px;
}
a.infoLinkPortTop:hover {
    color:#CCC;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
    margin-left:28px;
}
a.infoLinkIndex:link, a.infoLinkIndex:visited, a.infoLinkIndex:active {
	color:#fff;
	font-size:13px;
	font-weight:normal;
	text-decoration:underline;
    margin-left:60px;
}
a.infoLinkIndex:hover {
    color:#CCC;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
    margin-left:60px;
}
a.infoLinkPortBottomLeft:link, a.infoLinkPortBottomLeft:visited, a.infoLinkPortBottomLeft:active {
    color:#fff;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    margin-left:20px;
	margin-right:11px;
}
a.infoLinkPortBottomLeft:hover {
    color:#CCC;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    margin-left:20px;
	margin-right:11px;
}
a.infoLinkPortBottomRight:link, a.infoLinkPortBottomRight:visited, a.infoLinkPortBottomRight:active {
    color:#fff;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
}
a.infoLinkPortBottomRight:hover {
    color:#CCC;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
}
#bodyClientInfoPortfolio li a {
    color:#fff;
    font-size:13px;
    text-decoration:none;
}
#bodyClientInfoPortfolio li a:hover {
    text-decoration:underline;
}
h1 {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #494949;
    margin-top: 5px;
    margin-bottom: 0px;/*line-height: 24px;*/
}
h1.clientListHOne {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #535252;
    margin-top: 0px;
    margin-bottom: 0px;
}
h2.clientListHTwo {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #535252;
    margin-top: 0px;
    margin-bottom: 0px;
}
h3.clientListHThree {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #535252;
    margin-top: 0px;
    margin-bottom: 0px;
}
h1.contactHOne {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #535252;
    margin-top: 0px;
    margin-bottom: 0px;
}
h2.contactHTwo {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #535252;
    margin-top: 0px;
    margin-bottom: 0px;
}
.paraClient {
    margin:14px 7px 0 15px;
    font-size:13px;
}
p.paraOrangeBold {
    margin:15px 0 0 0;
    line-height:18px;
    font-weight:bold;
    color:#c54406;
}
p.paraOrangeContact {
    margin:5px 0 0 0;
    line-height:18px;
    font-weight:normal;
    color:#c54406;
}
p {
    margin:15px 0 0 0;
}
p, .paraClient {
    line-height:18px;
}
.fontBold {
    font-weight:bold;
}
.fontBoldThirteen {
    font-weight:bold;
    font-size:13px;
}
.fontFifteen {
    font-size:15px;
}
.fontOrange {
    color:#c54406;
}
.fontGray {
    color:#c54406;
}
.fontWhite {
    color:#fff;
}
.fontWhiteLarge {
    color:#fff;
    font-size:14px;
}
.fontGraySmall {
    color:#535252;
    font-size:11px;
}
a.linkGreySmall:link, a.linkGreySmall:visited, a.linkGreySmall:active {
    color:#535252;
    font-size:11px;
    font-weight:normal;
    text-decoration:underline;
}
a.linkGreySmall:hover {
    color:#CCC;
    font-size:11px;
    font-weight:normal;
    text-decoration:underline;
}
a.linkGreyThirteen:link, a.linkGreyThirteen:visited, a.linkGreyThirteen:active {
    color:#535252;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
}
a.linkGreyThirteen:hover {
    color:#CCC;
    font-size:13px;
    font-weight:normal;
    text-decoration:underline;
}
a.linkOrange:link, a.linkOrange:visited, a.linkOrange:active {
    color:#c54406;
    /*font-size:11px;*/
    font-weight:normal;
    text-decoration:underline;
}
a.linkOrange:hover {
    color:#CCC;
    /*font-size:11px;*/
    font-weight:normal;
    text-decoration:underline;
}
p.paraClientInfo {
    margin:5px 0 0 1px;
}
#thumbBody {
    width:776px;
    position:absolute;
    top:40px;
    left:126px;
    z-index:1;
}
.thumbRowFirst {
    float:left;
    margin:0;
    margin:40px 0 0 0;
}
.thumbRow {
    float:left;
    margin:20px 0 0 0;
}
.thumbRowLast {
    float:left;
    margin:0;
    margin:20px 0 20px 0;
}
.thumbContainerFirst {
    float:left;
    margin:0;
    width:240px;
}
.thumbContainer {
    float:left;
    margin:0 0 0 60px;
    width:240px;
}
.thumbContainerLast {
    float:left;
    margin:0 0 0 60px;
    width:240px;
}
p.paraThumbLabel {
    margin:2px 0 0 90px;
}
#leftcol {
    float: left;
    width:126px;
    height:126px;
}
#rightcol {
    float: left;
    width:920px;
}
/* Resets */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {
    border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
ol, ul {
    list-style:none;
}
caption, th {
    text-align:left;
}
q:before, q:after {
    content:”;
}
abbr, acronym {
    border:0;
}
/* Spacers */
.spacer1px {
    font-size: 1px;
    line-height: 1px;
}
.spacer2px {
    font-size: 2px;
    line-height: 2px;
}
.spacer3px {
    font-size: 3px;
    line-height: 3px;
}
.spacer4px {
    font-size: 4px;
    line-height: 4px;
}
.spacer5px {
    font-size: 5px;
    line-height: 5px;
}
.spacer6px {
    font-size: 6px;
    line-height: 6px;
}
.spacer7px {
    font-size: 7px;
    line-height: 7px;
}
.spacer9px {
    font-size: 9px;
    line-height: 9px;
}
.spacer10px {
    font-size: 10px;
    line-height: 10px;
}
.spacer11px {
    font-size: 11px;
    line-height: 11px;
}
.spacer13px {
    font-size: 13px;
    line-height: 13px;
}
.spacer14px {
    font-size: 14px;
    line-height: 14px;
}
.spacer15px {
    font-size: 15px;
    line-height: 15px;
}
.spacer16px {
    font-size: 16px;
    line-height: 16px;
}
.spacer17px {
    font-size: 17px;
    line-height: 17px;
}
.spacer21px {
    font-size: 21px;
    line-height: 21px;
}
.spacer28px {
    font-size: 28px;
    line-height: 28px;
}
.spacer30px {
    font-size: 30px;
    line-height: 30px;
}
.spacer35px {
    font-size: 35px;
    line-height: 35px;
}
.spacer40px {
    font-size: 40px;
    line-height: 40px;
}
.spacer80px {
    font-size: 80px;
    line-height: 80px;
}
.spacer120px {
    font-size: 120px;
    line-height: 120px;
}
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

