/*
Theme Name: Clifton Ingram Sport
Theme URI: http://wordpress.org/
Description: Theme created for Clifton Ingram Sport
Version: 1
Author: Sean Blakeley
Author URI: http://www.idigitwebdesign.co.uk
Tags: 

*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, cite, code, em, font, img,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 12px;
	line-height: 20px;
	font-family: inherit;
font-family: Arial, Calibri, Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", serif;
color: #404b40;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

a {
color: #288a20;
text-decoration: none;
}

a:hover {
color: #096903;
border-bottom: solid 1px #288a20;
}

img a:hover {
border: none;
}

html, body {
width: 100%;
float: left;
text-align: center; /* ie centralise column */
background: url(images/bg-header.jpg) repeat-x #fff;
}

#container {
text-align: left;
margin: 0 auto;
width: 960px;
overflow: auto;
}

#header {
width: 100%;
height: 60px;
}

#logo {
float: left;
text-indent: -99999px;
}

#logo a{
width: 224px;
height: 58px;
display: block;
background: url(images/clifton-ingram-logo.jpg) no-repeat;
overflow: hidden;
}

#logo a:hover {
background: url(images/clifton-ingram-logo.jpg) 0 -58px no-repeat;
overflow: hidden;
border: none;
}

#navigation {
float: left;
height: 30px;
margin: 14px 0 0 20px;
position: relative; /* ie for lava style nav */
}

#navigation li {
float: left;
}
        
#navigation .current a{
color: #fff;
}

#navigation li.back {
background: url(images/lava.gif) no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}

#navigation li.back .left {
background: url(images/lava.gif) no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}

#navigation li a {
color: #ccc;
text-transform: uppercase;
z-index: 10;
font-weight: bold;
display: block;
line-height: 30px;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 8px;    
}

#navigation li a:hover {
color: #fff;
border-bottom: none;
}

#home-telephone-number {
position: absolute;
top: 13px;
right: 0px;
padding: 0 0 0 27px;
line-height: 30px;
font-weight: bold;
color: #fff;
width: 150px;
background: url(images/home-telephone.gif) no-repeat;
}

#telephone-number {
float: right;
margin-top: 13px;
padding-left: 27px;
line-height: 34px;
font-weight: bold;
color: #fff;
width: 127px;
background: url(images/telephone.gif) no-repeat;
}

#feature-box {
clear: both;
margin-top: 20px;
width: 960px;
color: #000;
height: 280px;
background: url(images/bg-featured.jpg) no-repeat;
}

#feature-box a, #feature-box li, #feature-box h1{
color: #000;
}

#smaller-feature-box {
clear: both;
margin: 20px 0 10px 0;
width: 470px;
height: 123px;
background: url(images/bg-smaller-featured.jpg) no-repeat;
text-indent: -99999px;
}

#content {
margin-top: 10px;
position: relative;
width: 960px;
overflow: hidden;
}

#main-content {
float: left;
width: 470px;
line-height: 20px;
}

#main-content p, #main-content ul {
margin-bottom: 10px;
}

#main-content h1 { /*title */
font-size: 26px;
line-height: 26px;
letter-spacing: -1px;
margin: 20px 0;
color: #096903;
padding: 0 0 5px 0;
border-bottom: dotted 2px #288a20;
}

#main-content h2 { /* sub-header */
font-size: 20px;
line-height: 22px;
letter-spacing: -1px;
margin: 20px 0 0 0;
color: #657564;
padding: 0 0 5px 0;
}

#main-content ul li { /* sub-header */
padding-left: 20px;
width: 352px;
margin: 0 0 5px 20px;
background: url(images/news-arrow.gif) no-repeat;
}

#single-main-content img {
padding: 8px;
border: solid 1px #ccc;
}

.wp-caption-text {
position: relative;
display: block;
top: -38px;
left: 9px;
padding: 5px 10px;
color: #fff;
margin: 0 10px 0 0;
background: #278a1d;
}

#right-side-bar {
float: left;
margin-left: 20px;
width: 470px;
}

#home-right-side-bar {
width: 960px;
}

#right-side-bar-left {
float: left;
width: 225px;
margin-right: 20px;
}

#right-side-bar-right {
float: left;
width: 225px;
}

