/**
* Dotcom Digital Marketing - Layout CSS
* Layout CSS			
*
* CSS developed by peacefrog-digital.co.uk
* 
*/


body{
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	}
	
#container{
	width:930px;
	margin:0 auto;
	background-image:url(../images/bg-container.png);
	background-repeat:no-repeat;
	padding:0 18px 0 18px;
	}
	
#header{
	float:left;
	background-image:url(../images/bg-container.png);
	background-repeat:no-repeat;
	}
	#header p{
    margin:0; padding:0;
    text-indent:-9000px;
    
    }
    #header p a{
    width:225px;
    height:116px;
    float:left;
    background-image:url(../images/dotcom-logo.png);
    }

	#header img{
	float:right;
	}
	#navigation{
	float:left;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	background-image:url(../images/bg-nav-bar.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#f6f6f5;
	width:930px;
	}
	#header ul{
	float:left;
	}
	#header ul li{
	float:left;
	}
	#header ul li a{
	color:#333;
	font-weight:bold;
	border-right:1px solid #333;
	padding:0 15px 0 15px;
	}
	#header ul li a.end{
	border:none;
	}
	
#main-text{
	float:left;
	background-image:url(../images/bg-banner.jpg);
	background-repeat:no-repeat;
	background-color:#2e98cd;
	width:890px;
	height:20.5em;
	margin:0 0 10px 0;
	padding:25px  15px 25px 25px;
	}
	#main-text h2{
	background-image:url(../images/bg-h2-banner.png);
	width:478px;
	height:65px;
	flaot:left;
	margin:0 0 0 -3px;
	padding:0;
	text-indent:-9000px;
	}
	#main-text img{
	float:right;
	margin:0 0 0 0;
	}
	#main-text p{
	color:#fff;
	width:400px;
	line-height:1.2em;
	}
	#main-text a{
	color:#fff;
	font-weight:bold;
	background-image:url(../images/bg-banner-a.png);
	display:block;
	width:106px;
	height:22px;
	text-align:center;
	padding:8px 0 0 0;
	}
	
	
#services{
	width:640px;
	float:left;
	margin:0 10px 10px 0;
	background-image:url(../images/bg-blue-alpha.png);
	background-repeat:repeat;
	padding:15px;
	}
	#services h3{
	margin:0 0 0 -2px;
	padding:0;
	text-indent:-9000px;
	background-image:url(../images/bg-h3-seo.png);
	background-repeat:no-repeat;
	width:150px;
	height:40px;
	}
	#services h3.ppc{
	background-image:url(../images/bg-h3-ppc.png);
	}
	#services h3.linkbuilding{
	background-image:url(../images/bg-h3-linkbuiding.png);
	}
	#services h3.copywriting{
	background-image:url(../images/bg-h3-copywriting.png);
	}
	#services h3.web-design{
	background-image:url(../images/bg-h3-webdesign.png);
	}
	#services h3.consult{
	background-image:url(../images/bg-h3-consult.png);
	width:188px;
	}
	#services p{
	color:#fff;
	line-height:1.2em;
	margin:3px 0 1em 0;
	}
	#services a{
	color:#38a8d9;
	font-weight:bold;
	}
	.service{
	float:left;
	width:182px;
	border-bottom:1px solid #2b3b49;
	border-right:1px solid #2b3b49;
	padding:0 15px 0 15px;
	height:11.2em;
	}
	.service-bottom{
	float:left;
	width:182px;
	border-bottom:1px solid #2b3b49;
	border-right:1px solid #2b3b49;
	padding:15px 15px 0 15px;
	height:11.2em;
	}
	

#calls{
	float:left;
	margin:0 0 0 0;
	width:250px;
	}
	#calls h3{
	text-indent:-9000px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	}
	#calls p{
	flaot:left;
	clear:left;
	color:#fff;
	margin:0 0 1em 0;
	line-height:1.2em;
	}
	#getintouch{
	float:left;
	width:220px;
	background-image:url(../images/bg-blue-alpha.png);
	background-repeat:repeat;
	margin:0 0 10px 0;
	padding:15px 15px 0 15px;
	}
	#getintouch h3{
	background-image:url(../images/bg-h3-getintouch.png);
	width:151px;
	height:29px;
	margin:3px 0 10px 0;
	}
	#getintouch a{
	color:#fff;
	font-weight:bold;
	background-image:url(../images/bg-a-contact.jpg);
	background-repeat:no-repeat;
	display:block;
	width:79px;
	height:17px;
	text-align:center;
	padding:5px 0 0 0;
	}
	#getintouch img{
	float:right;
	margin:-40px 0 0 0;
	}
	#blog-latest{
	float:left;
	width:220px;
	background-image:url(../images/bg-blue-alpha.png);
	background-repeat:repeat;
	margin:0 0 10px 0;
	padding:15px 15px 8px 15px;
	}
	#blog-latest h3{
	background-image:url(../images/bg-h3-blog-latest.png);
	width:189px;
	height:29px;
	margin:0 0 10px 0;
	}
	#blog-latest p{
	margin:0 0 .5em 0;
	}
	#blog-latest a{
	color:#fff;
	}

#footer{
	clear:both;
	float:left;
	width:920px;
	background-image:url(../images/bg-blue-alpha.png);
	background-repeat:repeat;
	padding:5px;
	margin:0 0 100px 0;
	}
	#footer ul{
	margin:0;
	padding:0;
	float:left;
	}
	#footer ul li{
	float:left;
	}
	#footer ul li a{
	color:#ff3399;
	border-right:1px solid #fff;
	padding:0 10px 0 10px;
	}
	#footer ul li a.end{
	border:none;
	}