@import url("reset.css");
@import url("skitter.styles.css");
@import url("jquery.lightbox-0.5.css");

@font-face {
	font-family: 'shepherd';
	src:url('../fonts/shepherd.eot?9o771d');
	src:url('../fonts/shepherd.eot?#iefix9o771d') format('embedded-opentype'),
		url('../fonts/shepherd.woff?9o771d') format('woff'),
		url('../fonts/shepherd.ttf?9o771d') format('truetype'),
		url('../fonts/shepherd.svg?9o771d#shepherd') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'shepherd';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
	content: "\e600";
}
.icon-pinterest:before {
	content: "\e601";
}

.social-links {
	font-size: 26px;
	padding-top: 10px;
}

.social-links a:link, .social-links a:visited {
	color: #222;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.social-links a:hover {
	color: #aaa;
}

body {
	background: #fff;
	color: #222;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 11px;
	height: 100%;
	line-height: 1.3em;
}

*.center {
	text-align: center;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.no-pointer {
	pointer-events: none;
}

.title {
	font-size:12px;
}

.Btitle {
	font-size:18px;
}

span.orange {
	color: #aa4301;
}

a:link,
a:visited {
	text-decoration:none;
	color:#222;
	}

a.inactive {
	opacity:0.4;
	text-decoration:none;
}

#wrapper {
	width:840px;
	margin:0 auto;
	padding:0;
}

#align {
	display:table;
}

#content {
	width:840px;
	min-height:444px;
	position:relative;
	overflow:hidden;
	clear: both;
}

.access {
	display:block;
	text-indent:-9999px;
}

.banner {
	margin:auto auto 15px;
}

.wrap {
	width:860px;
	text-align:left;
	display:table-cell;
	vertical-align:middle;
}

a.logo {
	width:530px;
	height:30px;
	background:url(../images/shepherd-as.png) no-repeat 0 0;
	margin:5px 0 15px;
}

/* NAVIGATION */

.navigation {
	position:relative;
	margin-top:10px;
	height:95px;
	line-height:1em;
}

.navigation ul {
	position:absolute;
	top:0;
}

.navigation ul#mainNav {
	left:0;
}

.navigation ul.levelTwo {
	left:160px;
}

.navigation ul.levelThree {
	left:320px;
	height:85px;
	overflow-y: scroll;
}

.navigation ul#education {
	width:215px;
}

.navigation ul#domestic {
	width:100px;
}

.navigation ul#commercial {
	width:120px;
}

.navigation ul li {
	margin:6px 0;
	letter-spacing:0.5px;
	cursor:pointer;
}

.navigation ul li:hover, .navigation ul li a:hover {
	color: #aaa;
}


/* SLIDER */

.box_skitter_large {
	width:840px;
	height:444px;
}

.box_skitter_small {
	width:554px;
	height:419px;
}

/* SCROLLER */

.scroll-content {position:absolute;top:0;left:0}
.slider-wrap{position:absolute;right:0;top:0;background-color:#fff;width:5px;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{background-color:#aaa;width:5px;height:10px;margin:0 auto;display:block;position:absolute;}
.ui-slider-handle img{border:none}
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;}

.project-text {
	width:271px;
	padding-left:15px;
	font-size:11px;
}

.col {
	width:266px;
	min-height:438px;
}

.twoColumn .col.floatleft {
	width:296px;
}

.twoColumn .col.floatright {
	width:523px;
}

.col.floatleft {
	margin-right:21px;
}

#content a, p.orange {
	color: #aa4301;
}

p.orange {
	font-size:13px;
}

p + p.orange {
	padding-top: 10px;
}

.project-text a:hover {
	color:#fff;
}

.project-text table {
	margin:20px 0;
	width:100%;
}

.project-text table td {
	padding:5px 0;
}

.project-text table td.left {
	width:45%;
	font-weight:bold;
	text-align:left;
}

.project-text table td.right {
	width:55%;
	text-align:right;
}

.photo-link {
	position:absolute;
	bottom:6px;
	right:182px;
}

.c-info {
	border-left: 1px solid #797979;
	float: left;
	color: #797979;
	height: 82px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 12px;
}

.c-info .top-pad {
	padding-top: 10px;
}

.c-info p {
	padding-bottom: 5px;
}

/* Content Tabs */

.tabsnav {
	display:block;
	clear:both;
}

#content .tabsnav li a {
	display:block;
	float:left;
	padding:2px 8px;
	margin-right:5px;
	background:#eee;
	font-size:10px;
	color:#222;
}

#content .tabsnav li a:hover {
	background: #eee;
	color:#222;
}

#content .tabsnav li a.selected {
	background: #aaa;
}

#content .tabsnav li a.selected:hover {
	color:#222;
}

.info_slide span {
	background: #eee !important;
	color: #222 !important;
}

/* MAPS */

a.cheshire {
	margin-bottom:20px;
	background:url(../images/map-cheshire.jpg) no-repeat 0 0;
}

a.cumbria {
	background:url(../images/map-barrow.jpg) no-repeat 0 0;
}

div.cumbria {
	padding: 15px;
	margin-top: 269px;
	margin-right: 3px;
	background: rgba(0,0,0,0.85);
	color: #fff;
	opacity: 0.9;
}

div.cheshire {
	height:209px;
	margin-bottom:20px;
}

div.maps a {
	position:relative;
	display:block;
	width:266px;
	height:209px;
}

div.maps a .enlarge {
	display:none;
	position:absolute;
	opacity:0.5;
	background:#111;
	color:#444;
	padding:95px 20px 20px;
	left:0;
	top:0;
	right:0;
	bottom:0;
	text-align:center;
	font-size:26px;
}

div.maps a:hover .enlarge {
	display:block;
}

/* CONTACT FORM */

label {
	display:block;
	float:left;
	clear:left;
	text-align:left;
}
input,
textarea,
select {
	-moz-border-radius: 4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    background:#eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(top,  #eee,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff');
    border: 1px solid #ccc;
    float: left;
    font-size: 1.2em;
    margin-bottom: 5px;
    padding: 3px;
    width: 250px;
}

button {
	float:left;
	clear:left;
	padding:5px;
}

form .url {
	display:none;
}

.awesome {
	margin-top:5px;
	background: #222;
	display: inline-block;
	padding: 5px 11px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	cursor: pointer;
	border:none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-family: Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
}

a.logolink {
	margin: 0 20px;
}