/*

Theme Name: MOOKGROUP

Theme URI: http://jdcmediaworks.com/

Description: This is Mook Group website developed by JDC mediaworks

Author: JDC Mediaworks

Author URI: http://jdcmediaworks.com/

Version: 1

*/



/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);*/
/*font-family: 'Roboto', sans-serif;*/


@media screen {





.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

.clear { clear: both; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */



#page-wrap { /*width: 960px; margin: 20px auto; */}



h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }

h1 { }

h2 { }

h3 { }



p { margin: 0 0 10px 0; }

a { }

a:hover { }



blockquote { }

blockquote p { }



ul, ol { margin: 0 0 10px 0; }



.post { /*height:100%*/; }



.entry { }

.entry a { }

.entry a:hover { }



pre { }

code, tt { }



#meta { }

.postmetadata { }



#sidebar { }



.navgation { }

   .next-posts { }

   .prev-posts { }



#searchform { }

	#s { }

	#searchsubmt { }



ol.commentlist { list-style: none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { }

ol.commentlist li.comment-author-admin { }

ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }

ol.commentlist li.comment div.comment-author { }

ol.commentlist li.comment div.vcard { }

ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { }

ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }

ol.commentlist li.comment div.vcard img.avatar-32 { }

ol.commentlist li.comment div.vcard img.photo { }

ol.commentlist li.comment div.vcard span.says { }

ol.commentlist li.comment div.commentmetadata { }

ol.commentlist li.comment div.comment-meta { font-size: 10px; }

ol.commentlist li.comment div.comment-meta a { color: #ccc; }

ol.commentlist li.comment p { }

ol.commentlist li.comment ul { }

ol.commentlist li.comment div.reply { font-size: 11px; }

ol.commentlist li.comment div.reply a { font-weight: bold; }

ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt { }

ol.commentlist li.comment ul.children li.bypostauthor { }

ol.commentlist li.comment ul.children li.byuser { }

ol.commentlist li.comment ul.children li.comment { }

ol.commentlist li.comment ul.children li.comment-author-admin { }

ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }

ol.commentlist li.comment ul.children li.depth-5 { }

ol.commentlist li.comment ul.children li.odd { }

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background: #f6f6f6; }

ol.commentlist li.parent { border-left: 5px solid #111; }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { }

ol.commentlist li.thread-odd { }



form { }

input[type=text] { }

textarea { }





} /* END screen media */





@media print {



.do-not-print { display: none; }

#comments { page-break-before: always; }



body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 22pt; }

h2 { font-size:19pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; }

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; }

a { text-decoration: none; color: black; }



} /* END print media */




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



html,body{
	height:100%;
}
/*-----------------| body frame start |---------------------*/
body {
	background-color:/*#2a2d34*/#ffffff;
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#363636;
	line-height:22px;
	font-weight:400;
	-webkit-text-size-adjust:none;
	background-image:url(images/page-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#container {
	margin:0px auto;
	width:100%;
	position:relative;
/*	overflow:hidden;*/
	height:100%;
}
.centerBlock {
	margin:0px auto;
	width:1000px;
	position:relative;
	overflow:hidden;
}
#mainArea {
	clear:both;
	display:block;
	overflow:hidden;
	padding:30px 0px 30px 0px;
	margin:0px auto;
	/*background-color:#FFFFFF;*/
	width:1000px;
}
#mainArea.inside{
	padding-top:40px;
}
#rightPanel{
	float:right;
	width:250px;
}
#leftPanel {
	float:left;
	width:730px;
	background-color:#FFFFFF;
}
.content{
	padding:20px 15px;

}
.singleColumn{
	background-color:#FFFFFF;
	padding:20px;
	clear:both;
	overflow:hidden;
	display:block;
}
/*-----------------| body frame end |---------------------*/








/*-----------------| header start |---------------------*/
#header {
	overflow:hidden;
	clear:both;
	margin:0px auto;
	position:relative;
	padding:4px 0px;
	padding:15px 0px;
	z-index:999;
	width:100%;
}
.home #header{
	position:absolute;
	top:15px;
	background-repeat:repeat;
	background-image:url(images/header-bg.png)
}
#header .logo {
	float:left;
}
.headerRight{
	float:right;
	padding:0px;
	margin-top:5px;
	color:#4c4f54;
	font-size:18px;
	font-weight:300;
	margin-right:14px;
}
.headerRight span{

}
.headerRight a{
	color:#4c4f54;
	text-decoration:none
}

.pageHeader{
/*	background-image: url(images/header-image-bg.jpg);
	background-repeat: no-repeat;
	background-color:#84b63d;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:30px 26px;*/
	/*margin-bottom:20px;*/
}

.pageHeader img{
	width:100%;
	height:auto;
}
/*-----------------| header end |---------------------*/







