/* 
Theme Name: Secure Site
Theme URL: http://www.securesiteuk.co.uk/
Description: SS2010 WP Theme
Author: TCL
Author URI: http://www.tcmarketing.co.uk/
Version: 2.0
*/

/*
Reset ------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
textarea {font-family:Arial, Helvetica, sans-serif;}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.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 */

a { color:#666; }
a:hover { color:#333; }

.last {margin-right:0 !important; border-right:0 !important;}

div, ul, li {position:relative;}

/*
Layout ------------------------------------------------------------*/

body {
	margin:0 auto;
	text-align:center;
	font-size:14px;
	color:#666;
}

#header-wrap {
	background:#000;
	padding:50px 0 80px 0;
}

#header {
	width:1100px;
	text-align:left;
	margin:0 auto;
}
	
	#nav {
		float:right;
		position:absolute;
		top:0;
		right:0;
	}
	
	#nav, #nav ul, #nav li {
		list-style:none;
		padding:0;
		margin:0;
	}

	#nav li {
		display:inline;
		font-size:12px;
		margin-left:15px;
		font-weight:bold;
	}
	
	#nav li a {color:#888;}
	#nav li a:hover{color:#FFF;}
	.strapline {
		float:right;
		position:absolute;
		bottom:0;
		right:0;
	}
	
#content-wrap {
	background:#FFF;
	padding-bottom:100px;
}
	#feature, #service-images {
		width:1100px;
		background:url(images/ss-shadow.png) center bottom no-repeat;
		margin-bottom:40px;
		padding-bottom:55px;
	}
		.feature-box {
			width:235px;
			height:230px;
			overflow:hidden;
			padding:20px;
			color:#CCC;
			float:left;
			display:block;
		}
		
		.vacant-property { background:url(images/barriers.jpg) no-repeat #222 -275px 0; }
		.vacant-property:hover { background-position:0 0; }
		
		.waste-clearance { background:url(images/tires.jpg) no-repeat #222 -275px 0; }
		.waste-clearance:hover { background-position:0 0; }
		
		.specialist-guard { background:url(images/dog.jpg) no-repeat #222 -275px 0; }
		.specialist-guard:hover { background-position:0 0; }
		
		.eviction { background:url(images/traveller.jpg) no-repeat #222 -275px 0; }
		.eviction:hover { background-position:0 0; }
		
		.feature-box h5 {position:absolute;	top:20px;}
		.feature-box:hover h5 {color:#FFF;text-shadow:0 0 10px #000;}
		
		.feature-box p.blurb {position:absolute;top:115px;}
		.feature-box:hover p.blurb {position:absolute;	top:300px;}
		
		.feature-box p.more-link {position:absolute; bottom:10px;}
		
		p.feature-image {margin:0;}
		p.blurb { width:234px; }
		
		.feature-more {
			background:#444;
			width:220px;
			color:#222;
			padding:7px;
			display:block;
			font-size:11px;
			font-weight:bold;
			line-height:12px;
			text-transform:uppercase;
		}
		.feature-box:hover .feature-more {
			color:#8BC53F;
			background:#FFF;
			box-shadow:0 0 10px #000;
			-webkit-box-shadow:0 0 10px #000;
			-moz-box-shadow:0 0 10px #000;
		}
		.feature-box:hover .feature-more:hover {
			color:#FFF;
			background:#8BC53F;
		}

	#services {
		background:url(images/ss-menubg.jpg) repeat-x #333;
		height:40px;
		float:left;
		margin-top:-20px;
		width:100%;
		z-index:999;
	}
		
#content {
	width:1100px;
	margin:0 auto;
	text-align:left;
}
	.column {
		width:388px;
		margin-right:25px;
		float:left
	}
	.side-col {
		width:274px;
		float:right;
		text-align:left;
	}
		.call { margin-bottom:30px; }
	
	.side-col h4 {
		color:#FFF;
		background:#8BC53F;
		padding:7px 15px;
		font-size:16px;
		font-weight:bold;
	}
	.side-col ul {
		background:#333;
		padding:15px;
		list-style:url(images/tick.png) inside;
		margin:0 0 4px 0;
	}
	.side-col li {
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		padding:5px 0;
	}
	
	.side-col ul li a:hover {
		color:#8BC53F;
		
	}
	#ads { width:100%; }
	
#sidebar {
	width:200px;
	float:right;
	font-size:13px;
	text-align:left;
	margin-top:50px;
}
	.blog-page {
		float:left;
		width:850px;
		margin-top:50px;
	}
	#sidebar ul, #sidebar li {	list-style:none;	}	
	#sidebar ul {margin:0;}
	
	#sidebar ul ul li {
		border-top:1px solid #ccc;
		padding:5px 0;
	}
	#sidebar ul ul li a {
		font-family:Arial, Helvetica, sans-serif;
		font-style:normal;
	}	
	#sidebar ul ul li:first-child {
		border:0;
		padding:5px 0;
	}	
	#sidebar ul ul li a { color:#666; font-weight:normal; }
	#sidebar ul ul li a:hover { color:#8BC53F; }
	.widget {margin-bottom:30px;}
	.widget_recent_entries {
		color:#666;
	}	
	h2.widgettitle {
		font-size:18px;
		letter-spacing:normal;
		margin-bottom:10px;
		color:#8BC53F;
	}
	
/*
Images -----------------------------------------------------------*/

