/*    
Theme Name: Beth Cumming
Theme URI: http://www.bethcumming.com
Description:Re-design of Beth Cumming Website
Author: Tom Bathgate
Author URI: http://www.clearbluedesigns.co.uk/
Version: 1.0  
*/
* {
	padding: 0;
	margin: 0;
}
body {
	background:#dbd9d1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#747679;
}
p {
line-height:150%;	
}
h1 {
	padding-bottom:5px;
	font-size: 170%;
	color:#d42e12;
	}

	h2 {
	font-size: 140%;
	}
	h3 {
	font-size: 130%;
	}

#wrapper {
	margin: 30px auto;
	width: 849px;
}
#navigation {
	float: left;
	width: 100%;
	height: 25px;
	color: #333;
	background:#d8d9d1
}
#navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#navigation ul li a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	color:#000;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
	
}
a#home {
	width:106px;
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: 0 0;
	margin-right:5px;
}
a#home:hover {
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: 0 -27px;
}
a#about {
	width:106px;
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -110px 0;
	margin-right:3px;
}
a#about:hover {
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -110px -27px;
}
a#services {
	width:106px;
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -220px 0;
	margin-right:3px;
}
a#services:hover {
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -220px -27px;
}
a#portfolio {
	width:140px;
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -330px 0;
	margin-right:2px;
}
a#portfolio:hover {
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -330px -27px;
}
a#contact {
	width:106px;
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -470px 0;
}
a#contact:hover {
	background:url(images/nav-sprite.gif) no-repeat;
	background-position: -470px -27px;
}
#header {
	color: #333;
	width: 100%;
	float: left;
	height: 100px;
	background: #fff url(images/banner-red.gif) no-repeat;
}
#logo {
	position:relative;
	top:9px;
	left:11px
}
.breadcrumb {
margin-bottom:10px
}
.title {
margin-bottom:5px
}
#contentwrapper {
background:#fff;	
}
#leftcolumn {
	float:left;
	width:175px;
}
#leftcolumn ul li {
	list-style-type:none;
	background:url(images/dashed-line.jpg) no-repeat bottom;
	padding-top:5px;
	padding-bottom:5px;
	height:35px;
	font-size:12px;
}
#leftcolumn ul li a {
	float: left;
height:35px;
line-height:35px;
padding-left:30px;
color:#000;
text-decoration:none;
}
a#training {
	background:url(images/materials-icon.gif) no-repeat;
	
	background-position:0 0;
}
a#testimonials {
	background:url(images/testimonials.gif) no-repeat
}
a#contactbeth {
	background:url(images/contact.gif) no-repeat
}
a#downloads, a#currentprojects {
	background:url(images/downloads.gif) no-repeat
}
#logos {
	position:relative;
	bottom:0;
	left:1px;
	width:175px;
	background:url(images/dashed-line.jpg) no-repeat top;
}
#content {
	float: left;
	color: #333;
	height:auto;
	width: 450px;
	display: inline;
	padding-right:30px;
}
#rightcolumn {
	color: #333;
	background: #fff;
	height: auto;
	width: 162px;
	float: left;
}
#rightcolumn h2 {
font-size:135%
}
#rightcolumn ul {
list-style-type:none;
font-size:90%
}
#rightcolumn ul li {
  padding:5px;
}
/**/
#servicesoffered {
	background:url(images/services-back.gif) no-repeat;
	width:190px;
	height:155px;
	margin-bottom:20px;
	font-size:95%;
}
#servicesoffered .padding {
padding:6px
}
#tipoftheday {
	background:url(images/tip-back.gif) no-repeat;
	height:101px;
	width:162px
}
#footer {
	float:left;
	margin-top:-1px;
	margin-left:-1px;
	width:850px;
	height: 48px;
	clear: both;
	color: #333;
	background:url(images/content-bot.jpg) no-repeat bottom;
}
#footer p {
	margin-top:20px;
	margin-left:20px;
}
#footright {
	float:right;
	font-size:9px;
	margin-right:4px;
margin-top:4px;
color:#fff;
}
#footleft {
	float:left;
	font-size:9px;
	margin-left:4px;
margin-top:4px;
color:#000;
}
.clear {
	clear:both;
}
.padding {
	padding:10px;
}
.padding-left {
	padding-left:15px
}
.img-right {
float:right;
margin-left:5px
}