#news {
width: 225px;
position: relative;
float: left;
margin: 10px 20px 20px 0;
}

#featured {
width: 225px;
position: relative;
float: left;
margin: 10px 20px 20px 0;
}

#sports-law-news {
width: 225px;
position: relative;
float: left;
margin: 10px 20px 20px 0;
}

#testimonials {
width: 225px;
position: relative;
float: left;
margin: 10px 0 20px 0;
}

#recent-news-icon, #featured-icon, #twitter-icon, #clients-icon {
position: absolute;
top: 0px;
left: 0px;
width: 44px;
height: 44px;
overflow: hidden;
}

.icon-shadow {
position: absolute;
top: 44px;
left: 0px;
width: 44px;
height: 8px;
}

#recent-news-icon {
background: url(images/icons.gif) 0 0 no-repeat;
}

#featured-icon {
background: url(images/icons.gif) 0 -44px no-repeat;
}

#twitter-icon {
background: url(images/icons.gif) 0 -88px no-repeat;
}

#clients-icon {
background: url(images/icons.gif) 0 -132px no-repeat;
}

#news ul, #featured ul, #sports-law-news ul, #testimonials ul {
margin-bottom: 40px;
}

#news ul li, #sports-law-news ul li{
width: 210px;
margin: 5px 10px;
padding-bottom: 5px;

}

#news ul li, #sports-law-news ul li {
border-bottom: dotted 1px #ccc;
}

#news ul li a, #featured ul li a, #sports-law-news ul li a, #testimonials ul li a {
border: none;
}

.news-image {
clear: left;
position: relative;
float: left;
width: 56px;
display: block;
height: 56px;
overflow: hidden;
border: solid 1px #ccc;
}

.news-image a:hover {
background: #288a20;
width: 56px;
height: 56px;
display: block;
overflow: hidden;
border: solid 1px #ccc;
}

.twitter-image a {
clear: left;
position: relative;
float: left;
display: block;
width: 56px;
height: 56px;
overflow: hidden;
background: url(images/twitter-button.jpg) 0 0 no-repeat;
text-indent: -99999px;
}

.twitter-image a:hover {
background: url(images/twitter-button.jpg) 0 -56px no-repeat;
text-indent: -99999px;
}

.single-twitter-image a {
clear: left;
position: relative;
display: block;
margin: 20px 0 0 69px;
width: 56px;
height: 56px;
overflow: hidden;
background: url(images/twitter-button.jpg) 0 0 no-repeat;
text-indent: -99999px;
}

.single-twitter-image a:hover {
background: url(images/twitter-button.jpg) 0 -56px no-repeat;
text-indent: -99999px;
}

.news-image img{
position: relative;
top: 3px;
left: 3px;
}

.news-story {
float: left;
width: 150px;
}

.news-date, .single-news-date, .twitter-timestamp {
font-style: italic;
padding-left: 73px;
color: #647563;
font-size: 85%;
border-bottom: none;
text-decoration: none;
}

.news-title a, .twitter-link a {
display: block;
padding: 5px;
width: 130px;
margin-left: 70px;
line-height: 16px;
overflow: hidden;
}

.news-title a:hover, .twitter-link a:hover {
background: #278a1d;
color: #fff;
}

#single-news-page ul{

}

#single-news-page ul li {
width: 470px;
padding-left: 0px;
margin: 0px;
background: none;
}

.single-news-image {
clear: left;
position: relative;
float: left;
width: 56px;
margin-left: 0px;
display: block;
height: 56px;
overflow: hidden;
border: solid 1px #ccc;
}

.single-news-image img{
position: relative;
top: 3px;
left: 3px;
}

.single-news-image a:hover {
background: #288a20;
width: 56px;
height: 56px;
display: block;
overflow: hidden;
}

.single-news-title {
margin-left: 70px;
}

.single-news-title a {
display: block;
line-height: 20px;
font-weight: bold;
font-size: 14px;
padding: 5px;
}

.single-news-title a:hover {
display: block;
background: #278a1d;
color: #fff;
border: none;
}

.single-news-tags {
clear: left;
font-size: 11px;
margin-bottom: 20px;
}

