/* CSS Document for Drake Concrete, Inc.*/
/*author: Marijan Šnajdar - Gimli web-craftsman.com*/

/***** basic styles begin *****/
* {
	margin:0;
	padding:0;
}
body, html {
	background:#515149 url(images/body-bcg.jpg) repeat-y center top;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#333;
	height:100%;
}
@font-face {
 font-family: 'AachenBoldRegular';
 src: url('fonts/aachenb-webfont.eot');
 src: url('fonts/aachenb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aachenb-webfont.woff') format('woff'), url('fonts/aachenb-webfont.ttf') format('truetype'), url('fonts/aachenb-webfont.svg#AachenBoldRegular') format('svg');
 font-weight:normal;
 font-style:normal;
}
*:focus {
	outline:none;
}
fieldset {
	border:0
}
a, a:link, a:active, a:visited {
	color:#860811;
	text-decoration:none;
	outline:none;
}
a:hover {
	outline:none;
}
a:focus {
	border:none;
}
img {
	border:0;
}
#page-wrapper {
	width:990px;
	margin:0 auto -354px auto;
	overflow:hidden;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#header-container, #header-container-inner, #header-container-contact {
	width:868px;
	padding:0 61px;
	background:url(images/header-bcg.jpg) no-repeat 0px 0px;
	height:454px;
	overflow:hidden;
}
#header-container-contact {
	background-image:url(images/header-bcg-contact.jpg);
}
#header-container-inner {
	background-image:url(images/header-bcg-inner.jpg);
	height:433px;
}
/*accessibility_navigation begin*/
.accessibility_navigation {
	left:-9999px;
	top:-9999px;
	position:absolute;
}
.accessibility_navigation li {
	list-style-type:none;
}
/*accessibility_navigation end*/

/*slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size: 0;
	content: " ";
	clear:both;
	height:0;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display: block;
}
/***** header begin *****/
#logo {
	margin-top:41px;
	float:left;
}
#call-us {
	width:105px;
	float:left;
	margin:34px 0 0 379px;
}
#call-us strong, #follow-us strong {
	display:block;
	text-indent:-9999px;
}
#call-us h2 {
	font-size:16px;
	font-weight:bold;
}
#follow-us {
	float:right;
	width:16px;
	overflow:hidden;
	margin:50px 26px 0 0;
	overflow:hidden;
}
#follow-us a.facebook {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(images/page-elements.png) no-repeat 0 0;
}
#follow-us a.facebook:hover {
	background-position:-16px 0px;
}
/*navigation*/
#navigation {
	overflow:hidden;
	display:block;
	float:left;
	width:608px;
	margin:5px 0 0 5px;
}
#navigation li {
	display:block;
	float:left;
	background:url(images/navigation-devider.gif) no-repeat left 8px;
	padding-left:1px;
}
#navigation li a, #navigation li a:link, #navigation li a:active, #navigation li a:visited, #navigation li a:hover {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 2px black;
	padding:19px 7px 19px 7px;
	display:block;
	background:url(images/navigation-hover-bcg.png) no-repeat center top;
}
#navigation li a.contact {
	color:#FFE500;
}
:root #navigation li a {
	padding:19px 8px 19px 7px \0/IE9;
}
.transify {
	background-position:center 3px !important;  /*This value overrides default of transify plugin*/
}
/***** header end *****/

/***** slider area begin *****/ 

