@charset "utf-8";
/* CSS Document */

/* Default settings */
html, body {
	margin: 0;
	padding: 0;
	font-family: Corbel;
	background-color: #FFFFFF;
	font-size: 0.95em;
	color: #1F1F1F;
	line-height: normal;
}
table {
	margin: 0;
	padding: 0;	
	border: 0;
	}
td {
	border: 0;
	padding: 0;
	}
div {
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
.img-border {
	border: 6px solid #c9ed7d;
}
p {
	margin: 0;
	padding: 5px 0 5px 0;
}
h1 {
	clear: both;
	font-size: 1.6em;
	color: #000000;
	font-weight: normal;
	padding: 0;
	margin: 7px 0 5px 0;
	letter-spacing: -1px;
	}
h2 {
	clear: both;
	font-size: 1.3em;
	color: #069;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}
h3 {
	clear: both;
	font-size: 1.8em;
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
	}
ul {
	margin: 0;
	padding: 0 0 0 50px;
}
li {
	margin: 0;
	padding: 2px;
}




/* Default Link settings */
a:link {
	color: #2F6386;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	border: 0;
	font-style: normal;
}
a:visited {
	color: #2F6386;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	border: 0;
	font-style: normal;
}
a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	background-color:transparent;
	font-style: normal;
	border: 0;
}
a:active {
	color: #2F6386;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	border: 0;
	font-style: normal;
}




/* Containers */
.container {
	clear: both;
	width: 900px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: transparent;
	border: 0;
	text-align: left;
}
.container-header {
	clear: both;
	width: 900px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: transparent;
	border: 0;
	text-align: center;
}
.container-top {
	clear: both;
	width: 900px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: transparent;
	border: 0;
	color: #FFFFFF;
	text-align: left;
}
#container-light {
	clear: both;
	width: 100%;
	height: 65px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: #aadd51;
	border: 0;
	line-height: 65px;
	text-align: left;
}
#container-dark {
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0 10px 0;
	margin: 0 auto 0 auto;
	background-color: #8dc42d;
	border: 0;
	text-align: left;
}
.container-left {
	clear: both;
	float: left;
	width: 430px;
	height: auto;
	background-color: transparent;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
}
.container-right {
	float: right;
	width: 453px;
	height: auto;
	background-color: transparent;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
}




/* Menu */
.menu{
    width: 500px;
	margin: 0 auto 0 auto;
    background-color: transparent;
}
.menu ul{
	width: auto;
	padding: 0;
}
 
.menu ul li{
    display: inline;
	text-align: center;
}
.menu ul li a{
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 15px 10px 15px;
    background-color: transparent; }
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #000000;
    background-color: #FF3;}




/* Content and Clear */
.content {
	float: left;
	clear: both;
	border: 0;
	background-color: transparent;
	padding: 0;
	width: 900px;
	margin: 0;
}
.clear {
	clear: both;
	width: 95%;
	height: 10px;
	border-bottom: 1px solid #CCC;
	margin: 10px auto 10px auto;
	padding: 0;
}
.gallery-img {
	border: 6px solid #c9ed7d;
	margin: 0 8px 8px 0;
	padding: 0;
}




/* Form */
#contact-wrapper {
	width: 431px;
	border:1px solid #e2e2e2;
	background:#f1f1f1 url(../images/SD_LeftBG.jpg) repeat;
	padding:10px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:11px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
.contactform-button {
	clear: both;
	padding: 7px;
	margin: 0;
	background-color: #9C9;
	color: #FFFFFF;
	font-weight: bold;
}




/* Testimonials */
.testimonials {
	clear: both;
	width: 97%;
	height: auto;
	padding: 0;
	margin: 0 auto 0 auto;
	font-style: italic;
	background: transparent;
	color: #999;
}
.testimonials span {
	color: #F93;
	font-size: 30px;
	line-height: normal;
}




/* Popup */
		.white_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: #FFF;
			z-index:1001;
			-moz-opacity: 0.80;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 10px;
			border: 6px solid #c9ed7d;
			background-color: white;
			z-index:1002;
			overflow: auto;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
		.image_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 30%;
			width: auto;
			height: auto;
			padding: 0;
			border: 6px solid #c9ed7d;
			background-color: #c9ed7d;
			z-index:1002;
			overflow: auto;
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}




/* Footer */
#footer {
	clear: both;
	width: 100%;
	height: 65px;
	background-color: #8dc42d;
	margin: 15px 0 0 0;
	padding: 0;
}
.silly-dog-designs {
	display: block;
	float: right;
	width: 200px;
	height: 51px;
	background: transparent url('http://www.sillydog.co.uk/images/Silly_Dog_Designs.png') bottom;
	text-indent: -99999px;
}
.silly-dog-designs:hover {
	background-position: 0 0;
}