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

*, html {
	padding: 0;
	margin: 0;
}

body {
	background: #effaff;
	font: normal 13px/16px Verdana, Geneva, sans-serif;
	color: #013b56;
	text-align: left;
}

a {
	color: #0972c1;
}

a img {
	border: none;
}

a:hover {
	color: #013b56;
}

p,
#content-block ol,
#content-block ul {
	margin: 0 0 12px;
}

#content-block ol,
#content-block ul {
	padding: 0 0 0 30px;
	overflow:hidden;

}

h1 {
	font: bold 18px/20px Verdana, Geneva, sans-serif;
	margin: 0 0 10px;
}

h2 {
	font: bold 16px/22px Verdana, Geneva, sans-serif;
	margin: 0 0 10px;
	color:#056698
}

h3 {
margin-bottom:8px;
}

.img-left {
	float: left;
	margin: 5px 10px;
}

.img-right {
	float:right;
	margin: 5px 10px;
}

.border {
	border:1px solid #aaa
}

.clear {
	clear: both;
}



#wrapper-middle {
	background: url(../images/layout/wrapper-middle-bg.png) repeat-y left;
	width: 980px;
	margin: 2px auto 20px;
}
#wrapper-top {
	background: url(../images/layout/wrapper-top-bg.png) no-repeat top left;	
	padding: 14px 0 0;
}
#wrapper-bottom {
	background: url(../images/layout/wrapper-bottom-bg.png) no-repeat bottom left;	
	padding: 0 10px 14px;
}

#header {
	background: #f4f4f4 url(../images/layout/nav-bar-bg.png) repeat-x bottom;
	margin: 0 0 10px;
	overflow: hidden;
}

/* Top Social ----------------------------------------- */

.social {
	overflow: hidden;
	margin: 10px auto 0;
	width: 959px;
}
.social .twitter,
.social .facebook {
	float: right;
	width: 16px;
	margin: 0 0 0 3px;
}

.social .twitter {
	background: url(../images/layout/twitter-icon-over.png) no-repeat top left;
}

.social .facebook {
	background: url(../images/layout/facebook-icon-over.png) no-repeat top left;
}
.social .facebook a,
.social .twitter a {
	/* Make IE and older browsers play nice with our CSS Hovers */
	display: block;
	position: relative;
}
.social a:hover img {
	visibility: hidden;
}
.social .links {
	float: right;
	font: normal 10px/13px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	color: #929191;
	padding: 2px 0 0;
}
.social .links a {
	color: #929191;
	text-decoration: none;
}
.social .links a:hover {
	color: #0a70a4;
	text-decoration: underline;
}

#head-contact {
	background: url(../images/layout/contact-header-bg.png) no-repeat top left;
	float: right;
	height: 64px;
	padding: 15px 20px 0;
	margin: 10px 10px 24px 0;
	font: bold 16px/18px Verdana, Geneva, sans-serif; 
	color: #ffffff;
}
#head-contact a {
	font: bold 16px/18px Verdana, Geneva, sans-serif; 
	color: #ffffff;
}
#head-contact span {
	display: block;
	font: bold 23px/25px Verdana, Geneva, sans-serif;
}

#head-logo {
	padding: 10px 0 0;
	width: 130px;
}

#content-block {
	width: 700px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0 0 10px;
	overflow: hidden;
}
#content-block.front {
	width: 700px;
}

#left-col {
	overflow: hidden;
	width: 220px;
	margin: 0 0 0 10px;
}

#left-col.front {
	width: 220px;
	overflow: auto;
	position: relative;
}

#splash {
	float: right;
	width: 700px;
	margin: 0 10px 15px 0;
	overflow: hidden;
}

#splash ul li {
	list-style: none;
	float: left;
	margin: 5px 0 0 7px;
	border: 1px solid #013b56;
	background: #013b56;
	text-align: center;
}
#splash ul li:first-child {
	margin-left: 0;
}
#splash ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 2px;
}

/* Side bar ----------------------------------- */
#free-estimate,
#engineering-letter {
    margin: 3px 0 10px;
}

#free-estimate {
	background: url(../images/layout/contact-rollover.png) no-repeat top left;
	position: relative;
	display: block;
}
#free-estimate a {
	position: relative;
	display: block;
}
#free-estimate a:hover img {
	visibility: hidden;
}

#ebook {
	border: 1px solid #afafaf;
	background: #e6f5fc;
	margin: 0 0 10px;
}


