@import url("reset.css");

body {
    background: #01408F url(images/bg_body_repeat-x.jpg) repeat-x top center;
    color: #737373;
}

h1, h2, h3, h4, h5 {
    color: #000;
}

h3 {
    font-size: 1.7em !important;
}


a {
    text-decoration: none;
}

a.bg-btn, ul#navigation a {
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	height:0;
}

#div0 {
    background: url(images/bg_footer.jpg) no-repeat bottom center;
    padding-bottom: 23px;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
    width:1010px;
}

#div1 {
    background: url(images/bg_div1_repeat-y.jpg) repeat-y top center;
}

#div2 {
    background: url(images/bg_div2_no-repeat.jpg) no-repeat top center;
    margin-left: auto;
    margin-right: auto;
}

#wrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}

#header {
    height: 166px;
    width: 100%;
    position: relative;
    margin-bottom: 6px;
    overflow: hidden;
    color: #fff;
}

    #header em {
	font-style: italic;
    }
    
    ul#navigation {
	text-align:center;
	height:34px;
	width:980px;
	text-align:center;
	
	float:left;
	left:49%;
	position:absolute;
	margin:0 auto;
	bottom: 0;
    }
	ul#navigation li {
	    /*display: inline-block;*/
	    float:left;
	    position:relative;
	    right:50%;
	}
	    ul#navigation li a {
		padding:34px 0 0 0;
		width:150px;
		background-image:url(images/btn_sp_navbar.jpg);
		margin:0 20px;
	    }
	    ul#navigation li a.home {background-position:0px 0px; width:65px;}
	    ul#navigation li a.home:hover {background-position:0px -34px;}
	    
	    ul#navigation li a.aboutus {background-position:-110px 0px; width:104px;}
	    ul#navigation li a.aboutus:hover {background-position:-110px -34px;}
	    
	    ul#navigation li a.requestquote {background-position:-254px 0px; width:150px;}
	    ul#navigation li a.requestquote:hover {background-position:-254px -34px;}
	    
	    ul#navigation li a.contactus {background-position:-448px 0px; width:114px;}
	    ul#navigation li a.contactus:hover {background-position:-448px -34px;}
	    
	    ul#navigation li a.employment {background-position:-607px 0px; width:129px;}
	    ul#navigation li a.employment:hover {background-position:-607px -34px;}
	    
	    ul#navigation li a.login {background-position:-773px 0px; width:73px;}
	    ul#navigation li a.login:hover {background-position:-773px -34px;}
	    
	    ul#navigation li a.register {background-position:-878px 0px; width:82px; margin-right: 0;}
	    ul#navigation li a.register:hover {background-position:-878px -34px;}
	    
    #header table{
	position: absolute;
	right: 0;
	top: 20px;
    }
    
    #header table tr td{
    }
    
    #header .tel .type {
	color: #ffcf06;
	font-weight: bold;
    }
    
    #header .adr .locality {
	color: #ffcf06;
	font-weight: bold;
	padding-right: 10px;
    }
    
    #header #header-title{
	position: absolute;
	top: 42px;
	left: 230px;
	color: #ffcf06;
	font-size: 23px;
	font-style: italic;
	text-transform: uppercase;
    }
    
    #header #header-title .fn {
	color: #fff;
    }
    
    #header #header-area{
	position: absolute;
	top: 68px;
	left: 230px;
	font-style: italic;
	width: 500px;
    }
    
    #header #header-title h1, #header #header-title h2{
	display: inline;
    }
    
    #header .type {
	text-align: right;
	padding-right: 8px;
    }
    
    #header #last_line td {
	padding-bottom: 8px;
    }

#left {
    width: 198px;
    float: left;
    margin:0 0 0 1px;
	position:relative;
	z-index:1;
}

    #left h2 {
	color: #ed1b2e;
	font-size: 16px;
	padding: 16px 0 8px 19px;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
    }
    