#slider-container {
	clear:both;
	overflow:hidden;
}
#homepage-slider {
	width:612px;
	height:295px;
	float:left;
	margin:5px 0 0 13px;
}
#slider {
	width:828px;
	height:274px;
	margin:5px auto 0 auto;
}
#homepage-slider-text {
	width:240px;
	float:right;
	overflow:hidden;
	background:url(images/homepage-slider-text-bcg.png) no-repeat 0px bottom;
	margin:20px 0 0 0;
}
#homepage-slider-text h2, .contact-content h2 {
	display:block;
	width:177px;
	height:48px;
	padding:3px 0 0 19px;
	background:url(images/page-elements.png) no-repeat 0px -58px;
	font-family:"AachenBoldRegular", "Arial Black", Gadget, sans-serif;
	color:#fff;
	text-shadow:-1px -1px 1px #800000;
}
@-moz-document url-prefix() {
 #homepage-slider-text h2 {
line-height:38px;
}
}
@-moz-document url-prefix() {
 .contact-content h2 {
line-height:38px;
}
}
:root #homepage-slider-text h2, .contact-content h2 {
	line-height:38px \0/IE9;
}
#homepage-slider-text ul {
	clear:both;
	padding:0 0 25px 20px;
	list-style:none;
}
#homepage-slider-text ul li {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px 0 2px 15px;
	background:url(images/check-icon.png) no-repeat 0px 4px;
}
/*contact*/
.contact-content {
	padding:40px 20px 0 20px;
	overflow:hidden;
}
.contact-image {
	float:right;
	margin:10px 5px 0 0;
}
.contact-content p {
	font:normal 12px Verdana, Geneva, sans-serif;
	line-height:160%;
	padding:10px 0 0 20px;
}
.contact-content dl {
	list-style:none;
	display:block;
	overflow:hidden;
	margin:20px 0 0 20px;
	width:430px;
	float:left;
	padding:0 0 0 15px;
	border-left: 1px solid #aea691;
}
.contact-content dl dt {
	font:normal 12px Arial, Helvetica, sans-serif;
	display:block;
	width:70px;
	float:left;
	padding:15px 0 0 0;
}
.contact-content dl dd {
	font-size:25px;
	font-family:Arial Black, Gadget, sans-serif;
	display:block;
	float:left;
	width:360px;
}
@-moz-document url-prefix() {
 .contact-content dl dd {
 font-weight:900;
padding-top:4px;
}
}
.contact-content dl dd a {
	color:#000;
}
.contact-content dl dd a:hover {
	color:#860811;
}
/***** slider area end *****/

