body {
	margin: 0;
	padding: 0;
	background: #343434 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #FF0000;
}

h1 {
	font-size:197%;
}

h2 {
	font-size: 167%;
}

h2.MainPageHeading {clear:both;}

h3 {
	font-size: 100%;
	font-weight: bold;
}

h1#CompanyName {color:#000000;position:absolute;left:300px;top:150px;font-size:48px;}

p, ol, ul {
	line-height: 180%;
}

p {
}

ol {
}

ul {
}

blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #999999;
}

blockquote * {
	line-height: normal;
}

a {
	color: #cc0000;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}



/* Header 2 */

#header2 {
	width: 100%;
	height: 247px;
background:url('/images/headerbg.jpg') repeat-x center top;
	margin: 0px auto;
    background-color:#FFFFFF;
    position:relative;
}

#header2 div.leftbg {width:10px;position:absolute;left:0;top:0;}
#header2 div.rightbg {width: 10px;position: absolute;right: 0;top: 0;}
#header2 div.logo {position:absolute;left:17px;top:3px;}
#header2 div#FacebookLogo {position:absolute;right:0;top:10px;}

    /* Menu */
    #menu {
        float: right;
        position: relative;
        top: 94px;
    }

#menu ul {
	margin: 0;
	padding: 5px 20px 0 15px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0px 20px;
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Sans-Serif;
	text-transform:uppercase;
	border-left:2px solid #FFFFFF;
}

#menu a:hover {
	color:#E3E3E3;
}

#menu .first a {
	background: none;
	border:0;
}

/* Splash */

#splash {
	float: right;
	width: 560px;
	height: 200px;
}


/* Page */

#page {
	width: 100%;
	margin: 0 auto;
	padding: 00px 0;
	background-color:#FFFFFF;
}

/* Content */

#content {
	float: left;
	padding: 0 20px 20px 20px;
    width:100%;
}

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
}

#content ol {
	margin-left: 0;
	padding-left: 0;
	list-style: lower-alpha inside;
}

.title {
	padding-top: 3px;
}

.content {
	padding: 20px;
padding-top:10px;
margin-top:10px;
	background: url('images/img10.gif') no-repeat;
}
.content h4{margin-top:5px;}
.twocols a{color:#FF0000;
}

.twocols .col1 {
	float: left;
	width: 220px;
}

.twocols .col2 {
	float: right;
	width: 220px;
}

/* Sidebar */

.sidebar {
	float: right;
	width: 220px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom: 20px;
	background: #E6E6E6 url('images/img07.gif') no-repeat right bottom;
}

.sidebar li ul {
	padding: 10px 20px;
	font-size: 92%;
}

.sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted #CDCDCD;
}

.sidebar h2 {
	height: 30px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: url('images/img06.gif') no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #145997;
}

.sidebar h3 {
	margin: 0;
}

.sidebar p {
	margin: 0;
	line-height: normal;
}

.sidebar a {
	text-decoration: none;
}

.sidebar a:hover {
	text-decoration: underline;
}

.sidebar .first {
	border: none;
}

/* Footer */

#footer-wrapper {
	padding: 20px 0;
	background: #E6E6E6;
	border-top: 10px solid #CDCDCD;
	width:100%;
	margin:0 auto;
}

#footer {
	width: 100%;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: #666666;
}

#legal {
	float: left;
	padding: 30px 0 10px 80px;
	background: url('images/Lone Wolf Logo GrayBG.gif?Change=1') no-repeat left bottom;
}

