html{background:url('../images/bg.jpg');}
body{min-width:1120px !important;background: url('../images/body_bg.png') repeat-x;font-family: 'din_lightregular', arial, sans-serif;margin:0px;}
h3{font-size:25px; font-weight:normal;}

h4 {font-size: 18px;font-weight: normal;padding-right: 10px; margin-bottom: 5px;}
p,ul{margin-top:5px;font-family: Myriad Pro, "Trebuchet MS", Arial, Helvetica, sans-serif,sans-serif;}
.wrapper{width:1000px; margin:0 auto; }
.content{width:100%; border:12px solid #fff;background-color: #fff;box-shadow: 0px 3px 10px 0px rgba(46, 45, 46, 0.41);margin-top: 15px;}
.header-logo{width:370px;float:left;}
.header-navigation ul {list-style: none outside none; float:right; margin-right:-60px; margin-top:40px;}
.header-navigation ul li{float:left;padding:0px 47px;border-left:1px solid #000;}
.header-navigation ul li:nth-child(1){padding:0px 47px;border-left:none;}
.header-navigation li a {text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.62);text-decoration:none;color:#000;text-transform: uppercase;font-family: "din_lightregular" !important;font-size:16px !important;}
.header-container{padding-top:15px;}
.header-navigation li a:hover{border-bottom: solid 1px #43494c;}
.header-navigation li .active{border-bottom: solid 1px #43494c;}
/*GENERAL CLASSES*/
.active{border-bottom:1px solid #000;}
.clearboth{clear:both;}
.text-center{text-align:center;}
.pointer{cursor:pointer;}
.close-btn{position:absolute;}

/*BULLETS*/
.home-right-content ul, .location-left-content ul, .design-left ul{margin:0; padding: 0 4px 0 14px;}

/*Home*/
.home-first-row {height:400px !important;}
.home-left {background: url(../images/home/three-story-building.jpg); float:left;width:644px;height:400px;}
.home-right {background:url(../images/home/background-with-black-border.jpg); float:left;width:356px;color:#fff;height:400px;}
.home-right-content {margin:40px;font-size:14px;}
.home-right-content h3{font-size:20px !important;}
/*.home-left img{padding-top:125px;}*/
.home-right-content p{margin-top:-15px;}

.home-box-first {height:200px; width:270px;float:left; background:#000;margin-top:-16px;}
.home-box-first button{margin-top: 75px; margin-left: 52px; ;background-color:transparent;color:#fff; padding: 12px; font-family: 'din_lightregular', arial, sans-serif;
font-size: 20px;}
.home-box-second li{float:right;list-style:none;margin-top:-3px ;}
button.pointer a{color:#fff;text-decoration:none;}



/*FOOTER*/
.footer-container{margin-top:20px; margin-bottom:20px;}
.footer-container div.wrp{font-size:9px; color: #888;padding: 10px 0 50px !important; font-family: Verdana !important;}
.footer-container a{text-decoration:none;color:#888;}
.footer-container a:hover{text-decoration:underline;}
.footer-container a:nth-child(2), .footer-container a:nth-child(3), .footer-container a:nth-child(4){text-decoration:underline;color:#888;}

/*Design*/
.design-left {background:url(../images/designs/kitchen-bg.jpg); float:left;width:496px;height:600px;color:#fff;}
.design-left-content {margin:30px 20px 20px 20px;font-size:14px;width:440px;}
.design-left-content h3{font-size:25px !important;}
.design-left-content {margin-bottom:50px !important;}
.design-left-img-box-left li{float:left;list-style:none;width:100px;}
.design-left-img-box {width: 96px; float: left;margin: 10px 5px 0 0;min-height: 68px;}
.design-left-img-box p{font-size:11.5px !important;font-weight:normal;}
.plans {width:100%; clear:both; overflow:hidden;}
.design-left-img-box.first {padding-left: 27px;}
.design-left-img-box.third {padding-left: 45px;}

.design-right {}
.design-right-first-row {background:url(../images/designs/kitchen.jpg); float:left;width:504px;height:400px;}
.design-right h3{font-size:25px; font-weight:normal;}
.design-right-content{float:right;}
.design-first-box li{float:right;list-style:none;margin-top:-1px;margin-left:-1px;}



/*Contact*/

.contact-left {background:url(../images/contact/three-story-building-with-black-layer.jpg); float:left;width:496px;height:600px;color:#fff;}
.contact-left span{font-size:15px !important;}

a.contact-web,a.contact-email{text-decoration:none;}
a:hover.contact-email,a:hover.contact-web{color:#65d5fb !important;}
.contact-web,.contact-email{color:#1bb4e8;}
.contact-email {font-size:16px;}
.phone-email{font-weight:500; font-size:16px !important; margin:0;}
.commencing { position: absolute; left: 20px;bottom: 18px;color:#57b2e5;  background:#000; padding:10px; opacity:0.9;  font-size:25.9px;}
span.contact-us {font-size:13px !important;}
.contact-us-form{margin-top:10px;}
.contact-us-form input.mailform_input{padding: 4px 8px; margin-bottom: 6px; width: 430px;}
.contact-us-form #submit{float:right; margin-right: -8px;}
.form-errors{ position: absolute;width: 440px;background: rgba(0, 0, 0, 1);width: 440px;color:#F00; padding: 20px 15px; margin-left: -10px;border: 1px solid #ebccd1; height: 140px;}
.form-errors span>span{color: #a94442 !important;}
.form-errors-close{position: absolute; right: 10px; margin-top: -10px;}
.form-success{color: #fff; background:rgba(0, 0, 0, 0.91); border:1px solid #fff; padding: 15px; border-radius: 0px;margin-top:15px;width:100%;}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.contact-right {}
.contact-right-first-row {background:url(../images/contact/three-story-building.jpg); float:left; width:504px; height:400px; position: relative;}
.contact-right-content {float:right;}


textarea.mailform_input {width:444px;   height:40px; margin-left:-2px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
  textarea.mailform_input {width:434px;}
  textarea.mailform_input:focus {width:443px;}   
}

input#senders_phone, input#senders_email, input#senders_name{ height:20px;margin-left:-2px;font-size:13px;}
::-webkit-input-placeholder { color: #000; font-style: italic;font-family:"Trebuchet MS",sans-serif !important; padding-left: 10px;}
:-moz-placeholder {color: #000; font-style: italic;font-family:"Trebuchet MS",sans-serif !important; padding-left: 10px;}/* Firefox 18- */ 
::-moz-placeholder {color: #000; font-style: italic;font-family:"Trebuchet MS",sans-serif !important; padding-left: 10px;} /* Firefox 19+ */
:-ms-input-placeholder {color: #000; font-style: italic;font-family:"Trebuchet MS",sans-serif !important; padding-left: 10px;}

input#submit {
background-color: transparent;
color: #fff;
padding: 8px 15px !important;
font-family: 'din_lightregular', arial, sans-serif;
font-size: 16px; margin-top:5px;
}

/*Location*/
.location-right {background:url(../images/location/somerset-map.jpg); float:left;width:767px;height:537px;}
.location-left {background:url(../images/location/urban-city.jpg); float:left;width:233px;height:537px;color:#fff;}
.location-right-content {float:right;}
.location-right-content {position: absolute;top: 124px;margin-left: 599px;}
.location-left-content {margin:30px 20px 20px 20px;font-size:14px;width:200px;}
.location-left-content ul{margin-top:20px}
.location-left-content ul li{padding:5px 0px; font-size:13px;}
.location-left-content h4{font-size:16px !important;margin-bottom:inherit!impotant;}
/*LIGHTBOX*/
.lightbox {z-index:999;display: none;position: fixed;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: black;background: rgba(0,0,0,0.8);padding-top:15px;}
.lightbox img {max-width: 90%;max-height: 80%;margin-top: 2%;}
.lightbox:target {display: block;outline: none;}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
body{background-image:100% !important;}
}





/****IE7****/
*:first-child+html  .content {
   width:100%; border:12px solid #fff;background-color: #fff;margin-top: 15px;border-bottom: 13px solid #fff !important;border-bottom-width:25px;
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);
}

*:first-child+html .home-box-first {margin-top:0px;}
*:first-child+html .home-box-second {margin-top:16px;}
*:first-child+html .clearboth{clear:both;margin-bottom:-25px;}
*:first-child+html .home-box-first button{height:50px; width:170px;margin-left: 50px; padding: 8px 10px 10px 10px;}
*:first-child+html .header-navigation li .active { border-bottom: solid 1px #43494c;position:relative;}
*:first-child+html .header-navigation ul li:first-child{border-left:none;}
*:first-child+html .content{margin-top: 30px;}






/****IE8****/

html>/**/body .content {
   width:100%\9; border:12px solid #fff\9;background-color: #fff\9;margin-top: 15px\9;border-bottom: 13px solid #fff !important\9;
  zoom:1\9:
		progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270)\9;}
		 

.seo {
	display:inline !important;
	text-transform:none;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	clear:none;
	color:inherit;
	margin:0;
	padding:0;
}