@charset "utf-8";

/* --------------------------------------------------------

Stylesheet: d100.comms.co.uk content styles
Author:     Dunworth 100 Web Design
Version:    12/09/2012

-------------------------------------------------------- */

#default {
	width:auto;
	height:auto;
	float: left;
}

/*-----index-----*/

#index_t {
	width:750px;
	height:200px;
	text-align: center;
	background-image: url(../images/indeximg.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto 20px auto;
}

#news {
	width:265px;
	height:100px;
	float:right;
	margin: 60px 40px 0 0;
}

#index01 {
	width:auto;
	height:200px;
}
	
#index02 {
	width:auto;
	height:auto;
	float: left;
	margin: 10px 0 0 30px;
}

#index03 {
	width:400px;
	height:auto;
	margin:25px 130px 0 0;
	float: right;
	border: solid #CCC 1px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
}

#index04 {
	width:800px;
	height:100px;
}

#index05 {
	width:400px;
	height:auto;
	margin:25px 0 0 130px;
	float: left;
	border: solid #CCC 1px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
}

#index06 {
	width:auto;
	height:auto;
	float:right;
	margin: 10px 30px 0 0;
}

/*-----About us-----*/

#about {
	width:550px;
	height:200px;
	margin:auto;
	padding: 10px;
}

#about01 {
	width:780px;
	height:auto;
	padding:10px;
}

#about02 {
	width:auto;
	height:auto;
	padding:10px;
	float: left;
}

#about03 {
	width:220px;
	height:180px;
	float: left;
	margin: 0 20px 0px 20px;
}

#about04 {
	width:auto;
	height:auto;
	padding:10px;
}

#about05 {
	width:220px;
	height:180px;
	float:right;
	margin: 10px 20px 0 20px;
}

/*-----Marketing----*/

#marketingimg {
	width:759px;
	height:204px;
	float:left;
	margin-top:-4px;
}

/*----Web Design---*/

#web01 {
	width:390px;
	height:260px;
	float:left;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	padding: 10px;
}

#web02 {
	width:380px;
	height:310px;
	float:right;
}

#web03 {
	height:auto;
	width:390px;
	float:left;
}

#web04 {
	height:auto;
	width:350px;
	float:right;
	margin: 20px 15px 20px 0;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	padding: 10px;
}

/*-----Advertisements----*/

#adverts00 {
	width:800px;
	height:300px;
	margin:auto;
}

#adverts01 {
	height:230px;
	width:370px;
	float:left;
	padding: 10px;
	margin: 10px;
	background-image: url(../images/textbg.png);
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

#adverts02 {
	height:268px;
	width:auto;
	float:right;
	margin: 10px 20px 0 0;
}

#adverts {
	width:130px;
	height:200px;
	margin: 10px;
	float: left;
	text-align: center;
	padding: 4px;
	background-image: url(../images/textbg.png);
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

/*-------IT & Marketing------*/

#itmtext {
	width:800px;
	height:300px;
}

#itm01 {
	width:470px;
	height:240px;
	padding:10px;
	float:left;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	margin: 0 0 0 10px;
}

#itm02 {
	width:250px;
	height:240px;
	padding:10px;
	float:right;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	margin: 0 10px 0 0;
}

#itm03 {
	width:auto;
	height:auto;
	margin:auto;
}

/*-------Communications------*/

#comms01 {
	width:500px;
	height:auto;
	float: right;
	margin: 10px 30px 10px 10px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

#comms02 {
	width:200px;
	height:170px;
	float: left;
	margin: 20px 0 0  30px;
}

#comms03 {
	width:370px;
	height:170px;
	float: left;
	margin: 10px 0 0 20px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

#comms04 {
	width:350px;
	height:200px;
	float:right;
	background-image:url(../images/commsimg.jpg);
	margin: 10px 20px 0 0;
}

/*-------Logos------*/

#logo00 {
	width:auto;
	height:auto;
	float:left;
}

#logo01 {
	width:450px;
	height:auto;
	padding:10px;
	background-image: url(../images/textbg.png);
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	float: left;
	margin: 10px;
}

#logo02 {
	width:280px;
	height:83px;
	border: solid #CCC 1px;
	float:right;
	margin: 10px 17px 20px 0;
}

#logo03 {
	width:250px;
	height:auto;
	padding:10px;
	background-image: url(../images/textbg.png);
	background-repeat: repeat-x;
	border: solid #CCC 1px;
	float:right;
	margin: 0 20px 0 0;
}

#logo04 {
	width:800px;
	height:100px;
	float:left;
}

#logo05 {
	width:400px;
	height:30px;
	float:left;
	margin: 50px 0 0 0;
}

#logoex{
	width:auto;
	height:82px;
	float:left;
	margin: 0 15px;
}

/*-------IT-----*/

#it00 {
	width:800px;
	height:auto;
	float:left;
}


#it01 {
	width:400px;
	height:auto;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

#it02 {
	width:auto;
	height:auto;
	float: left;
	margin: 15px 0 0 25px;
}

#it03 {
	width:750px;
	height:auto;
	float: right;
	margin: 30px 20px 10px 10px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}

#it04 {
	width:200px;
	height:200px;
	float:left;
	margin: 0 0 0 40px;
}

#it05 {
	width:450px;
	height:auto;
	float: right;
	margin: 15px 50px 50px 10px;
	padding: 10px;
	background-image: url(../images/textbg.png);
	background-position: top;
	background-repeat: repeat-x;
	border: solid #CCC 1px;
}