#why-us-top {
	background: url(../images/layout/why-us-top.png) no-repeat top left;
	padding: 47px 0 0;
	font: normal 18px/24px Verdana, Geneva, sans-serif;
}
#why-us-bot {
	background: url(../images/layout/why-us-bottom.png) no-repeat bottom left;
	padding: 0 0 10px 25px;
	color: #0972c1;
}
#why-us-mid {
	background: url(../images/layout/why-us-middle.png) repeat-y left;
	margin: 0 0 5px;
}

#why-us-bot ul li {
	list-style: square;
	margin: 0 0 0 20px;
}

#side-servicearea {
	border: 1px solid #afafaf;
	background: #f7f7f7;
	font: normal 11px/13px Verdana, Geneva, sans-serif;
	margin: 0 0 10px;
	oveflow: hidden;
	color: #4a4a4a;
	display: block;
	position: relative;
}
#side-servicearea .side-servicearea_copy {
	padding:8px;
}
#side-servicearea img.map {
	border-bottom: 1px solid #afafaf;
	margin: 0 0 7px 0;
	float: left;
}

/* inside right col ----------------------------------- */
#right-col {
	float: right;
	width: 200px;
	margin: 0 0 5px 20px;
}

.addthis_default_style {
	height: 20px;
}


#inside-servicearea {
	border: 1px solid #afafaf;
	background: #f7f7f7;
	padding: 10px 5px 5px;
	font: normal 12px/14px Verdana, Geneva, sans-serif;
	margin: 0 0 10px;
	oveflow: hidden;
	color: #4a4a4a;
	text-align: center;
}
#inside-servicearea img.map {
	border: 1px solid #dcdcdc;
	margin: 0;
}



/* Footer ----------------------------------- */

#footer {
	clear: both;
	height: 112px;
	background: #f4f4f4;
	font-size: 11px;
	padding-bottom: 20px;
}
#footer #endorsements {
	float: right;
	width: 520px;
	margin: 10px 10px 0 0;
}
#footer #endorsements table {
	width: 520px;
}
#footer #endorsements table td {
	padding: 0 0 0 8px;
	vertical-align: middle;
}
#footer #endorsements table td:first-child {
	padding: 0;
}

#footer #footer-links {
	padding: 18px 0 0 10px;
	color: #0972c1;
	width: 390px;
}

#footer #copyright {
	padding: 8px 0 0 10px;
	color: #4e4e4e;
}

/* Nav v2.0 */

#nav {
    margin: 0 0 15px;
}

#nav li {
    list-style: none outside none;
}
#nav > ul > li {
    font-weight: bold;
    margin-top: 1px;
}
#nav > ul > li:first-child {
    margin: 0;
}
#nav a {
    color: #393637;
    display: block;
    min-height: 22px;
    padding: 8px 0 0 8px;
    text-decoration: none;
}

#nav > ul > li > a {
    color: #FFF;
}

#nav > ul > li > a {
    background: #023B58;
}
#nav li.wcactive > a, #nav a.active {
    font-weight: bold;
}
#nav > ul > li > a:hover, #nav > ul > li > a.active, #nav > ul > li.wcactive > a {
    background: #FFC72F;
    color: #023B58;
}
#nav ul ul a:hover {
    text-decoration: underline;
}
#nav ul ul {
    background-color: #F0EFEF;
}
#nav > ul > li > ul {
    padding: 5px 0 0;
}
#nav ul ul a {
    font-weight: normal;
    min-height: 16px;
    padding: 0 5px 6px 22px;
}
#nav ul ul ul a {
    padding-left: 32px;
}
#nav ul ul ul ul a {
    padding-left: 42px;
}
#nav ul ul li.wchild a {
    background: url("/images/layout/nav-arrow-r.gif") no-repeat scroll 11px 3px #F0EFEF;
}
#nav ul ul li.wcactive > a {
    background: url("/images/layout/nav-arrow-d.gif") no-repeat scroll 9px 4px #F0EFEF;
}
#nav ul ul ul li.wchild a {
    background: url("/images/layout/nav-arrow-r.gif") no-repeat scroll 21px 3px #F0EFEF;
}
#nav ul ul ul li.wcactive > a {
    background: url("/images/layout/nav-arrow-d.gif") no-repeat scroll 19px 4px #F0EFEF;
    padding-bottom: 4px;
}

/* End Nav */

.slidesh {
        margin-top: 5px;
        width: 200px;
        text-align: center;
}

