/* ----------------------------------------------------------------------------
version:	1.0
author: 	LRS Web Solutions :: Cassandra Pence Ostermeier
date:		September 28, 2011
title:		Main Stylesheet
---------------------------------------------------------------------------- */

body{
width:100%;
height:100%;
margin:0px;
background-image:url(../images/b-body.gif);
background-repeat:repeat-x;
color:#3f3f3f;
font-family:Arial, Helvetica, sans-serif;
}

h2{
background-image:url(../images/b-h2.png);
background-repeat:no-repeat;
text-align:left;
min-width:288px;
height:31px;
color:#cc9933;
font-size:26px;
font-weight:normal;
line-height:31px;
font-family:pt-sans-narrow,arial, sans-serif;
margin-top:46px;
margin-bottom:5px;
padding-left:18px;
}

a{
color:#db3d33;
text-decoration:none;
outline:none;
}

a:hover{
color:#db3d33;
text-decoration:underline;
}

img{
border:0px;
}

#wrapper{
width:943px;
height:auto;
margin:0 auto;
text-align:center;
}

#header{
width:956px;
height:129px;
}

#logo{
width:347px;
height:118px;
line-height:118px;
float:left;
}

#globalArea{
width:336px;
height:118px;
float:right;
}

#globalNav{
width:175px;
line-height:25px;
float:left;
}

#globalNav a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#afafae;
text-align:left;
text-decoration:none;
outline:none;
font-weight:bold;
margin-right:20px;
}

#globalNav a:hover{
color:#db3d33;
text-decoration:underline;
}

a.tcBlue{
width:31px;
height:28px;
background-image:url(../images/b-total-connect-blue.png);
background-repeat:no-repeat;
outline:none;
line-height:28px;
text-indent:-30000px !important;
text-align:left;
display:block;
float:right;
}

a:hover.tcBlue{
width:31px;
height:28px;
background-image:url(../images/b-total-connect-blue-over.png);
background-repeat:no-repeat;
outline:none;
line-height:28px;
text-indent:-30000px;
display:block;
float:right;
}

a.tcRed{
width:31px;
height:28px;
background-image:url(../images/b-total-connect-red.png);
background-repeat:no-repeat;
outline:none;
line-height:28px;
text-indent:-30000px;
display:block;
float:right;
}

a:hover.tcRed{
width:31px;
height:28px;
background-image:url(../images/b-total-connect-red-over.png);
background-repeat:no-repeat;
outline:none;
line-height:28px;
text-indent:-30000px;
display:block;
float:right;
}



#loginBox{
width:155px;
height:99px;
background-image:url(../images/b-login.png);
float:right;
}


#leftCol{
clear:both;
width:222px;
height:auto;
padding-top:14px;
float:left;
}

#leftCol p{
color:#888888;
font-size:11px;
line-height:15px;
text-align:left;
/*padding-top:40px;*/
margin-top:0px;
padding-left:18px;
padding-right:15px;
}

.leftHeaderLink
{
    width:100%;
    height:40px;
    display:block;
    text-indent:-30000px;
}

.leftCollink{
color:#c59532;
text-decoration:underline;
font-size:11px;
line-height:15px;
background-image:url(../images/b-leftcollink.png);
background-repeat:no-repeat;
padding-left:15px;
background-position:0 2px;
}

.leftCollink:hover{
color:#db3d33;
}

.security-evaluations{
width:222px;
height:112px;
background-image:url(../images/btn-security-evaluation.gif);
background-repeat:no-repeat;
}

.security-evaluations:hover{
width:222px;
height:112px;
background-image:url(../images/btn-security-evaluation-ove.gif);
background-repeat:no-repeat;
}

.total-connect{
width:222px;
height:112px;
background-image:url(../images/btn-cis-connect.gif);
background-repeat:no-repeat;
margin-top:10px;
}

.total-connect:hover{
width:222px;
height:112px;
background-image:url(../images/btn-cis-connect-over.gif);
background-repeat:no-repeat;
margin-top:10px;
}

.videos{
width:222px;
height:112px;
background-image:url(../images/btn-videos.gif);
background-repeat:no-repeat;
margin-top:10px;
}

.videos:hover{
width:222px;
height:112px;
background-image:url(../images/btn-videos-over.gif);
background-repeat:no-repeat;
margin-top:10px;
}

.facebookHeader{
width:197px;
height:35px;
background-image:url(../images/b-socialMediaIcns.gif);
margin-top:18px;
text-align:left;
line-height:35px;
padding-left:25px;
}