#right {
    width: 772px;
    float: right;
    margin-right:3px;
    padding:5px 0 0;
}

    #rotator {
	width: 580px;
	height: 309px;
	float: left;
	background-color: #000;
	z-index:0;
    }
    

    div#quicklinks {
	background:#7f9fc7;
	width: 187px;
	height: 309px;
	float: right;
    }
    
	div#quicklinks a {
	    padding:64px 0 0 0;
	    width:167px;
	    margin-bottom:9px;
	}
	
	div#quicklinks a.locationhours {background-image: url(images/btn_qk_locationhours.jpg);}
	div#quicklinks a.requestaquote {background-image: url(images/btn_qk_requestaquote.jpg);}
	div#quicklinks a.contactus {background-image: url(images/btn_qk_contactus.jpg);}
	div#quicklinks a:hover {background-position:-167px 0;}
	
	div#quicklinks p {
	    margin: 17px 0 19px 0;
	    font-size: 24px;
	    text-align: center;
	    text-transform: uppercase;
	    font-weight: bold;
	    color: #00387d;
	}
	
	div#quicklinks ul {
	    margin-left: 13px;
	}
	
    .content {
	padding: 20px 20px 0 50px;
	_padding: 20px 15px 0 50px;
	clear: both;
    }
    
#footer {
    background-color:#B6B6B6;
    clear:both;
    color:#FFFFFF;
    font-size:11px;
    height:30px;
    margin:0 0 0 1px;
    padding:16px;
    position:relative;
    width:948px;
}

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

    #footer #social_networking {
	position: absolute;
	top: 13px;
	right: 13px;
    }
    
.gallery-description {
    clear: both;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #ccc;
}

#gallery-quote-button {
    float: right;
    margin-bottom:10px;
}

/* PROJECT LISTING STYLES */
.project-overview {
    background-color: #ffab00;
    padding: 10px;
    overflow: hidden;
    width: 683px;
    margin-bottom: 25px;
}

    .project-overview img {
	float: right;
	padding:3px 3px 0 0;
    }
    
    .project-overview a {
	color: #000;
	font-size: 20px;
	font-weight: bold;
    }
    
    .project-overview a:visited {
	color: #000;
    }
    
    .project-overview a:hover {
	color: #1133AA;
    }
    
    .project-overview span {
	text-transform: uppercase;
	color: #01408f;
	font-size: 13px;
    }
    
    .project-overview p {
	color: #000;
	margin-left: 4px;
	padding: 0.3em 0 0 0;
    }
    
    .project-overview div {
	background-color: #ffeabf;
	padding: 4px;
    }

    .project-overview #project-title {
	float: left;
	width: 512px;
    }
    
    .project-overview #project-date {
	float: right;
	width: 150px;
	height: 47px;
    }

    .project-overview #project-description {
	float: left;
	width: 675px;
	margin: 4px 0 4px 0;
    }
    
    .project-overview #project-status {
	float: left;
	width: 512px;
    }
    
/* PROJECT DETAILS PAGE STYLES */

table .label {
    text-align: left;
    padding-right: 10px;
}

table .data {
    color: #000;
    text-align: left;
}

.admin-feedback {
    margin-bottom: 25px;
    border: 2px solid #B6B6B6;
    overflow: hidden;
    width: 610px;
    float: right;
    padding-top: 5px;
}

.user-feedback {
    margin-bottom: 25px;
    border: 2px solid #B6B6B6;
    overflow: hidden;
    width: 610px;
    float: left;
    padding: 5px 0 0 5px;
}

.feedback-area {
    overflow: hidden;
    width: 700px;
}

.admin-feedback .feedback-content {
    float: right;
    width: 510px;
}

.admin-feedback img {
    float: right;
}

.user-feedback .feedback-content {
    float: left;
    width: 510px;
}

.user-feedback img {
    float: left;
}

#update-status {

}

#update-status #update-status-header {
    position: relative;
}

#update-status #update-status-header img {
    position: absolute;
    top: 5px;
    left: -28px;
}

#update-status #update-status-header h3 {
    padding: 3px 0 3px 0;
}

#update-status #update-status-form {
    height: 400px;
    display: none;
}

#signsnow-locations #address-bg #top{
    background-color: #E7E7E7;
    margin: 0 0 15px;
    padding: 10px;
    width: 530px;
}

#signsnow-locations .location {
    margin: 15px 0 15px 0;
    width: 265px;
    float: left;
}

#signsnow-locations #bottom {
    width: 530px;
}

.float-left {
    float: left;
}

#my-orders td {
    padding: 5px 10px;
}

#my-orders thead th {
    background-color: #1133AA;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 10px;
    text-align: left;
}

.contact-us-location {
    width: 230px;
    float: left;
}

#map {
    margin-bottom: 15px;
    clear: both;
}
#header-custom-text {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 220px;
    top: 39px;
    width: 110px;
}
#left ul li {
	z-index: 999999;
}

.gallery-header {
	font-size: 1.7em !important;
}