div.scroll {
	height: 150px;
	width: 182px;
	overflow-Y: scroll;
	border: 1px solid #666;
	padding: 8px;
	margin: 0 0 10px;
}

.blog_border {
	border:2px solid #38ade5;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}
.blog_border strong {
	color: #4a4a4a;
	font-size: 16px;
	background: #006b9f url(../images/blog-bg.png) no-repeat 80% 7px;
	border-bottom: 2px solid #38ade5;
	display: block;
	font-weight: bold;
	padding:12px 0 0 10px;
	text-align: left;
	margin: 0 0 10px;
	color:#fff;
	height:42px;
}
#right-col .blog_border strong {
	background-image:none;
}
.blog_border strong b {
	font-size: 12px;
	display: block;
	font-weight: bold;
	color:#fff;
}
.blog_border .blogitem {
	padding: 0 10px;
}
.blog_border .blogcredit {
	padding: 0 10px;
	margin: 0 0 10px;
}

.blog_border .blog_more {
	padding: 5px 10px 10px;
}
.blog_border .blogimage img{
    border: 1px solid #CCCCCC;
    float: right;
    margin: 3px;
    width: 70px;
}

#inside-splash {
	margin: 0;
}

/* Fix for IE7: Add stuff that no other browser needs! */
#container {
	width: 710px;
	float: right;
	overflow: auto;	
}

#container.front {
	width: 710px;
}

#cred-splash {
	height: 63px;
	float: right;
	overflow: hidden;
	width: 590px;
	margin: 0 20px 10px 0;
}

#cred-splash ul li {
	list-style: none;
	float: left;
}
#cred-splash ul li.fsi { margin: 0 15px 0 0; }
#cred-splash ul li.bob { margin: 0 14px 0 0; }
#cred-splash ul li.bsi { margin: 0 12px 0 0; }
#cred-splash ul li.eics { margin: 0 14px 0 0; }
#cred-splash ul li.bbb { margin: 0; }


table#meet_the_team td {
	padding: 5px;
	border-bottom: 1px dashed #666;
}

.testimonials {
  background: #F7F7F7;
  border: 1px solid #AFAFAF;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.testimonials p:first-child {
  background: #EFEFEF;
  border-bottom: 1px solid #AFAFAF;
  font-size: 18px;
  margin: 0 0 5px;
  text-align: center;
  display: block;
  padding: 5px 0;
}
.testimonials p:first-child strong {
  font-weight: normal;
  color: #4A4A4A;
}
.testimonials p,
.testimonials a {
  padding: 0 10px;
}

.testimonials p a {
  padding: 0;
}
#gallery {
	font-size: 10px;
	line-height: 13px;
}
#gallery p {
	padding: 0px 5px 0px 5px;
}
#gallery img {
	margin-bottom: 5px;
}

/* Start WOW service TEST styles */

div#wow-test {
	color:#282828
}

div#left-wrapper {
	float:right;
	width:256px;
	margin:5px 0px 0px 13px;
}

div#wow-service-ext {
	background:url('/images/wow-bg.png') repeat-x top left;
	text-align:center;
	display:block;
	height:426px;
	padding:3px
}

div#wow-service-ext-testimonial {
	background:url('/images/wow-test-bg.png') repeat-x top left;
	height:132px;
	text-align:center;
	display:block;
	padding:3px;
	margin-top:20px

}

div#wow-service {
	background-color:#fff;
	text-align:left;
	padding:8px
}


#wow-test h1 {
	font-size:20px;
	margin:0px 0px 15px 0px;
	color:#003a63;
}

#wow-test .contact-top {
	font-style:italic;
	font-size: 16px;
	margin-top:5px
}

#wow-test .w-phone {
	color:#003a63;
	font-size:24px;
	font-weight:bold;
}

#wow-test .img-right {
	margin:0px 0px 0px 10px;
	float:right
}

#wow-test .img-left {
	margin:0px 10px 0px 0px;
	float:left
}

#wow-test hr {
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0;
	margin:15px 0px 18px 0px
}


div#wow-service h2 {
	font-family:Georgia, Verdana, Times, serif;
	color:#003a63;
	font-size:20px;
	line-height: 23px;
	margin:2px 0px 5px 0px
}

div#wow-service ul {
	list-style-type:none;
	padding:0px;
	margin:0px
}

div#wow-service ul li {
	background-image:url('/images/wow-logo.png');
	background-repeat:no-repeat;
	background-position:-.2em -.3em;
	padding-left:5em;
	padding-bottom:9px;
}