#rightCol{
width:720px;
height:auto;
float:right;
}

#content{
text-align:left;
padding-left:20px;
padding-right:15px;
}

#content p{
color:#585857;
font-size:14px;
line-height:22px;
}

#content ul{
color:#585857;
font-size:14px;
line-height:22px;
}

#content ol{
color:#585857;
font-size:14px;
line-height:22px;
}

#rotatingImages{
width:702px;
height:322px;
padding:14px 0px 15px 12px;
}

#rightCol #btns a{
width:222px;
height:142px;
background-repeat:no-repeat;
display:block;
float:left;
margin-right:18px;
text-indent:-30000px;
}

a.btnResidential{
background-image:url(../images/btn-residential.gif);
}

a:hover.btnResidential{
background-image:url(../images/btn-residential-over.gif);
}

a.btnCommercial{
background-image:url(../images/btn-commercial.gif);
}

a:hover.btnCommercial{
background-image:url(../images/btn-commercial-over.gif);
}

a.btnConstruction{
background-image:url(../images/btn-construction.gif);
}

a:hover.btnConstruction{
background-image:url(../images/btn-construction-over.gif);
}

#footer{
clear:both;
width:948px;
margin:auto;
padding-top:25px;
font-size:11px;
text-align:left;
}

#footer a
{
    color: #3F3F3F;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration:none;
    outline:none;
}

#footer a:hover
{
    color: #3F3F3F;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration:underline;
    outline:none;
}

#copyright{
width:100%;
height:76px;
background-image:url(../images/b-copyright.gif);
background-repeat:repeat-x;
font-size:11px;
}

#copyright a
{
    color:#B1B0B0;
    text-decoration:none;
    outline:none;
}

#copyright a:hover
{
    color:#B1B0B0;
    text-decoration:underline;
    outline:none;
}

hr {color: #fff; background-color: #fff; border: 1px solid #d8d8d8; border-style: none none solid; }

#facebookFeed
{
    border:solid 1px #d8d8d8;
    border-top:0px;
    color:#888888;
font-size:11px;
line-height:15px;
text-align:left;
padding-top:1px;
margin-top:0px;
padding-left:12px;
padding-right:13px;
padding-bottom:10px;
width:195px;
overflow:hidden;
background-color:#f1f2f5;
}

.borderBottom
{
    border-bottom:solid 1px #d8d8d8;
}

.rssBody ul
{
    padding:0px;
    list-style-type:none;
    margin:0px;
}

h4 a
{
    font-size:11px;
    color:#DB3D33;
    font-weight:normal;
}

.quote
{
    padding:18px;
    background-color:#e7e8e9;
    border:solid 2px #e7e8e9;
    border-radius:4px;
    text-indent:-6px;
    margin-bottom:0px;
}

p.author
{
    margin-top:0px;
    padding-top:20px;
    background-image:url(../images/b-quoteAuthor.jpg);
    background-repeat:no-repeat;
    background-position:60px 0px;
    font-size:10px;
}




/*************************main navigation*******************************/

#nav{
clear:both;
width:948px;
height:57px;
margin:auto;
text-align:center;
}

#nav a{
height:57px;
line-height:57px;
display:block;
background-repeat:no-repeat;
float:left;
cursor:pointer;
text-indent:-30000px;
}

#nav a.about{
width:116px;
background-image:url(../images/nav-About.png);
}

#nav a:hover.about{
width:116px;
background-image:url(../images/nav-About-over.png);
}

#nav a.residential{
width:169px;
background-image:url(../images/nav-residential.png);
}

#nav a:hover.residential{
width:169px;
background-image:url(../images/nav-residential-over.png);
}

#nav a.commercial{
width:173px;
background-image:url(../images/nav-commercial.png);
}

#nav a:hover.commercial{
width:173px;
background-image:url(../images/nav-commercial-over.png);
}

#nav a.construction{
width:209px;
background-image:url(../images/nav-new-construction.png);
}

#nav a:hover.construction{
width:209px;
background-image:url(../images/nav-new-construction-over.png);
}

#nav a.centralStation{
width:162px;
background-image:url(../images/nav-cis-central-station.png);
}

#nav a:hover.centralStation{
width:162px;
background-image:url(../images/nav-cis-central-station-over.png);
}

#nav a.resources{
width:117px;
background-image:url(../images/nav-resources.png);
}

#nav a:hover.resources{
width:117px;
background-image:url(../images/nav-resources-over.png);
}