.right-side-bar-title {
margin: 7px 0 20px 44px;
width: 161px;
line-height: 30px;
height: 30px;
overflow: hidden;
font-weight: bold;
background: url(images/bg-right-title.jpg) no-repeat;
text-transform: uppercase;
color: #fff;
padding-left: 20px;
}

#footer {
clear: both;
width: 100%;
height: 58px;
font-size: 11px;
line-height: 15px;
background: url(images/bg-header.jpg) repeat-x #000;
text-align: center; /* ie centralise column */
}

#footer ul {
margin: 0 auto;
width: 960px;
overflow: auto;
}

#footer li {
margin-top: 3px;
float: left;
color: #ccc;
margin-right: 5px;
font-size: 11px;
line-height: 14px;
padding-bottom: 1px;
}

#footer li a{
color: #fff;
border-bottom: solid 1px #288a20;
font-size: 11px;
line-height: 14px;
}

#footer li a:hover {
color: #21a313;
border-bottom: none;
}

/* Profiles   --------------------  */

#team-members {
margin-left: -20px;
}

.profile {
position: absolute;
top: 0px;
left:80px;
display: block;
width: 389px;
height: 430px;
background: url(images/bg-profile.jpg) no-repeat #fff;
}

#team-members ul li {
width: 46px;
height: 58px;
padding: 2px;
border: solid 1px #ccc;
overflow: hidden;
}

.profile-image {
float: left;
margin: 5px 0 0 4px;
}

.profile-details {
float: left;
width: 250px;
}



.profile-name { 
font-size: 24px;
color: #fff;
margin: 24px 0 0 20px;
text-transform: uppercase;
}

.profile-position { 
font-size: 12px;
line-height: 15px;
font-weight: bold;
margin: 20px 0 0 20px;
}

.profile-telephone { 
font-size: 12px;
line-height: 15px;
margin-left: 20px;
}

.profile-email { 
font-size: 12px;
line-height: 15px;
font-style: italic;
margin: 0 0 20px 20px;
}
  
.profile-content {
clear: left;
margin:20px 10px 20px 30px;
}

#featured-item {
position: relative;
width: 195px;
display: block;
margin-left: 10px;
padding: 5px;
border: solid 1px #ccc;
overflow: hidden;
}

#featured-image {
position: relative;

}

#featured-image-title-bg {
position: absolute;
bottom: 0px;
left: 0px;
width: 195px;
height: 46px;
display: block;
}

#featured-title a{
color: #fff;
position: absolute;
bottom: 0px;
left: 0px;
width: 150px;
height: 36px;
display: block;
font-size: 14px;
padding: 5px 5px 5px 40px;
overflow: hidden;
font-weight: bold;
background:url(images/featured-magnifying-glass.gif) no-repeat;
}

#featured-title a:hover {
border-bottom: none;
}

#featured-image-title-bg {
background: #000;
}

#featured-content p{
margin-top: 5px;
line-height: 16px;
}

#client-testimonials {
margin-left: 10px;
}

.testimonial-top {
width: 205px;
height: 10px;
overflow: hidden;
margin: 0;
padding: 0;
}

.testimonial-content {
background: #278a1d;
width: 185px;
padding: 0 10px;
color: #fff;
line-height: 16px;
}

.testimonial-content p{
color: #fff;
/* text-align:justify;*/
}

.testimonial-bottom {
width: 205px;
height: 29px;
overflow: hidden;
margin: 0;
padding: 0;
}

.testimonial-name {
font-weight: bold;
}

.testimonial-position {
font-style: italic;
line-height: 14px;
}

.testimonial-company a{
font-weight: bold;
line-height: 16px;
}

.testimonial-logo {
margin-top: 10px;
}


#in-brief-content {
background: #000;
color: #fff;
width: 205px;
padding: 5px 10px;
line-height: 16px;
}

#in-brief-content p {
margin-bottom: 10px;
line-height: 16px;
font-size: 11px;
color: #fff;
}

#in-brief-content a {
line-height: 16px;
font-size: 11px;
}

.in-brief-title {
font-size: 14px;
text-transform: uppercase;
color: #fff;
line-height: 30px;
font-weight: bold;
background: url(images/in-brief-title.jpg) no-repeat;
text-transform: uppercase;
color: #fff;
padding-left: 20px;
}