#links {
	float: right;
	padding: 30px 0 0 0;
}
.gray h2{text-align:left;margin:10px;margin-left:0px;border-top:1px dotted;margin-top:20px;padding-top:10px;clear:both;}
.gray{border:1px solid #eee;margin-bottom:20px;background-color:#F7F7F7;padding:10px;}
.gray p{margin:0px;margin-bottom:10px;}
.portfoliodetail{margin-bottom:40px;}
.ob_show_changerleft{display:block !important;height:28px !important;width:28px !important;background:url('/images/Prev_Enabled.jpg') no-repeat !important;}
.ob_show_changerright{display:block !important;height:28px !important;width:28px !important;background:url('/images/Next_Enabled.jpg') no-repeat !important;}
.ob_show_changerleft_over{height:28px !important;width:28px !important;background:url('/images/Prev_Disabled.jpg') no-repeat !important;}
.ob_show_changerright_over{height:28px !important;width:28px !important;background:url('/images/Next_Disabled.jpg') no-repeat !important;}
.portfoliodetail{margin-top:00px;}
.portfoliodetail div#PhotoGallery {margin-left:auto;margin-right:auto;width:100%;max-width:492px;}
.portfoliodetail div#PhotoGallery img {max-width:100%;max-height:369px;}
.portfoliodetail div#PhotoGallery div.gallerylayer {text-align:center;}
.portfoliodetail a img{border:none;}
.portfoliodetail span a{font-size:16px !important;margin:0 0px 5px 0px;text-decoration:none;color:#000;position:relative;top:-8px;padding:0px 5px;}
.portfoliodetail span a.active{text-decoration:underline;}
.portfoliodetail span a:hover{color:#EA8944;}
.portfoliodetail .category{text-align:center !important;margin-top:20px;}
.portfoliodetail a{margin:0px 15px 15px 15px;text-transform:uppercase;color:#333;text-decoration:none !important;font-size:11px;letter-spacing:3px;}
.portfoliodetail a:hover{color:#EA8944;text-decoration:underline !important;}
.portfoliodetail .active{color:#EA8944 !important;font-size:11px !important;font-weight:bold;text-decoration:none;}
td[id*="obShow_panelnumber"]{font-size:14px !important;padding:0px 5px 0px 5px !important;color:black;text-decoration:none;}
td[id*="obShow_panelnumber"]:hover{font-size:14px !important;padding:0px 5px 0px 5px !important;color:black;text-decoration:underline;color:#E36F1E;}
.ob_show_changernumber_selected{text-decoration:underline !important;}
a[id*="categoryrepeater"], a.categoryrepeater, div.categoryrepeater{margin:10px !important;font-size:16px;color:#FF0000;border:1px solid #eee;padding:7px;margin-bottom:0 !important;text-decoration:none;white-space:nowrap;}
a:hover[id*="categoryrepeater"], a.categoryrepeater:hover{}
a.active[id*="categoryrepeater"], a.active{font-size:18px;color:#FF0000;background-color:#EEEEEE;}
div[class*="ob_show"]{text-align:center !important;}
div[class*="ob_show"] img{max-width:90%; max-height: 90%}
div[class*=ob_show] span{display:block;margin:10px auto;}
.ob_show_changer table{margin:0px auto;}
.sidebar .first a img{width:180px;}
div.references{margin:15px 25px 20px 0;float:left;width:180px;}
div.references strong{color:maroon;font-size:14px;}
.gradient{background:url('/images/png/gradient.png') repeat-x;padding:20px;}
.rightcol{float:right;}
.rightcol a{color:red;margin:0px;padding:0px;}
.portfoliodetail.gradient table td{white-space:nowrap !important;}

div.ServicesList {width:100%;}
div.ServicesList li {margin-left:10px;text-indent:-10px;}
div.Services {width:100%;}
h3.ServicesTitle {clear:both;font-size:18px;}

#SSExcavationPhotos img, #SSPouringPhotos img, #SSFinishingPhotos img {max-width:100%;max-height:225px;}

div#slideshowtoggler span.status, div#slideshowtoggler a.prev, div#slideshowtoggler a.next {font-size:30px;margin:0;}
div#slideshowtoggler {margin-top:15px;width:295px;margin-left:auto;margin-right:auto;max-width:100%;}
div#slideshowtoggler span.status {width:50px;text-align:center;display:inline-block;}
div#slideshowtoggler div {text-align:center;}

div.Services div.ServicesList div.CategoryPhoto a img {max-width:200px;max-height:150px;}
div.Services div.ServicesList div.CategoryPhoto {text-align:center;}

div.Services div.Concrete {width:100%;}
div.Services div.Concrete div.ServicesList {width:30%;}

.navbar-default {background-color:transparent;border-color:transparent;}
div.Title {background-color:#FFFFFF;}

#LocationMap {width:100%;}
#LocationMap img {max-width:100%;}

div.HomePageSlideshow {width:300px;max-width:100%;margin-left:auto;margin-right:auto;}
div.HomePageSlideshow div.gallerylayer {text-align:center;}
div.HomePageSlideshow div.gallerylayer img {max-width: 100%;max-height: 225px;}

.ssi-hpt { display: none !important; }

@media (max-width:991px) {
    #header2 div.logo {position:static;width:100%;text-align:center;}
    #header2 div.logo img {height:150px;}
    #header2 {background-position-y: 66px;background-color: #333333;height:292px;}
    #header2 div.leftbg {top:66px;}
    #header2 div.rightbg {top:66px;}
    /*#header2 div#FacebookLogo {position:relative;z-index:1000;float:right;padding-top:10px;}*/
    #header2 h1#CompanyName {position:static;text-align:center;}
    #header2 h1#CompanyName img {max-width: 100%;}
    #header2 #menu {float:none;position:static;height:auto;}
    div.navbar {margin-bottom: 0;}
    #header2 {height: auto;}
    div.Services div.ServicesList div.CategoryPhoto {text-align: left;}
    a[id*="categoryrepeater"], a.categoryrepeater {margin-bottom:10px !important;display:block;text-align:center;}
    div.categoryrepeater ul.dropdown-menu {z-index:2000;}
    #footer p, #footer div {text-align:center;}
}

@media (max-width:768px) {
    div#mynavbar-content {background-color: #FF0000;}
    #menu a {border-left:none;}
    .portfoliodetail a {letter-spacing:inherit;font-size:inherit;text-transform:initial;}
    div.Services div.ServicesList div.CategoryPhoto {text-align: left;}
    .portfoliodetail div#PhotoGallery {height:200px;}
}