@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

* img {
border: 0;
}

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 22px;
color: #23282f;
background: #c9c9c9;
}

body a {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
}

body a:hover {
text-decoration: none;
}

/*------------------------------------------------------------------------ NAV STYLES --*/
div#nav-container {
background: #87909f url(../images/nav-bg.gif) repeat-x;
}

div#nav {
width: 900px;
text-align: right;
padding: 8px 0;
margin: 0 auto;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #fff;
}

#nav a {
color: #fff;
text-decoration: none;
padding: 0 5px;
}

#nav a:hover {
color: #384353;
}

body#about a#aboutNav,
body#services a#servicesNav,
body#portfolio a#portfolioNav,
body#proofs a#proofsNav,
body#contact a#contactNav {
color: #384353;
}

/*------------------------------------------------------------------------ HOME HEADER STYLES --*/
div#home-header-container {
background: #000000 url(../images/home-header-container-bg.gif) repeat-x;
}

div#home-header {
width: 900px;
margin: 0 auto;
background: url(../images/home-header-bg.gif) no-repeat;
height: 245px;
}

#home-header img {
margin-top: 70px;
float: left;
}

div#home-phone {
width: 250px;
height: 96px;
background: url(../images/home-phone-bg.gif) no-repeat;
float: right;
margin: 75px 10px 0 0;
padding-top: 15px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
}

.home-phone-contact {
font-size: 18px;
}

.home-phone-contact a {
color: #CCCCCC;
text-decoration: none;
}

.home-phone-contact a:hover {
color: #939ba8;
text-decoration: none;
}

/*------------------------------------------------------------------------ SUB HEADER --*/

div#sub-header-container {
background: #000000 url(../images/sub-header-bg.gif) repeat-x;
}

div#sub-header {
width: 900px;
height: 167px;
margin: 0 auto;
background: url(../images/sub-content-bg.gif) no-repeat;
}

div#sub-header img {
margin-top: 40px;
float: left;
}

/*-----HEADER CONTENT ---------------*/

div#sub-header-content {
float: right;
margin-top: 70px;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
color: #bcc2cb;
}

#sub-header-content a {
color: #bcc2cb;
text-decoration: none;
}

#sub-header-content a:hover {
color: #d8dee7;
}

/*------------------------------------------------------------------------ HOME CONTENT --*/

div#home-content-container {
background: #FFFFFF url(../images/home-content-bg.gif) repeat-x;
height: 333px;
}

div#home-content {
width: 900px;
margin: 0 auto;
}

div#home-content-left {
width: 540px;
float: left;
padding-top: 35px;
}

#home-content p {
padding-bottom: 28px;
}

#home-content-left img {
padding-bottom: 12px;
}

/*------------------ICON LIST--*/

#home-content-left ul li,
#sub-content-left ul li {
float: left;
list-style-type: none;
display: inline;
}

#home-content-left a,
#sub-content-left a {
display: block;
width: 107px;
height: 89px;
padding-right: 15px;
}

.vehicle-icon a {
background:url(../images/home-icon-vehicle.jpg) 0 0 no-repeat;
}

.vehicle-icon a:hover {
background:url(../images/home-icon-vehicle.jpg) 0 -89px no-repeat;
}

.portable-icon a {
background:url(../images/home-icon-portable.jpg) 0 0 no-repeat;
}

.portable-icon a:hover {
background:url(../images/home-icon-portable.jpg) 0 -89px no-repeat;
}

.storefront-icon a {
background:url(../images/home-icon-storefront.jpg) 0 0 no-repeat;
}

.storefront-icon a:hover {
background:url(../images/home-icon-storefront.jpg) 0 -89px no-repeat;
}

.frosted-icon a {
background:url(../images/home-icon-frosted.jpg) 0 0 no-repeat;
}

.frosted-icon a:hover {
background:url(../images/home-icon-frosted.jpg) 0 -89px no-repeat;
}

/*------------------HOME ICON LIST END--*/

div#home-content-right {
width: 350px;
float: left;
margin-left: 10px;
background: url(../flash/home-flash-bg.jpg) no-repeat;
height: 333px;
}

div#home-flash p {
padding: 44px 20px 15px 20px;
color: #fff;
}

div#home-flash img {
padding-left: 20px;
}

/*------------------------------------------------------------------------ SUB CONTENT --*/

div#sub-content-container {
background-color: #FFFFFF;
height: 100%;
}

div#sub-content {
width: 900px;
margin: 0 auto;
padding: 30px 0;
}

div#sub-content-left {
width: 520px;
float: left;
}

#sub-content-left img {
padding-bottom: 12px;
}

#sub-content-left p {
padding-bottom: 20px;
}

div#sub-content-right {
width: 340px;
float: right;
}

/*------------------FEATURED SERVICES--*/

div#featured-services {
width: 340px;
float: right;
margin-left: 30px;
background: url(../images/featured-services-bg.gif) repeat-y;
line-height: 19px;
}

#featured-services ul {
padding: 8px 22px 0 24px;
}

#featured-services li {
list-style-type: none;
padding-bottom: 10px;
}

#featured-services li a {
display: block;
background: url(../images/featured-services-arrow.gif) no-repeat;
padding-left: 20px;
font-size: 13px;
font-weight: normal;
color: #363c45;
text-decoration: none;
}

#featured-services li strong {
font-size: 16px;
font-weight: bold;
color: #5a626c;
text-decoration: none;
}

#featured-services li a:hover {
color: #eeeeee;
}

/*------------------END FEATURED SERVICES--*/

div#sub-content-flash {
width: 340px;
float: right;
}

#sub-content-flash p {
padding-bottom: 15px;
}

#sub-content-flash p strong {
display: block;
padding: 8px 5px;
background-color:#8992a1;
color:#CCCCCC;
}

/*------------------------------------------------------------------------ FOOTER --*/
.clearfloats {
clear:both;
}

div#footer-home-container {
}

div#footer-sub-container{
background: url(../images/footer-sub-bg.gif) repeat-x;
}

div#footer {
width: 900px;
margin: 0 auto;
padding-top: 15px;
color: #32383f;
font-size: 12px;
clear: both;
}

div#footer-sub {
width: 900px;
margin: 0 auto;
padding-top: 15px;
color: #32383f;
font-size: 12px;
clear: both;
}

div#footer-left {
float: left;
}

#footer-left a {
color: #32383f;
text-decoration: none;
padding: 0 3px;
}

#footer-left a:hover {
color: #646a73;
}
.copyright {
font-size: 11px;
color: #545e6a;
}

div#footer-right {
float: right;
}

div#footer-right img {
padding-left: 15px;
}

/*------------------FOOTER LINKS--*/
#footer-right ul li {
float: right;
list-style-type: none;
display: inline;
padding-left: 3px;
}

.visual-fusion a {
display: block;
background: url(../images/footer-visual-fusion.jpg) 0 0 no-repeat;
height: 44px;
width: 60px;
}

.visual-fusion a:hover {
background: url(../images/footer-visual-fusion.jpg) 0 -45px no-repeat;
}

.proline a {
display: block;
background: url(../images/footer-proline.jpg) 0 0 no-repeat;
height: 44px;
width: 68px;
}

.proline a:hover {
background: url(../images/footer-proline.jpg) 0 -45px no-repeat;
}

.dgstickers a {
display: block;
background: url(../images/footer-dgstickers.jpg) 0 0 no-repeat;
height: 44px;
width: 36px;
}

.dgstickers a:hover {
background: url(../images/footer-dgstickers.jpg) 0 -45px no-repeat;
}