/*
 SilverStripe BlackCandy Theme
 http://www.silverstripe.com
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
 	font-size: 15px; 
 	margin-bottom: 0px;
	font-family: Lucida grande, sans-serif; 
	line-height: 105%;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}
img {
	border: 4px solid #ccc;
}

.right-column1 img {
border: 0px;
}

.quotephoto img {
margin-bottom: 10px;
}

.page-plain img, .sitepic img {
border: 1px solid #ccc;
padding: 8px;
}

a img {
border: 1px solid #ccc;
padding: 5px;
}

a img#logo {
padding: 0px;
margin-top: 15px;
}

.typography .otherinfo a img {
border: 0px;
}
/**************
 	Site  Box
*/
.BgContainer {
	width: 900px;  
	margin: 0px auto; 
	text-align: center;
}
.Container { 
	padding-bottom: 15px;
	text-align: left;
	position: relative;
	
	}
#Layout {
	width: 900px;
	margin: 15px auto;
}
#Content {
	width: 900px;
	float: right; 	
	margin: 0;
	text-align: left;
}
/** Header **/
#Header {  
 	margin: 0px auto;
	background:  url(../images/header.png) 0px 0px repeat-x;
	height: 75px;
	position: relative;
	}
	
	#Header .Container {
	height: 75px;
	}
	
	
 #logo {
 margin: 0px 0px 0px 20px;
 }
 
 #Header a img {
 border: 0px;
 }

/*** Main Nav ***/

.topmenu {
position: absolute;
top: 0px;
right: 0px;
width: 150px;
margin-top: 5px;
color: #fff;
}

#Navigation {
	margin: 1px auto 0px auto;
	padding: 0px;
	text-align: center; 
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 34px;
}
#Navigation ul { 
 margin: 0px;
 padding: 0px;
 height: 34px;
	}
	#Navigation ul li { 
	 	list-style: none; 
		margin: 0 1px 0px 2px; 
		float: left;
		display: block;
		}
  		#Navigation ul li a { 
			text-decoration: none;
			display: block; 
			background: url(../images/other-right.png) 100% 0% no-repeat;
			height: 30px;
			line-height: 30px;
			margin-top: 4px;
			}
			
				#Navigation ul li a span { 
			text-decoration: none;
			display: block; 
				font-size: 0.95em; 
			padding: 0px 7px;
			color: #fff;
			font-weight: bold;
			background: url(../images/other-left.png) 0% 0% no-repeat;
			height: 30px;
			line-height: 30px;
			}
	
					
    		#Navigation ul li a.current,
    		#Navigation ul li a.section {
    		 background: url(../images/current-right.png) 100% 0% no-repeat;
			 margin-top: 0px;
			 	height: 34px;
				line-height: 34px;
				}
				
				#Navigation ul li a.current span,
    		#Navigation ul li a.section span {
    		 background: url(../images/current-left.png) 0% 0% no-repeat;
			 color: #000;
			 	height: 34px;
				line-height: 34px;
				}
				
				
				#Navigation ul li a:hover { 
			 	background: url(../images/current-right.png) 100% 0% no-repeat;
				 margin-top: 0px;
				 height: 34px;
				 line-height: 34px;
				}
				
				#Navigation ul li a:hover span { 
			 	background: url(../images/current-left.png) 0% 0% no-repeat;
				color: #000;
				cursor: pointer;
				height: 34px;
				line-height: 34px;
				}
				
	
	.left-column {
	width: 476px;
	float: left;
	margin: 20px 0px 0px 0px;
	display: inline;
	}
	
	
	
.quotescolumn {
margin-top: 0px;
}

	.lovenotes .left-column {
	margin-left: 40px;
	}
	
		.right-column {
	width: 400px;
	float: right;
	margin: 20px 0px 0px 0px;
	display: inline;
	}
	
	.right-column1 {
	float: right;
	width: 300px;
	margin: 65px 55px 0px 0px;
	}
	
   


/* Footer 
*****************************************/

#Footer { 
 	clear: both;  
	background: #3E3E3E url(../images/footer.png) 0px 0px repeat-x;
	padding: 20px;

	}
	
  	#Footer p { 
		color: #fff;
		font-size: 1em;

	}
  	#Footer a { 
	   	color: #fff; 
	   	text-decoration: none;
		}
	#Footer a:hover {
		color: #fff;
		text-decoration: underline;
	}
  
  
  .overview {
  font-size: 1.25em;
  margin: 20px 0px;
  }
  
  .whatwedo {
  float: left;
  width: 164px;
  height: 350px;
  margin: 20px 30px 0px 0px;
  }

 .whatwedotext {
  float: right;
  width: 670px;
 
  }
  
  .whatwedo img {
  border: 0px;
  padding: 0px;
  }
  
  .left-margin {
  margin-left: 210px;
  }
  
  .feed ul, .feed ul li {
  margin-left: 0px;
 
  }
  
  .contactdeets {
  padding: 0px 10px;
  background: #EAEAEA;
  font-size: 1em;
  margin-top: 20px;
  height: 30px;
  line-height: 30px;
  }
  
    .contactdeets span {
	font-weight: bold;
	font-family: helvetica;
	font-size: 1.1em;
	color: #A30042;
	}
  
.latestsuccess {
margin-bottom: 20px;
}

.recentwork {
background: url(../images/border.png) 100% 0% no-repeat;
margin-bottom: 60px;
}

.threecolumn {
width: 265px;
float: left;
margin-top: 10px;
text-align: center;
background: url(../images/border.png) 0px 0px no-repeat;
padding: 0px 15px;
}

.twocolumn {
width: 49%;
float: left;
margin-right: 2%;
}

.lastcolumn {
margin-right: 0px;
}

.workdescription {
margin: 7px 0px 13px 0px;
border: 2px solid #ccc;
padding: 15px;
}

.bluebar {
background: #E8F8FD;
padding: 15px 20px;
margin: 10px 0px 30px 0px;
}

.blueleft {
font-size: 1.2em;
width: 60%;
float: left;
}

.blueright {
font-size: 1.1em;
width: 35%;
float: right;
margin-top: 12px;
}

.otherinfo {
background: #EAEAEA;
padding: 5px;
font-size: 0.9em;
line-height: 30px;
margin-bottom: 30px;
}

.leftcolumn {
width: 625px;
float: left;

}

.rightcolumn {
width: 250px;
float: right;

}

.bluebar2 {
background: #E8F8FD;
padding: 10px;
}

.fourcolumn {
width: 25%;
text-align: center;
float: left;
}

.customer {
background: #eee;
margin-bottom: 15px;
padding: 10px;
}

.customer .twocolumn {
background: #fbfbfb;
padding: 10px;
}

.sitepic {
margin-bottom: 10px;
}

.blurb {
display: block;
clear: both;
margin-bottom: 20px;
}

.rightbar {
float: right;
width: 420px;
margin-top: -5px;
}

.mappic {
float: left;
width: 450px;
margin-bottom: 20px;
}