/*-----------------| footer start |---------------------*/
#preFooter{
	padding:20px 0px 30px 0px;
	clear:both;
	overflow:hidden;
	background-color:#f2f2f2;
}
#preFooter .leftSection{
	float:left;
	width:48%;
}
#preFooter .leftSection ul{
	padding:0px !important;
	margin:0px !important;
	list-style:none !important;
}
.testimonialsList li{
	display:none
}
#preFooter .rightSection{
	float:right;
	width:48%;
}
.btnBlock{
	clear:both;
	overflow:hidden;
	display:block;
}
.quoteBy{
	display:block;
	color:#000000;
	font-size:15px;
	float:left
}
.btnBlock .blackBtn{
	float:right;
}
#preFooter .leftSection p{
	padding-bottom:14px;
}
.vcard{
	background-color:#ffffff;
	padding:15px;
	background-image:url(images/watermark.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-right:190px;s
}
.vcard a{
	font-size:20px;
	text-decoration:none;
	font-weight:300;
	padding:4px 0px;
	display:inline-block
}
.vcard a.tel{
	color:#4c4f54;
}
.vcard a.email{
	color:#214d89;
}



#footer {
	font-size:13px;
	padding:20px 0px 20px 0px;
	text-align:center;
	clear:both;
	overflow:hidden;
	background-color:#ffffff;
	border-top:1px solid #a1836d
}
#footer .centerBlock{
/*	WIDTH:1030PX;*/
}
#footer .col{
	width:33.33%;
	padding-left:30px;
	float:left
}
#footer .col:first-child{
	margin-left:-30px;

}
#footer h2{
	font-size:18px;
	color:#FFFFFF;
}
#footer h3{
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:3PX;
}
#footer .copyright{
	display:block;
	padding:20px 0px
}
.footerNav ul{
	padding:0px;
	margin:0px;
	list-style:none
}
.footerNav ul li{
	display:inline-block;
	text-transform:uppercase;
	padding:0px 10px
}
.footerNav ul a{
	color:#0a0a0a;
	text-decoration:none;
}
/*-----------------| footer end |---------------------*/




/*-----------------| tags start |---------------------*/
a{
	color:#000000
}
a:hover{
	color:#604331;
	text-decoration:none;
}
a img{
	border:0px;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	font-weight:400;
	padding-top:4px;
}
p{
	padding:0px;
	margin:0px;
	padding-bottom:18px;
}
h1{
	color:#604331;
	font-size:28px;
	font-weight:400;
	padding-bottom:15px;
	line-height:32px;
}
h2{
	color:#2c2c2c;
	font-size:24px;
	padding-bottom:15px;
}
h3{
	color:#604331;
	font-size:20px;
	padding-bottom:6px;
	font-weight:400;
}
h4{
	color:#604331;
	font-size:18px;
	padding-bottom:6px;
	font-weight:400;
}
h5{
	font-size:16px;
	color:#604331;
	padding-bottom:8px;
	font-weight:500;
}
h6{
	font-size:14px;
	color:#000000;
	font-weight:500;
	padding-bottom:4px;
}
#mainArea ul, #mainArea ol {
	padding:0px;
	margin:0px;
	padding:0px 0px 16px 24px
}
#mainArea ul li, #mainArea ol li{
	margin-bottom:4px;
}
hr{
	border:0px;
	padding:0px;
	height:0px;
	border-bottom:1px dashed #8d8f92;
	margin-bottom:20px;
	margin-top:20px;
	clear:both;
	overflow:hidden;
	display:block;
}

/*-----------------| tags end |---------------------*/












/*-----------------| misc start |---------------------*/
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
input{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #272727;
}
img.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	/*width:250px;*/
	margin-top:5px;
}
img.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	/*width:250px;*/
	margin-top:5px;
}
.alignleft{
	float:left;
}
.alignRight{
	float:right;
}
.clearAll{
	clear:both;
	overflow:hidden;
	display:block;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


#backtotop {
	position: fixed;
	right:15px;
	bottom:15px;
	display:none;/*hid the button first*/
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	padding:20px;
	height:21px;
	width:21px;
	color:#FFFFFF;
	font-weight:600;
	background-color:#282828;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image: url(images/back-to-top-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-1000;
	line-height:999;
	overflow:hidden
}
.redBtn{
	background-color:#9a051d;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	padding:6px 15px 6px 15px;
	font-weight:400;
	display:inline-block;
}
.redBtn:hover{
	background-color:#000000;
	color:#FFFFFF;
}
.blackBtn{
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
/*	text-transform:uppercase;
*/	padding:2px 10px 4px 10px;
	font-weight:400;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:normal
}
.blackBtn:hover{
	background-color:#644e40;
	color:#ffffff;
}
.brownBtn{
	background-color:#d4cac4;
	color:#1f1f1f;
	text-decoration:none;
/*	text-transform:uppercase;
*/	padding:2px 10px 4px 10px;
	font-weight:400;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	line-height:normal
}
.brownBtn:hover{
	background-color:#000000;
	color:#ffffff;
}
.homeIntro{
	float:left;
	width:48%;
	background-color:#f9f7f5;
	padding:10px 20px;
}
.whatWeDo{
	float:right;
	width:48%;
	background-color:#f9f7f5;
	position:relative
	/*padding:10px 20px;*/
}