/***** main begin *****/
/*content-main*/
#content-main-top, #content-main-bottom {
	width:868px;
	padding:0 61px;
	clear:both;
	overflow:hidden;
	height:30px;
	background:url(images/content-main-top-bcg.png) no-repeat 36px top;
}
#content-main-bottom {
	background-image:url(images/content-main-bottom-bcg.png);
}
#content-main {
	width:808px;
	background:url(images/content-main-bcg.png) repeat-y 45px 0px;
	clear:both;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#000;
	line-height:160%;
	overflow:hidden;
	position:relative;
}
.content-sections {
	padding:80px 91px 0 91px;
}
.content-plain {
	padding:0 91px 0 91px;
}
h2.section-heading {
	display:block;
	position:absolute;
	left:30px;
	top:5px;
	font:normal 32px "AachenBoldRegular", "Arial Black", Gadget, sans-serif;
	color:#fff;
	width:220px;
	height:67px;
	line-height:50px;
	text-shadow:-1px -1px 1px black;
	padding:2px 0 0 55px;
}
@-moz-document url-prefix() {
 h2.section-heading {
line-height:60px;
}
}
:root h2.section-heading {
	line-height:60px \0/IE9;
}
h2.residental {
	background:url(images/page-elements.png) no-repeat 0px -272px;
}
h2.commercial {
	background:url(images/page-elements.png) no-repeat 0px -444px;
	text-shadow:-1px -1px 1px #70191F
}
h2.demo {
	width:315px !important;
	background:url(images/page-elements.png) no-repeat 0px -560px;
	text-shadow:-1px -1px 1px #000000;
}
.commercial-left-content {
	width:390px;
	float:left;
}
.commercial-right-content {
	width:390px;
	float:right;
}
#content-main p {
	margin-bottom:10px;
	clear:both;
}
#content-main p strong {
	font-weight:bold;
}
#content-main ul {
	list-style:none;
}
#content-main ul > li {
	font:normal 14px Arial, Helvetica, sans-serif;
	display:block;
	padding:2px 0 2px 15px;
	text-transform:uppercase;
}
#content-main ul li ul {
	padding:2px 0;
	text-transform:uppercase;
}
#content-main ul li ul > li {
	font-size:11px;
	background:none;
}
#content-main ul li ul > li:before {
	content:"- ";
}
.residental-list {
	background:url(images/residental-list-bcg.png) no-repeat 0px bottom;
	padding:20px 30px;
	width:240px;
	float:left;
}
.residental-list li {
	background:url(images/check-residental.gif) no-repeat 0px 5px;
}
.commercial-list {
	background:url(images/residental-list-bcg.png) no-repeat 0px bottom;
	padding:10px 30px 20px 30px;
	margin-bottom:10px;
}
.commercial-list li {
	background:url(images/check-icon.png) no-repeat 0px 5px;
}
.demo-list {
	background:url(images/residental-list-bcg.png) no-repeat 0px bottom;
	padding:20px 30px;
	width:240px;
	float:left;
}
.demo-list li {
	background:url(images/check-demo.gif) no-repeat 0px 5px;
}
.demo-excevation {
	float:right;
	margin:10px 150px 0 0;
}
.commercial-bricks {
	float:right;
	margin:0 30px 0 0;
}
.commercial-blocks {
	float:left;
	margin:0 0 10px 50px;
}
.residental-list-notice {
	display:block;
	float:left;
	font-size:10px;
	clear:left;
	padding:5px 0 0 0;
}
.residental-image {
	float:right;
	margin:10px 120px 0 0
}
#content-navigation {
	position:absolute;
	display:block;
	font:normal 24px "AachenBoldRegular", "Arial Black", Gadget, sans-serif;
	color:#b6b6b6;
	right:35px;
	top:15px;
}
#content-navigation:hover {
	color:#fff;
}
.next-nav {
	background:url(images/page-elements.png) no-repeat 0px -343px;
	width:101px;
	height:50px;
	text-shadow:-1px -1px 1px #666;
	padding:2px 0 0 24px;
	line-height:43px;
}
 @-moz-document url-prefix() {
 #content-navigation {
line-height:40px;
}
}
:root #content-navigation {
	line-height:40px \0/IE9;
}
#free-estimate {
	width:127px;
	height:39px;
	position:absolute;
	right:38px;
	bottom:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	padding:10px 0 0 20px;
}
.free-estimate-residental {
	background:url(images/page-elements.png) no-repeat 0px -395px;
}
.free-estimate-commercial {
	background:url(images/page-elements.png) no-repeat 0px -514px;
	bottom:90px !important;
}
.free-estimate-demo {
	background:url(images/page-elements.png) no-repeat -224px 0;
}
/*quicksand*/
.category-filter-heading {
	font:bold 11px Verdana, Geneva, sans-serif;
	display:block;
	width:100px;
	float:left;
	margin-top:10px;
}
.filter {
	overflow:hidden;
	height:54px;
	width:650px;
	float:left;
	background:url(images/filter-deviders.gif) no-repeat 92px 0px;
}
.filter a, .filter a:active, .filter a:visited {
	display:block;
	float:left;
	font:bold 10px Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	color:#000;
	margin:10px 15px 30px 15px;
}
.filter a:hover {
	color:#860811;
}
.filter a.active, .filter a.active:hover {
	padding:10px;
	margin:0 5px 0 5px;
	color:#fff;
	border-top:1px solid #B26046;
	border-left:1px solid #9B5242;
	border-right:1px solid #9B5242;
	border-bottom:1px solid #3D0E12;
	background: #c56f4b; /* Old browsers */
	background: -moz-linear-gradient(top, #c56f4b 0%, #55121a 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c56f4b), color-stop(64%, #55121a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c56f4b 0%, #55121a 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c56f4b 0%, #55121a 64%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c56f4b 0%, #55121a 64%); /* IE10+ */
	background: linear-gradient(top, #c56f4b 0%, #55121a 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c56f4b', endColorstr='#55121a', GradientType=0 ); /* IE6-9 */
}
.stage {
	list-style:none;
	clear:both;
	overflow:hidden;
	width:830px;
}
.stage li {
	float:left;
	padding:0 !important;
	margin:0 18px 18px 0;
	list-style: none outside none;
	position: relative;
}
.stage li a {
	display:block;
	-moz-box-shadow:2px 2px 5px #333;
	-webkit-box-shadow:2px 2px 5px #333;
	box-shadow:2px 2px 5px #333;
}
.container ul {
	overflow:hidden;
}
.container ul.hidden {
	display:none;
}
/*content-bottom*/
#content-bottom {
	width:868px;
	padding:0 61px;
	height:210px;
	background:url(images/content-bottom-bcg.png) no-repeat 36px 0px;
	clear:both;
}
#content-bottom-left {
	width:395px;
	height:170px;
	float:left;
	margin:10px 0 0 35px;
	position:relative;
	display:block;
}
.drake-photo-gallery {
	background:url(content/drake-photo-gallery.jpg) no-repeat 30px 14px;
}
.drake-photo-gallery .gallery-link, .drake-photo-gallery:link .gallery-link, .drake-photo-gallery:active .gallery-link, .drake-photo-gallery:visited .gallery-link {
	width:118px;
	height:41px;
	text-indent:-9999px;
	background:url(images/page-elements.png) no-repeat 0px -109px;
	display:block;
	position:absolute;
	right:35px;
	bottom:4px;
}
.drake-photo-gallery:hover .gallery-link {
	background-position:0px -150px;
}
#content-bottom-left span.heading-inside, #content-bottom-right span.heading-inside {
	font-size:16px;
	color:#3e341c;
	font-weight:normal;
	display:block;
	background:url(images/arrow.png) no-repeat 180px 4px;
}
#content-bottom-right span.heading-inside {
	background-position:190px 4px;
}
#content-bottom-right {
	width:395px;
	height:170px;
	float:right;
	margin:10px 0 0 0;
	position:relative;
	display:block;
}
.drake-concrete-story {
	background:url(content/drake-concrete-story.jpg) no-repeat 2px 38px;
}
.drake-concrete-story .our-story-link, .drake-concrete-story:link .our-story-link, .drake-concrete-story:active .our-story-link, .drake-concrete-story:visited .our-story-link {
	width:191px;
	height:41px;
	text-indent:-9999px;
	background:url(images/page-elements.png) no-repeat 0px -191px;
	display:block;
	position:absolute;
	right:35px;
	bottom:4px;
}
.drake-concrete-story:hover .our-story-link {
	background-position:0px -232px;
}
/*our-story popup*/
#our-story {
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:160%;
	width:720px;
}
#our-story h2 {
	display:block;
	margin-bottom:15px;
	font-family:"AachenBoldRegular", "Arial Black", Gadget, sans-serif;
	font-size:24px;
	line-height:30px;
}
#our-story p {
	margin-bottom:15px;
}
/***** main end *****/

/***** footer begin *****/
#footer-wrapper, .push {
	height:354px;
}
#footer {
	height:264px;
}
#footer-wrapper {
	width:100%;
	clear:both;
	background:url(images/footer-wrapper-bcg.jpg) repeat-x 0px bottom;
}
#footer {
	width:100%;
	background:url(images/footer-bcg.png) no-repeat center top;
	padding-top:90px;
}
#footer-text {
	width:429px;
	height:48px;
	background:url(images/footer-text.png) no-repeat left top;
	text-indent:-9999px;
	margin:0 auto;
}
#madeby {
	width: 136px;
	height: 22px;
	margin: 45px auto 0 auto;
}
/***** footer end *****/