/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

/* LAYOUT */

.container                                  { position: relative; width:1260px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 1.041666666666667%; margin-right: 1.041666666666667%; }
.row                                        { margin-bottom: 4.166666666666667%; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 4.166666666666667%; }
.container .two.columns                     { width: 10.41666666666667%; }
.container .three.columns                   { width: 16.66666666666667%; }
.container .four.columns                    { width: 22.91666666666667%; }
.container .five.columns                    { width: 29.16666666666667%; }
.container .six.columns                     { width: 35.41666666666667%; }
.container .seven.columns                   { width: 41.66666666666667%; }
.container .eight.columns                   { width: 47.91666666666667%; }
.container .nine.columns                    { width: 54.16666666666667%; }
.container .ten.columns                     { width: 60.41666666666667%; }
.container .eleven.columns                  { width: 66.66666666666667%; }
.container .twelve.columns                  { width: 72.91666666666667%; }
.container .thirteen.columns                { width: 79.16666666666667%; }
.container .fourteen.columns                { width: 85.41666666666667%; }
.container .fifteen.columns                 { width: 91.66666666666667%; }
.container .sixteen.columns                 { width: 97.9%; }
.container .one-third.column                { width: 31.25%; }
.container .two-thirds.column               { width: 64.58333333333333%; }

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; display: block;  overflow: hidden;  visibility: hidden;  width: 0; height: 0;}


/* STYLES */
/* ----------------------------------------- */


h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, filedset, img{ margin:0; padding:0;  border:0;  font-weight:normal;}
form, fieldset{ margin:0;  padding:0;  border:none;}
:focus{ outline:none;}
img{border:0;}
html{-webkit-text-size-adjust: none;-webkit-appearance: none; background:#fff }
html{margin:0; padding:0;height: 100%;}
body{font-family: 'Roboto', sans-serif;color:#323232;font-size:14px; background:#f3efef ;}
a{-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;}

/** HEADER **/

header {width:100%; height:135px;padding:40px 0 0 0; background:#fff; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;behavior: url('http://jamiegill.com/clients/calderdale/assets/PIE.htc');}
header h1 {font-size:20px; padding:30px 0 0 0 }

/** HEADER END **/

/** NAV **/

nav {padding:20px 0 0 0; }
nav ul li {float:left;position:relative}
nav ul li a {font-size:16px; color:#323232; text-decoration:none; padding:4px 10px}
nav ul li a:hover {color:#fff;background:#d2232a; text-decoration:none}

/* Nav Child */

nav ul li ul {display:none;background:#d2232a; width:190px;position:absolute; z-index:9999 }
nav ul li:hover ul {display:block}
nav ul > li:hover > a {color:#fff;background:#d2232a; text-decoration:none}
nav ul > li > ul > li:hover > a {background:url("../img/nav-arr.png") no-repeat scroll right center #AF0E14}
nav ul li ul li {width:190px;  float:none; border-bottom:1px solid #af0e14; border-top:1px solid #f1454c; position:relative}
nav ul li ul li:first-child {border-top:none}
nav ul li ul li a {padding:7px 10px; font-size:15px; font-weight:300; color:#fff; display:block; background:none; -webkit-transition:none;-o-transition:none;transition:none; }
nav ul li ul li a:hover {background:none}
nav ul li ul li:hover {background:url("../img/nav-arr.png") no-repeat scroll right center #AF0E14}

/* Nav Grand Child */

nav ul li ul li ul {position:absolute; top:0; left:190px;display:none !important;z-index:9999}
nav ul li ul li:hover ul {display:block !important}
nav ul li ul li ul li:hover {background:#AF0E14}
nav ul > li > ul > li:hover {background:url("../img/nav-arr.png") no-repeat scroll right center #AF0E14}
nav ul > li > ul > li:hover > ul > li > a {background:none}

/** NAV END **/

/** HOME **/

.padding-cont {padding:20px 0}
h2 {font-size:20px;color:#d53636;margin:0 0 15px 0}
h3 {font-size:18px;color:#d53636;margin:15px 0}
p {margin:0 0 15px 0; font-weight:300}
strong {font-weight:400}

.home-cont {border-bottom:1px solid #fff}

.home-boxes ul {padding:15px 0 0 0; border-top:1px solid #e5e2e2}
.home-boxes ul li {width:50%; float:left;height: 320px;}
.home-boxes ul li .image {width:50%; float:left}
.home-boxes ul li .content {width:44%;padding:10px 3%; float:right; height: 300px;}
.home-boxes ul li h3 {color:#fff;font-size:18px; font-weight:500; margin:0 0 15px; float: right;padding: 10px 2% 0; width: 46%;}
.home-boxes ul li p {color: #FFFFFF; float: right;padding:0 2% 10px 2%; width: 46%;}
.home-boxes ul li p a {color:#fff; font-weight:500}
.home-boxes ul li.blue {background:#0093a1}
.home-boxes ul li.orange {background:#ed7c34}
.home-boxes ul li.red {background:#d2232a}
.home-boxes ul li.green {background:#7ba297}

/** PARENT and CHILD **/

.parent-cont {border-bottom:1px solid #fff}
.children ul { border-top:1px solid #e5e2e2}
.children ul li {-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in; width: 23.5%; float:left;height: 296px; margin:25px 2% 0 0; background:#000; position:relative; overflow:hidden}
.children ul li:nth-child(4n+4) { margin: 25px 0 0 0;}
.children ul li img {max-width:100%; height:auto; position:relative; }
.children ul li span {text-decoration:none; position:absolute; z-index:1; font-size:26px; font-weight:200; padding:10px 20px; left:0; top:120px; color:#d2232a; background:#fff; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;behavior: url('http://jamiegill.com/clients/calderdale/assets/PIE.htc');}
.children ul li:hover {opacity:0.8}
.children ul li:hover span {background:#d2232a;color:#fff}

/** PORTFOLIO **/

.portfolio img {max-width:100%; height:auto}
.conclusion { padding: 20px 0 50px; margin:20px 0 0 0; border-top:1px solid #fff; position:relative}
.conclusion a.prev {text-decoration:none; position:absolute; z-index:1; font-size:18px; font-weight:200; padding: 10px 20px 10px;left:0; bottom:0; color:#d2232a; background:#fff; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;behavior: url('http://jamiegill.com/clients/calderdale/assets/PIE.htc');}
.conclusion a.next {text-decoration:none; position:absolute; z-index:1; font-size:18px; font-weight:200; padding: 10px 20px 10px;right:0; bottom:0; color:#d2232a; background:#fff; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;behavior: url('http://jamiegill.com/clients/calderdale/assets/PIE.htc');}

.conclusion a.next:hover, .conclusion a.prev:hover {background:#d2232a; color:#fff} 

.conclusion a.c-info {text-decoration:none; position:absolute; z-index:1; font-size:18px; font-weight:200; padding: 10px 20px 10px; left: 400px; bottom:0; color:#fff; background:#d2232a; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;behavior: url('http://jamiegill.com/clients/calderdale/assets/PIE.htc');}

.conclusion a.c-info:hover {color:#d2232a; background:#fff}

/** FOOTER **/

footer {width:100%; padding:20px 0; background:#fff}
footer p {font-size:13px;color:#727171; margin:0}

/** FOOTER END **/