.homeColumns{
	background-color:#f9f7f5;
	padding:10px 20px;
	float:left;
	width: 306px;
	margin-left: 40px;
	height:350px;
	overflow:hidden
}
.homeColumns h1{
font-size: 25px;
padding-bottom: 7px;
line-height: 31px
}
.homeColumns img{border:1px solid #e4e4e4;}
.home.page #mainArea .homeColumns:first-child{
margin-left:0px;
}
.whatWeDo img{
	float:left;
}
.whatWeDo .summary{
	float:left;
	padding:10px 15px;
}
.headerImg{
/*	position:relative;
	text-align:center;
	height:500px;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	background-repeat:no-repeat;
*/
}
.headerImg img{
/*	display:none*/
}
.projectsBanner{
	background-color:#ffffff;
	text-align:center;
	margin-bottom:40px;
	padding-bottom:15px;
}
.projectsBanner .top{
	padding:20px 10px 10px 10px;
	background-image: url(images/project-banner-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:108px;
	line-height:18px;
	/*margin-bottom:8px;*/
}
.projectsBanner h5{
	text-transform:uppercase;
	font-size:28px;
	color:#424343
}
.projectsBanner img{
	padding:15px 15px 8px 15px;
	width:100%;
	height:auto
}
.projectsBanner a{
	display:block;
	margin:0px 15px 0px 15px;
	padding:8px 15px;
	text-transform:uppercase;
	display:block;
}
.projectsBanner h6{
	font-size:16px;
	color:#424343;
	font-weight:300;
}
.page-template-project-php h2 {
background-color: #6f5c50;
color: #ffffff;
font-size: 24px;
margin-bottom: 15px;
padding: 8px 15px 6px;
}
.designBuild{
	background-color:#d4cbc4;
	text-decoration:none;
	color:#424343;
	font-size:26px;
	padding:20px 32px 16px 15px;
	display:block;
	text-transform:uppercase;
	margin-bottom:20px;
	background-image:url(images/design-build-arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
}
.designBuild span{
	display:block;
	color:#FFFFFF;
	font-size:16px;
	padding-top:6px;
}
#rightPanel h1{
	padding-bottom:10px;
}
#rightPanel .whatWeDo{
	border:1px solid #e5e3e2;
	padding:10px 15px 15px 15px;
	width:100%;
	float:none;
	clear:both;
	display:block;
	overflow:hidden;
	line-height:normal
}
#rightPanel .whatWeDo img{
	float:right;
	width:90px;
	height:auto;
}
/*-----------------| misc end |---------------------*/




/*-----------------| contact-start |---------------------*/
.mapHolder{
	height:420px;
	background-color:#c5c5c5;
	display:block;
}
.contactForm{
	clear:both;
	overflow:hidden;
	display:block;
}
.contactForm .left{
	float:left;
	width:47%;
}
.contactForm .right{
	float:right;
	width:47%;
}
.requestQuote{
	width:60%;
}
.requestQuote .haulFrom{
	float:left;
	width:47%;
	clear:none
}
.requestQuote .haulTo{
	float:right;
	width:47%;
	clear:none
}
.form{
	display:block;
	overflow:hidden;
	clear:both;
}
.form ul{
	list-style:none;
	padding:0px !important;
	margin:0px!important;
	}
.form li{
	clear:both;
	overflow:hidden
	display:block;
	padding-bottom:15px;
	margin-bottom:0px  !important;
}
.form label{
	 font-weight:600;
	 display:block;
	 padding-bottom:4px;
}
.form input[type='text'], .form input[type='email'], .form textarea, .form select{
	width:100%;
	padding:6px;
	border:1px solid #cbcbcb;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#393939;
	height:34px;
}
.contactForm textarea{
	height:192px;
}
.form input[type="submit"]{
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	padding:5px 15px 5px 15px;
	font-weight:400;
	display:inline-block;
	border:0px;
	float:right;
	margin-left:20px;
		border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
span.wpcf7-form-control-wrap{
	display:block;
}
span.wpcf7-not-valid-tip{
	position:relative !important;
	display:block;
	left:auto !important;
	top:auto !important;
	border:0px !important;
	color:#FF0000;
}
/*-----------------| contact-end |---------------------*/




.projectList{
	padding:0px !important;
	margin:0px;
	list-style:none;
	margin-left:-3%!important;
	clear:both;
	overflow:hidden;
	width:104%;
}
.projectList p{
	padding-bottom:4px;
}
.projectList li{
	/*float:left;*/
        display: inline-block; vertical-align: top;
	margin-left:3%;
	width:30%;
	vertical-align:top;
	margin-bottom:40px !important;
}
.projectList li img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:8px;
}
.industry{
	padding-bottom:14px;
	color:#000000;
	font-weight:700;
}



.projectInfo{
	background-color: #f9f7f5;
	padding:15px;
	margin-bottom:20px;
	border: 1px dashed #e5e3e2;
}
.projectInfo ul{
	border-bottom: 1px dashed #e5e3e2;
	margin-bottom:15px !important;
}
.testimonials p{
	padding-bottom:10px !important;
}

.pageNotFound{
	padding:280px 0px 0px 0px;
	margin:40px auto 60px auto;
	text-align:center;
	background-image: url(images/404-img.png);
	background-repeat: no-repeat;
	background-position: center top;
}