/*
Theme Name: Colour My Concrete
Theme URI: http://www.purodesign.com.au
Description: A theme by <a href="http://www.purodesign.com.au">Puro Design</a>.
Version: 1.0
Author: Kelly Jackson
Author URI: http://www.purodesign.com.au
*/

body{margin:0px !important; padding:0px !important; font-family:Arial, sans-serif; line-height:1.4; font-size: 20px; background:url(images/cmc-background.jpg);}
.middle{width:960px; margin:auto;}
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:focus  {  outline:none !important;  }  

/*=============HEADERS=============*/
h1{font-size:21px; font-weight:normal; text-transform:uppercase; font-family:Arial, sans-serif; color:#a7362e;}
h2{font-size:17px; font-weight:normal; text-transform:uppercase; font-family:Arial, sans-serif; color:#a7362e;}
h3{font-family:Arial, sans-serif; color:#a7362e;}
h4{font-family:Arial, sans-serif; color:#a7362e;}
p{margin-bottom:10px;}
/*=============ANCHORS/LINKS=============*/
a{text-decoration:none; color:#a7362e;}
a:hover{color:#252525;}
/*=============ALIGNMENT=============*/
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display:block; margin:auto;}

/*=============IMAGES=============*/
a img {border:none;}
img{max-width: 100%;  height: auto; vertical-align: middle;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {float:right; margin-left:10px;}
img.alignleft {float:left; margin-right:10px;}
.wp-caption{}
.wp-caption p{}
/*=============HEADER=============*/
#header{position:relative; background:#FFFFFF; height:116px; z-index:99999999;}
#header .middle{position:relative; height:116px;}
#logo{float:left; text-align:left; width:147px;}
#businessname{float:right; width:810px;font-size:39.5px; font-family:"aktiv-grotesk-std",Arial, sans-serif !important; color:#a8372f; font-weight:900; text-transform:uppercase; text-align:right; letter-spacing:2.5px;}
/*=============MENUS=============*/
#nav-trigger{display:none;}
#menu{position:absolute; right:-15px; bottom:10px;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu ul li{float:left; position:relative;}
#menu ul.menu li ul.sub-menu{display:none; list-style:none; padding:0px; margin:0px; position:absolute; z-index:2000;}
#menu ul.menu li:hover ul.sub-menu{display:block;}
#menu #menu-top-menu > li {background:#FFF; }
#menu #menu-top-menu > li a { color:#a18f87; text-align:center; text-transform: uppercase;   font-size:17px;}
#menu #menu-top-menu > li.current-menu-item a { color:#a8372f   }
#menu #menu-top-menu > li:hover a{ color:#a8372f }
#menu #menu-top-menu > li{padding:10px 0px;}
#menu #menu-top-menu > li > a{padding:0px 15px; font-weight:normal;}
#menu #menu-top-menu .sub-menu{ background-clip: padding-box;  background-color: #fff;   display: none; float: left;  font-size: 14px; left: 0;  list-style: none outside none; margin:0;  min-width: 160px;  padding:0; position: absolute; text-align: left; top: 100%; z-index: 9999999; border-top:10px solid #a8372f;}
#menu #menu-top-menu li:hover .sub-menu{display:block;}
#menu #menu-top-menu li.menu-item-has-children:last-child .sub-menu{right:0px; left:auto;}
#menu #menu-top-menu .sub-menu > li {background:#FFFFFF;  display: list-item; float:none;}
#menu #menu-top-menu .sub-menu > li > a { color:#a18f87; text-align:left; line-height:30px; clear: both; display: block; font-weight: 400; padding: 3px 0px; margin:0px 20px; white-space: nowrap; text-transform:none; border-top:1px solid #dad1cd;}
#menu #menu-top-menu .sub-menu > li:hover > a{color:#a8372f;}
#menu #menu-top-menu .sub-menu > li:first-child a{border:none;}

/*=============SLIDESHOW=============*/
#slideshow{position:relative; height:430px; z-index:99999998;
-webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 4px 15px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 4px 15px 0px rgba(0, 0, 0, 0.75);}
.blog #slideshow, .single #slideshow, .page-template-page-gallery-php #slideshow, .page-id-24 #slideshow, .category #slideshow{display:none;}
#slideshow .cycle-slideshow{position:relative; height:430px; overflow:hidden;}
#slideshow .cycle-slideshow img{display: block;  left: -9999px !important; margin: auto !important;  min-width: 100% !important;  position: absolute !important; right: -9999px !important; width: auto !important; height: 430px !important;  max-width: 1920px !important;}
/* pager */
#slideshow .cycle-pager {  text-align: center; width: 100%; height:16px; z-index: 500; position: absolute; bottom: 60px; right:0px; line-height:1;}
#slideshow .cycle-pager span {  font-size:75px; width: 30px; height: 30px;  display: inline-block; cursor: pointer; z-index:500; color:rgba(255,255,255,0.60);}
#slideshow .cycle-pager span.cycle-pager-active {color:rgba(37,37,37,0.60); }
#slideshow .cycle-pager > * { cursor: pointer;}
#slideshow #adv-custom-caption{position:absolute; top:90px; z-index:8888888; text-align:center; color:#FFFFFF;  font-size:38.75px; width:100%; line-height:1;}
#slideshow #adv-custom-caption span{font-size:58px; font-weight:900; clear:both;}
#slideshow #adv-custom-caption a{display:block; padding:15px; font-size:25px; color:#FFFFFF; background:#a8372f; clear:both; text-align:center; font-weight:normal; width:250px; margin:auto; margin-top:100px;}
#slideshow #adv-custom-caption a:hover{background:#252525;}

/*=============CONTENT and SIDEBAR CONTAINER=============*/
#middle{position:relative; width:960px; margin:auto; margin-top:25px;}
#spacing{display:table-cell; width:50px;}
/*=============CONTENT=============*/
#content{display:table-cell; width:565px;}
#content h1{border-bottom: 1px solid #e1e1e1; font-size: 21px; line-height: 1;  padding-bottom: 20px;}
#content h2{font-size:21px; font-weight:bold; color:#252525; margin:0px; text-transform:none;}
#content .post{height:auto; position:relative; padding-bottom:20px;}
#content .post .featuredimage{border:1px solid #e1e1e1; position:relative; float:left; margin-right:20px;}
#content .post .featuredimage img{margin:auto; background-color: #fff; display: block; height: auto; line-height: 1.42857; vertical-align:middle; max-width: 100%; padding: 4px; transition: all 0.2s ease-in-out 0s;}
#content .post h2{font-size:24px; text-transform:uppercase; margin-bottom:10px;}
#content .post .entry h2 a{}
#content .navigation{display: table; width: 100%; height:50px; margin-bottom:20px;}
#content .navigation ul{padding-left:0px; display: table-cell; text-align: center; vertical-align: middle;}
#content .navigation li { display: inline;}
#content .navigation li a, #content .navigation li a:hover, #content .navigation li.active a, #content .navigation li.disabled {text-decoration:none; border:1px solid #ebe7e3; cursor: pointer; font-weight:bold;}
#content .navigation li a:hover, #content .navigation li.active a {}

.cmcservices{float:left; width:50%; padding-bottom:20px;}
.cmcservices:nth-child(even){clear:left; padding-right:10px;}
.cmcservices:nth-child(odd){clear:right; padding-left:10px;}

.rwst_customfield_row{margin-bottom:10px;}
.rwst_customfield_3 .individualcheckbox{clear:both; float:none; width:100%; display:block;}
#ajaxForm input[type=text], #ajaxForm textarea{background:#dad1cd; color:#252525; border:none;  font-size:12.5px; padding: 10px 20px;}
#ajaxForm input[type=text]{width:50%;}

.regular-checkbox {	display: none;}
.regular-checkbox + label {background-color: #fafafa;	border: 1px solid #cacece;	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);	padding: 9px;	border-radius: 3px;	display: inline-block;	position: relative;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label {background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
.regular-checkbox:checked + label:after {content: '\2714';font-size: 14px;position: absolute;top: -4px;left: 3px;}
.big-checkbox + label {padding: 9px;}
.big-checkbox:checked + label:after {font-size: 20px; left: 1px;}


#ajaxForm textarea{width:100%; font-family:Arial, sans-serif;}
#ajaxForm input[type=submit] { background:#a7362e; border: none; color: #dad1cd; font-size: 12.5px;  padding: 10px 20px; text-transform: uppercase; margin-top:10px; }
#ajaxForm input[type=submit]:hover{color:#252525; background:#b5a49d;}
#ajaxForm .rwst_type_1 label, #ajaxForm .rwst_type_2 label{display:none;}

#recaptcha_table{background:#FFFFFF; font-size:12px;}
#recaptcha_table input[type=text]{background:#FFFFFF;}
.ngg-imagebrowser h3{text-align:left !important; margin-bottom:0px;}

.rws_testimonial_full{background:url(images/testimonial.png) no-repeat top left; padding-left: 32px; padding-top: 8px;}
.rws_testimonial_full .rwsquote{ font-style:italic; font-weight:normal;}
.rws_testimonial_full .rwsname{font-weight:bold;  font-size:18px;}
.rws_testimonial_full .rwsservices{font-weight:bold; font-size:18px;}
/*=============GALLERY=============*/
.ngg-gallery-thumbnail{margin-right:4px !important;}
.ngg-gallery-thumbnail img{border:none !important;}
.ngg-gallery-thumbnail img:hover{background:none !important;}
/*=============SIDEBAR=============*/
ul.sidebar{list-style:none; margin:0; padding:0;}
ul.sidebar li{}
ul.sidebar h2.widgettitle{}
ul.sidebar li ul{margin:auto; padding:auto; }
ul.sidebar li ul li{list-style-image:url(images/bulletpoint.jpg); position:relative; }
ul.sidebar li ul li a{}
ul.sidebar li ul li a:hover{}
.pagesb{border-left: 1px solid #dad1cd; padding-left: 50px; width: 345px; display:table-cell; float:none; position:relative;}
.pagesb ul.sidebar h2.widgettitle{font-size:21px;}
.pagesb ul#menu-why-choose-us{list-style:none; padding:0px; margin:0px;}
.pagesb ul#menu-why-choose-us li{height:100px; border-top: 1px solid #dad1cd;}
.pagesb ul#menu-why-choose-us li a{padding:35px 0px 35px 90px; display:block; height:100px; font-size:21px; color:#252525; vertical-align:middle; }
.pagesb ul#menu-why-choose-us li#menu-item-50 a{background:url(images/products.png) no-repeat center left; }
.pagesb ul#menu-why-choose-us li#menu-item-50 a:hover{background:url(images/products-hover.png) no-repeat center left;}
.pagesb ul#menu-why-choose-us li#menu-item-51 a{background:url(images/services.png) no-repeat center left; }
.pagesb ul#menu-why-choose-us li#menu-item-51 a:hover{background:url(images/services-hover.png) no-repeat center left;}
.pagesb ul#menu-why-choose-us li#menu-item-52 a{background:url(images/philosophy.png) no-repeat center left; }
.pagesb ul#menu-why-choose-us li#menu-item-52 a:hover{background:url(images/philosophy-hover.png) no-repeat center left;}
.pagesb ul#menu-why-choose-us li#menu-item-53 a{background:url(images/guarantee.png) no-repeat center left; }
.pagesb ul#menu-why-choose-us li#menu-item-53 a:hover{background:url(images/guarantee-hover.png) no-repeat center left;}
.pagesb ul#menu-why-choose-us li#menu-item-49 a{background:url(images/reputation.png) no-repeat center left; }
.pagesb ul#menu-why-choose-us li#menu-item-49 a:hover{background:url(images/reputation-hover.png) no-repeat center left;}
/*=============FRONT PAGE SIDEBAR=============*/
.frontsb{clear:both; float:none;  width:960px; margin:auto; height:350px; position:relative;}
.frontsb ul.sidebar h2.widgettitle{display:none;}
.frontsb ul.sidebar li{ float:left; margin:0px 10px; width:225px; background:rgba(235,225,220,0.8); line-height:1; padding-bottom:10px;}
.frontsb ul.sidebar li:hover{background:rgba(223,207,199,0.8);}
.frontsb ul.sidebar li h2{margin:0px; font-size:14.5px; margin-bottom:10px;}
.frontsb ul.sidebar li h2 a{display:block; background:#a8372f; color:#ffffff; text-transform:uppercase;padding:20px 0px;}
.frontsb ul.sidebar li:hover h2 a{background:#252525;}
.frontsb ul.sidebar li p{padding:10px 20px;}
.frontsb ul.sidebar li p a{color:#000000; font-size:12.5px;}
.frontsb ul.sidebar li:nth-child(1){width:100%; background:none; margin:0px;}
.frontsb ul.sidebar li:nth-child(1) h1{font-size:25px; color:#252525;margin:30px 0px 25px 0px;}
.frontsb ul.sidebar li:nth-child(2){margin-left:0px;}
.frontsb ul.sidebar li:nth-child(5){margin-right:0px;}
/*=============FOOTER SIDEBAR=============*/
.footersb{clear:both; float:none; width:960px; min-height:230px; float:none; position:relative;}
.footersb h2.widgettitle { line-height: 25px; font-size: 18px; font-weight: normal; margin: 0 0 25px;   padding: 10px 0 30px 0;  text-transform: uppercase; border-bottom:1px solid #dad1cd;}
.footersb ul.sidebar li.widget { display: block; float: left; } 
.footersb ul.sidebar li ul{padding:0px; margin:0px; list-style:none;}
.footersb ul.sidebar li ul li{margin-bottom:30px;}
.footersb ul.sidebar li.widget:first-child{width: 225px;}
.footersb ul.sidebar li.widget_recent_entries{width:290px; margin-left:50px;}
.footersb ul.sidebar li.widget_text{width:345px; padding-left:50px; margin-left:50px; border-left:1px solid #dad1cd;}
.footersb ul.sidebar li.ngg_images h3{margin:0px; margin-top:20px; font-size:17px; font-weight:normal;}
.footersb ul.sidebar li.ngg_images p{color:#b5a49d; font-size:17px;}
.footersb ul.sidebar li.ngg_images a:nth-child(1) img{margin-bottom:50px !important;}
.footersb ul.sidebar li a{color: #a7362e;}
.footersb ul.sidebar li a:hover{color: #b5a49d; }
#FSContact1 input[type=text], #FSContact1 textarea{background:#dad1cd; color:#252525; border:none; text-transform:uppercase; font-size:12.5px;}
#FSContact1 input[type=text]{padding:10px 20px; margin-bottom:6px;}
#FSContact1 textarea{padding:10px 20px; font-family:Arial, sans-serif;} 
#FSContact1 #fscf_submit1{background:#a7362e; color:#dad1cd; text-transform:uppercase; font-size:12.5px; border:none; padding:10px 20px; }
#FSContact1 #fscf_submit1:hover{color:#252525; background:#b5a49d;}
/*=============FOOTER=============*/
#footer{ background: #252525;  color: #b5a49d;  font-size: 16.5px; margin-top: 20px;  padding-bottom: 30px;  padding-top: 30px;  width: 100%; }
#footer p{margin:0px;}
#footer #footer-bottom{clear:both; border-top:1px solid #dad1cd; margin-top:30px; height:40px;}
#footer #copyright{float:left; width:50%; text-align:left; padding:20px 20px 0px 0px;}
#footer #credit{float:right; width:50%; text-align:right; padding:20px 0px 0px 20px;}
#footer #footer-bottom a{color: #a7362e;}
#footer #footer-bottom a:hover{color: #b5a49d; }
#footer #credit a:first-child{ color: #b5a49d;}
#footer #credit a:first-child:hover{ color: #a7362e;}