/* Follow us on the web */

table.social-media {
	width:100%;
	text-align:center;
	margin:30px 0px 50px 0px;
	width:100%
}

table.social-media td {
	padding:5px
}

#reviews {
 clear:both; 
 margin-bottom:20px; 
 border:1px solid #e0e0e0; 
 background-color:#f3f3f3; 
 padding:8px;
}
#review-comments {
 float:right;
 width:520px;
}

/* get ria:active {
 outline:none;
}d of those system borders being generated for A tags */


:focus {
 -moz-outline-style:none;
}

#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


/* styling for elements inside overlay */
.boxdetails {
	position:absolute;
	top:15px;
	right:15px;
	font-size:15px;
	color:#fff;
	width:200px;
}

.boxdetails h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 15px 0;
}

#triggers table td {
text-align: center;
font-weight: bold;
width:152px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:580px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://www.structuralrepaircolorado.com/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#long-content-box {
background-color: #f1f1f1;
border:1px solid;
border-color: #5977b2;
padding:10px;
margin-top:20px;
}

#long-content-box h3 {
color:#153980;

}

#gray-hr {
	margin:15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#right-content-box {
width:352px;
float:right;
border: 1px;
border-color:#000000;
margin: 0 0 5px 15px;
background-color: #f1f1f1;
}

#right-content-box p {
margin: 10px;
}

#spaced li {
margin-bottom:10px;
}

#productpage h2 {
	color:#292929;
	font-size:14pt;
	font-weight:bold;
	margin:0
}

#productpage .img-left {
	margin-right:17px
}

#productpage .img-right {
	margin-left:17px
}

#productpage .warranty {
	margin:0px 0px 25px 0px;
	font-style:italic;
	color:#4d3789
}

#productpage .quote {
	margin-top:30px;
}

#productpage .quote a {
	font-weight:bold;
	font-style:italic;
	color:#00a8a8;
	font-size:13pt;
	text-decoration:none
}

#productpage .quote a:hover {
	font-weight:bold;
	font-style:italic;
	color:#bb047e;
	font-size:13pt;
	text-decoration:none
}

#productpage .proddetails h3 {
	color:#00a8a8
}

#productpage .proddetails ul {
	padding-left:250px
}

.zoom {
	margin-top:25px;
	width:211px;
	text-align:center;
	color:#4d3789;
	font-weight:bold;
	text-decoration:none
}

#productpage ul.product-left {
	list-style-type:none;
	padding:10px 0px 0px 0px;
	margin-bottom:490px;
}

#productpage ul.product-left li {
	background-image:url('http://www.structuralrepaircolorado.com/images/images/arrow.gif');
	background-repeat:no-repeat;
	background-position:0em .1em;
	padding-left:2em;
	padding-bottom:8px;
}

#productpage ul a {
	color:#292929;
	text-decoration:none
}

#productpage ul a:hover {
	text-decoration:underline
}

#productpage .detailtitle {
	font-weight:bold;
	font-size:12pt;
}

table.colors {
	margin:0px;
}

table.colors th {
	padding:5px
}

table.colors td {
	text-align:center;
	padding:3px 0px;
}


#productpage hr {
	margin:15px 0px 15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#promise {
	background-color:#003859;
	border:1px solid #ccc;
	padding:0px;
	width:445px;
	color:#fff
}
.blog-cta {
	border:2px solid #38ade5;
	padding: 0 0 20px 0;
}
.blog-cta .title {
	border-bottom:2px solid #38ade5;
	margin: 0 0 5px 0;
	height:42px;
	background: #006b9f url(blog-bg.png) no-repeat 186 7;
	font: bold 16px/18px Verdana, Geneva, sans-serif;
	color:#FFF;
	padding:12px 0 0 41px;
}
.title .subtitle {
	font: bold 12px/14px Verdana, Geneva, sans-serif;
}	

div#youtube_videos {
	font-size: 12px !important;
	line-height: 15px !important;
	padding:6px !important;
	width:136px !important;
	margin:20px 15px 0px 0px !important;
	height: 142px !important;
	background-color:#eaeaea
}

div#youtube_videos a {
	text-decoration:none !important;
	color:#2d2d2d !important;
}

div#youtube_videos a:hover {
	color: #003c78 !important;
	text-decoration:underline !important
}