.alignright {
	float:right;
	margin:0 0 15px 15px;
}

.alignleft {
	float:left;
	margin:0 15px 15px 0;
}
	
/* FOOTER */

#cta {
	text-align:center;
	margin:0 auto;
	width:1100px
}

#ctaimg {
	position:absolute;
	top:-35px;
}

#footer-wrap {
	background:#000;
	padding:0 0 35px 0;
	margin:0 auto;
}

#footer {
	width:1100px;
	text-align:left;
	margin:0 auto;
	padding-top:70px;
}
	#footer ul {
		width:260px;
		margin:0 20px 0 0;
		float:left;
		list-style:none;
	}
	#footer li.head {
		font-size:13px;
		text-transform:uppercase;
		color:#8BC53F;
		font-weight:bold;
		border:0;
		padding-bottom:20px;
	}
	#footer a li {
		color:#888;
		font-size:11px;
		font-weight:bold;
		padding:6px 0 8px 5px;
		border-top:1px dotted #333;
		cursor:pointer;
	}
	#footer a li span {
		position:absolute;
		right:5px;
	}
	#footer a li:hover {
		color:#CCC;
		background:#222;
	}
	#footer a li:active {
		background:#8BC53F;
		color:#FFF;
	}
	
/* FOOTER2 */

#footer2-wrap {
	background:#FFF;
	padding:20px 0;
}

#footer2 {
	width:1100px;
	text-align:left;
	margin:0 auto;
}

	#footer2 p {
		color:#666;
		font-size:11px;
	}

/*
Typography --------------------------------------------------- */

h1 {
	color:#8BC53F;
	font-size:34px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:1.1em;
	margin-bottom:40px;
}
h2 {
	color:#8BC53F;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.1em;
	margin:-10px 0 40px 0;
}

h2.main {
	color:#999;
	font-size:100%;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	letter-spacing:0;
}
h2 a, h1 a {color:#8BC53F;}
h3 {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	line-height:1.1em;
}
h5 {
	font-size:26px;
	letter-spacing:-1px;
	line-height:1em;
	text-transform:uppercase;
	color:#8BC53F;
	font-weight:bold;
	padding-bottom:20px;
}
p {
	margin-bottom:20px;
	line-height:1.5em;
}

p.intro {
	margin-bottom:20px;
	line-height:1.5em;
	color: #8BC53F;
	font-size: 115%;
	font-weight: bold;
}
strong {font-weight:bold}
.author {
	margin-top:-30px;
	color:#999;
}
.comments a {
	padding:5px 8px;
	color:#FFF;
	background:#8BC53F;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
	.comments a:hover {background:#333;color:#8BC53F;}
.social {
	font-size:12px;
	color:#666;
	padding:7px;
	background:#F9FCF5;
	border:1px solid #E8F3D9;
}
	.social a {
		font-weight:bold;
		color:#8BC53F;
	}
	.social a:hover {color:#666;}
	
.postmeta{margin-bottom:40px;}
#comments {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #CCC;
}
#comments_list li {
	background:#F9FCF5;
	border:1px solid #E8F3D9;
	padding:20px 20px 5px 20px;
	list-style-position:inside;
	margin-bottom:5px;
	color:#8BC53F;
}
#comments_list li a {color:#8BC53F;}
#comments_list li a:hover {color:#666;}
.comment_text{
	color:#444;
	font-weight:normal;
}
ul, ol {
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:20px;
}
ol {list-style:decimal;}
ul {
	list-style:square outside;
	margin-left:25px;
	color:#8BC53F;
}
li {
	padding:3px 0;
}
hr {
	height:1px;
	border:0;
	background-color:#CCC;
	color:#CCC;
	margin-bottom:40px;
}

/*
CSS3 -------------------------------------------------------------*/

.feature-box, .feature-box h5, .feature-box p, .feature-more,
#nav li a {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#footer a li {
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}


/*
MENU ------------------------------------------------------------*/

#suckerfishnav {
	background:none;
	font-size:12px;
	font-weight:bold;
	width:1100px;
	text-transform:uppercase;
	}
#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:40px;
	padding:0;
	border:none;
	margin:0;
	width:100%;
	}
#suckerfishnav a {
	display:block;
	color:#CCC;
	text-decoration:none;
	}
#suckerfishnav li {
	float:left;
	width:275px;
	text-align:center;
	padding:0;
	margin:0;
	}
#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:275px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:0;
	border-top:none;
	}
#suckerfishnav li li {
	text-align:left;
	width:261px;
	padding:4px 7px;
	border:none;
	font-weight:bold;
	}
#suckerfishnav li li a {
	padding:4px 7px;
	width:261px;
	font-size:11px;
	color:#CCC;
	}
#suckerfishnav li ul ul {
	margin:-23px 0 0 265px;
	padding-left:0;
	}
	/*colour of main link*/
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#8BC53F;
	}
	/*background colour of submenu on hover*/
#suckerfishnav li li:hover {background: #444;}
#suckerfishnav li li:active {background: #8BC53F;}
	/*colour of submenu link*/
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color: #CCC;
	}
	/*colour of submenu link on hover*/
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
	color:#FFF;
	}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {
	left:-999em;
	}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {
	left:auto;
	background:#333;
	}
	/*background colour of top level li on hover*/
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	background:#333;
	}
	
/*
Banner ----------------------*/

#banner { clear:both; }
.bannerImage { padding:0; }