/**
* Peacefrog Digital - Layout CSS
* Layout CSS			
*
* CSS developed by Stuart Bamforth
* 
*/



	

body {
	margin:0;
	background-image:url(../images/bg-top-old.jpg);
	background-position: 50% 0;
	background-color:#01111d;
	}
	
#container{
	width:990px;
	margin:0 auto;
	padding-bottom:50px;
	}
	
#topnav{
	float:left;
	width:990px;
	height:45px;
	}
	#topnav ul{
	list-style:none;
	margin:0;
	padding:13px 10px 0 0;
	float:right;
	}
	#topnav ul li{
	float:left;
	margin:0;
	padding:0;
	}
	#topnav ul li a{
	color:#fff;
	border-right:1px solid #ec519a;
	padding:0 14px 0 14px;
	font-size:100%;
	font-weight:bold;
	}
	#topnav ul li a.end{
	border:none;
	}
	
	
	
#whitebar{
	width:990px;
	background-repeat:no-repeat;
	margin:0 0 0 0;
	float:left;
	}
	#whitebar h1{
	margin:0;
	padding:0;
	}
	#whitebar h1 a{
	background-image:url(../images/bg-h1.png);
	width:347px;
	height:97px;
	float:left;
	text-indent:-9000px;
	margin:46px 0 0 38px;
	}
	
	
#flash{
	float:right;
	margin:-52px 17px 0 0;
	}
	
#main-content{
	width:950px;
	float:left;
	padding:50px 0 50px 40px;
	}
	#main-content p{
	color:#fff;
	margin:0 0 1em 0;
	}
	#main-content h2{
	text-indent:-99999px;
	background-repeat:no-repeat;
	}
	
#intro{
	float:left;
	width:258px;
	padding:0 50px 40px 0;
	}
	#intro h2{
	background-image:url(../images/bg-h2-newsite.png);
	width:235px;
	height:29px;
	}
	
	
#services{
	float:left;
	width:640px;
	}
	#services h2{
	height:29px;
	}
	#services h2.web-des{
	background-image:url(../images/bg-h2-web-des.png);
	width:109px;
	}
	#services h2.web-dev{
	background-image:url(../images/bg-h2-web-dev.png);
	width:179px;
	}
	#services h2.wordpress{
	background-image:url(../images/bg-h2-wordpress.png);
	width:179px;
	}
	#services h2.seo{
	background-image:url(../images/bg-h2-seo.png);
	width:119px;
	}
	#services h2.email{
	background-image:url(../images/bg-h2-email.png);
	width:136px;
	}
	#services h2.logo{
	background-image:url(../images/bg-h2-logo-des.png);
	width:176px;
	}
	.service{
	width:190px;
	float:left;
	padding:0 20px 25px 0;
	}
	
	
#contact{
	float:left;
	width:258px;
	padding:0 50px 0 0;
	}
	#contact h2{
	background-image:url(../images/bg-h2-contact.png);
	width:252px;
	height:29px;
	}
	#contact input, #contact textarea{
	background-color:#314c5f;
	border:none;
	padding:5px;
	color:#fff;
	width:250px;
	margin:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	}
	#contact textarea{
	font-size:1em;
	}
	#contact p{
	margin:0 0 2em 0;
	}
	#contact a{
	background-image:url(../images/bg-a-submit.png);
	width:118px;
	height:25px;
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:10px 0 0 0;
	}
	
	
	

#recent-work{
	float:left;
	width:640px;
	}
	#recent-work h2{
	background-image:url(../images/bg-h2-recent.png);
	width:201px;
	height:29px;
	margin-bottom:19px;
	}
	.site{
	width:190px;
	float:left;
	padding:0 20px 25px 0;
	}
	#recent-work h3{
	color:#aada03;
	font-size:1.1em;
	padding:15px 0 10px 0;
	}
	
	
#footer{
	clear:both;
	border-top:1px solid #365b72;
	float:left;
	width:920px;
	padding:10px 0 0 0;
	margin:0 0 50px 40px;
	}
	
	
	
	
#pondlife{
	background-image:url(../images/bottom.jpg);
	height:245px;
	width:100%;
	background-position: 50% 0;
	clear:both;
	}