div#youtube_videos img {
	margin-bottom:5px !important;
	border:1px solid #ccc !important
}
.city_block {
	background-color: #F7F7F7;
    border: 1px solid #AFAFAF;
	margin-bottom: 10px;
}
.city_block-title {
    background-color: #FFFFFF;
    border-bottom: 1px solid #AFAFAF;
    color: #4A4A4A;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 1px 7px;
    padding: 4px 0;
	text-align:center;
}
.cities {
    background-color: #FFFFFF;
    margin: 5px;
}
.home-splash-header {
	margin-bottom:10px;
}
.home-blog {
	float: right;
}
.slider {
	width:338px;
	overflow: hidden;
}
.call-out {
	background-color: #ffffff;
}
.slider .call-out {
	display: block;
	float: left;
	border: 1px solid #d7d7d7;
	margin: 0 0 0 10px;
	width:104px;
	background-color:#eaeaea;
	overflow: hidden;	
}
.slider .call-out-first {
	display: block;
	float: left;
	border: 1px solid #d7d7d7;
	margin: 0;
	width:104px;
	background-color:#eaeaea;
	overflow: hidden;	
}
.slider .call-out-last,
.slider .call-out-last a {
    color: #0A70A4;
    font: bold 11px/13px Verdana,Geneva,sans-serif;
	padding: 101px 0 0 10px;
	text-decoration:none;
}
.slider .call-out-last a:hover {
	text-decoration:underline;
}

.slider .call-out a,
.slider .call-out-first a {
	display: block;
	width:104px;
	height:124px;
	overflow: hidden;
	border:	0px solid #d7d7d7;
	text-decoration:none;
}

.slider .thumb {
	padding: 10px 10px 5px 10px;
	width:85px;
    height: 63px;
	float:left;
	overflow: hidden;
}
.slider .thumb a {
	float:left;
	overflow: hidden;
	border: 1px solid #cccccc;
}
.slider .link {
	padding:0 10px;
}
.slider .link p {
    color: #2D2D2D;
    font: 9px/11px Verdana,Geneva,sans-serif;
    text-align: center;
}
.carousel-container {
    float: right;
    height: 180px;
    margin: 0 0 10px;
}

.column-right {
	float:right;
	width:360px;
}
.column-left {
	float:left;
	width:330px;
	margin:0 10px 0 0;
}
.column-right-flickr {
	float:right;
	width:285px;
	margin:0 0 0 10px;
}
.divider-blue {
	width:700px;
	height:1px;
	background-color:#75c5e6;
	margin:15px 0;
	overflow:hidden;
}
.video-title-bar {
    color: #0A70A4;
    float: left;
    margin-left: 10px;
}
.bread-crumbs {
	padding:4px 10px 6px;
	background-color:#eeeeee;
	color:#004278;
	width:680px;
	font: normal 11px/18px Tahoma, Geneva, sans-serif;
	margin:0 0 10px;
}

/* Search Bar ----------------------------------------- */

.search-bar {
	overflow: hidden;
    margin: 0 10px 0 0;
	float:right;
	clear:right;
}
.search-bar .box {
	float: right;
}
.search-bar input {
	float: right;
	margin: 0 0 0 10px;
}
.search-bar #search-button {
	font: bold 12px/18px Verdana, Geneva, sans-serif;
	color: #fff;
	background: #797979;
	border: 1px solid #d1d1d1;
	padding: 2px 15px;
}

.search-bar #search-q {
	font: normal 12px/14px Tahoma, Geneva, sans-serif;
	padding: 2px;
	height: 18px;
	width: 256px;
	border: 1px solid #d1d1d1;
	overflow: hidden;
}


#head-open {
	background: url(../images/layout/open-sign-peak.png) no-repeat top left;
	float: right;
	width:350px;
	height: 81px;
	padding: 15px 20px 0;
	margin: 0 10px 18px 0;
	font: bold 16px/18px Verdana, Geneva, sans-serif; 
}
#head-open a {
	font: bold 16px/18px Verdana, Geneva, sans-serif; 
}
#head-open span {
	display: block;
	font: bold 16px/18px Verdana, Geneva, sans-serif;
}

.weather {
	border: 0px solid #68808A;
    padding: 0 0 5px;
	width: 180px;
	margin: 10px 0 0 22px;
	
}


.news-right {
margin: -50px 0px 0px 500px;

}

/***RADIO PAGE******/
.radio-spots td{
padding-bottom:10px;
}
/***RADIO PAGE*****/