#in-brief-services {
width: 205px;
line-height: 16px;
}

#in-brief-services li {
background: url(images/news-arrow.gif) no-repeat #000;
display: block;
padding-left: 20px;
width: 185px;
line-height: 16px;
padding-bottom: 5px;
}

#in-brief-services a {
line-height: 16px;
font-size: 12px;
margin-bottom: 5px;
}

#in-brief-bottom {
margin-bottom: 20px;
}

#in-brief-services li a:hover {
color: #fff;
}

.single-testimonial-content {
color: #000;
width: 205px;
padding: 0 10px;
line-height: 16px;
background: #e3e3e3;
}

.single-testimonial-content p{
line-height: 16px;
font-size: 11px;
color: #707070;
/* text-align:justify;*/
}

.single-testimonial-bottom {
width: 225px;
height: 25px;
}

.single-testimonial-top {
width: 225px;
height: 10px;
}

.single-testimonial-logo {
margin: 0 0 10px 10px;
}

.single-testimonial-logo a:hover{
border: none;
}

#clifton-main-top {
width: 470px;
height: 8px;
margin-top: 20px;
background: url(images/services-main-site-top.jpg) no-repeat;
}

#clifton-main-bottom {
width: 470px;
float: left;
height: 8px;
margin-bottom: 20px;
background: url(images/services-main-site-bottom.jpg) no-repeat;
}

#clifton-main-link {
width: 448px;
float: left;
position: relative;
padding: 0 10px;
background: #ccc;
border-left: solid 1px #666;
border-right: solid 1px #666;
}

#clifton-main-content {
margin: 0 10px;
width: 315px;
float: right;
overflow: hidden;
}

#clifton-screenshot {
float: left;
width: 106px;
display: block;
margin-right: 5px;
height: 71px;
overflow: hidden;
}

#clifton-screenshot a{
width: 100px;
display: block;
height: 65px;
border: solid 3px #fff;
}

#clifton-screenshot a:hover{
width: 100px;
display: block;
height: 65px;
border: solid 3px #288a20;
}
#clifton-main-btn a {
width: 120px;
text-align: center;
display: block;
height: 21px;
font-weight: bold;
line-height: 21px;
margin: 10px 0 0 0;
color: #fff;
overflow: hidden;
background: url(images/visit-main-site-btn.jpg) 0 0 no-repeat;
}

#clifton-main-btn a:hover {
border: none;
background: url(images/visit-main-site-btn.jpg) 0 -21px no-repeat;
}

.resource-title a{
padding-left: 20px;
width: 470px;
font-size: 20px;
line-height: 20px;
height: 20px;
background: url(images/news-arrow.gif) 0 center no-repeat;
}

.resource-title a{
padding: 10px 10px 10px 20px;
font-size: 20px;
width: 440px;
line-height: 20px;
display: block;
background: url(images/news-arrow.gif) 0 center no-repeat;
}

.resource-title a:hover {
background: url(images/news-arrow-white.gif) 0 center no-repeat #2a8c1f;
border: none;
color: #fff;
}

.resource-content p{
margin: 0 40px;
display: block;
}

#resource-page ul li {
width: 470px;
padding-left: 0px;
margin: 0px;
background: none;
border-bottom: solid 1px #ccc;
}

#google-map {
clear: both;
width:450px; 
margin: 20px 0 20px 0;
height:350px;
padding: 9px;
border: solid 1px #ccc;
}

#clifton-contact-content {
width: 448px;
float: left;
padding: 0 10px;
background: #ccc;
border-left: solid 1px #666;
border-right: solid 1px #666;
}

#clifton-contact-content p {
padding: 0 10px;
}

#clifton-contact-content img {
padding: 3px;
float: left;
margin-right: 10px;
background: #fff;
border: solid 1px #707070;
}

#contact-telephone {
font-weight: bold;
font-size: 20px;
}

.text-box {
width: 350px;
}

#clifton-ingram-profiles {
position: relative;
}

.contact-us-side {
margin: 30px 0;
}

.contact-us-side h2 {
font-size: 20px;
line-height: 22px;
letter-spacing: -1px;
margin: 20px 0 0 0;
color: #657564;
padding: 0 0 5px 0;
}