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

	MarbleMeida.co.uk

------------------------------------------------------*/
	/* MM Reset */
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; font-weight: inherit; font-style:inherit; font-family:inherit; font-size: 100%;}
	input, textarea, select {
	margin:0;
	padding:0;
	font-family:inherit;
	font-size: 1em
}
	body {
	line-height: 1;
	color: #000;
	background-color: #FFF;
}
	img, a img,abbr,acronym,fieldset {
	border: 0;
	float: left;
}
	ol, ul {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	caption, td, th {text-align: left; font-weight: normal; vertical-align: top;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	sup, sub {vertical-align: text-top;}
	/*CP Default styles*/
	strong 	{font-weight:bold;}
	em 		{font-style:italic;}
	h1,h2,h3,h4,h5,h6,p,dd,dt,li {
	line-height:1.22em;
}

/*-----------------------------------------------------
	
	CSS structure 
	
	1.0 Defaults
		1.1 Link defaults
		1.2 Type defaults
	2.0 Layout
		2.1 Homepage
	
-----------------------------------------------------*/

/*-----------------------------------------------------
	1.0 Defaults
-----------------------------------------------------*/

	body {
	color:#252525;
	font-size: 62.5%;
}
		#skiplinks {position:absolute; left:-9999px;}
	
/*-----------------------------------------------------
	1.1 Links
-----------------------------------------------------*/
	a:link 		{}
	a:visited	{}
	a:hover		{}
	a:active	{}

/*-----------------------------------------------------
	1.2 Type
-----------------------------------------------------*/

	h1	{
	font-size: 30px;
	color: #000;
	text-align: left;
	margin-top: 280px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 13px;
}
	h2	{
	color: #000;
	font-size: 17px;
	font-weight: bold;
	background-repeat: repeat;
	margin: 0px;
}
	h3	{}
	p	{
	font-size: 9pt;
	line-height: 18px;
	text-align: left;
	color: #666;
}
	li	{}
hr {
	height: 1px;
background-color: #c0c1c3;
color: #c0c1c3;
border: none;
padding: 0;
margin: 0;
}
	
/*-----------------------------------------------------
	2.0 Layout
-----------------------------------------------------*/

/*-----------------------------------------------------
	2.1 Homepage (name of page/group)
-----------------------------------------------------*/
	/* 	
		Styles in here are either customised modules (extra bits to the header or added modules.) 
		or unique page-specific/group specific styles
	*/

/* 
	Debug styles:
	
	a[href="#"] {background: lime;}
	a[href="404"] {background: lime;}
	a[href=""] {background: fuchsia;}
	
	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]
	{outline:5px solid yellow;}

	img[width], img[height] {outline:0;}

	img {outline: 5px solid red;}
	img[alt][title] {outline-width: 0;}
	img[alt] {outline-color: fuchsia;}
	img[alt], img[title] {outline-style: double;}
	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
	img[alt=""][title=""] {outline-style: dotted;}
	
	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;

	HTML:
	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">
		<span>Code Press - Professional front-end development</span>
	</a>
	
	CSS:
	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}
	a:hover#cp_84bannerc 	{background-position:0 -20px}
	#cp_84bannerc span 		{position:absolute; left:-9999px}	
*/

.wrapper{
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 972px;
}
.header {
	height: 135px;
}
.header .logo {
	margin-right: auto;
	margin-left: auto;
	width: 274px;
	margin-top: 5px;
}
.main_nav {
	height: 24px;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	width: 939px;
	clear: left;
	z-index: 1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c0c1c3;
	border-right-color: #c0c1c3;
	border-bottom-color: #c0c1c3;
	border-left-color: #c0c1c3;
}
.main_nav li {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	padding-top: 5px;
	padding-right: 34px;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-bottom: 5px;
	height: 16px;
}
.main_nav .selected {
	background-image: url(../images/Nav_Hover.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
	top: -1px;
}
.main_nav li a {
	text-decoration: none;
	color: #666;
	display: block;
}
.main_nav li a:hover {
	color: #000;
}

.main_text a:link {
	text-decoration: none;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.main_text a:hover {
	color: #514848;
	text-decoration: none;
}
.main_text a:visited {
	color: #666;
	text-decoration: line-through;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.wrapper .content_upper {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}
.wrapper .content_middle {
	clear: both;
}
.wrapper .content_footer {
	height: 17px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c0c1c3;
	border-right-color: #c0c1c3;
	border-bottom-color: #c0c1c3;
	border-left-color: #c0c1c3;
	padding-left: 10px;
	font-size: 9px;
	color: #a9a9aa;
	letter-spacing: 2px;
	font-weight: bold;
	clear: both;
	padding-bottom: 9px;
}
.wrapper .content_footer a:link {
	text-decoration: none;
	color: #666;
}
.wrapper .content_footer a:hover {
	color: #514848;
	text-decoration: none;
}
.wrapper .content_footer a:visited {
	color: #666;
	text-decoration: line-through;
}
.wrapper .content_footer img  {
	float: none;
	margin-right: 10px;
	margin-top: 5px;
	position: relative;
	top: 3px;
	left: 4px;
}
.small_content_block {
	width: 300px;
	height: 130px;
	float: left;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 18px;
}
.small_content_block h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
	line-height: 14px;
	margin-bottom: 8px;
}
.small_content_block p {
	font-size: 9px;
	color: #666;
	line-height: 13px;
	padding-bottom: 22px;
	font-family: Verdana, Geneva, sans-serif;
}
.small_content_block img {
	float: right;
}
.small_content_block a:link {
	text-decoration: none;
	color: #666;
	font-style: italic;
	background-image: url(../images/content_link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 12px;
}
.small_content_block a:visited {
	text-decoration: none;
	color: #666;
	font-style: italic;
	background-image: url(../images/content_link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 12px;
}
.small_content_block a:hover {
	color: #000;
	background-image: url(../images/content_link_bullet_hover.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 12px;
}
#flash {
	margin-bottom: 5px;
}
.mm_link {
	margin-left: 20px;
}
.main_image {
	float: left;
	margin-bottom: 10px;
}
.main_text {
	float: left;
	width: 216px;
	margin-right: 110px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 10px;
}
.main_text h2 {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 4px;
	line-height: 25px;
	padding: 0px;
	margin-bottom: 12px;
}
.main_text p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 15px;
}
.news_container {
	height: 390px;
	overflow: auto;
	margin-bottom: 30px;
	margin-top: 30px;
}
.news {
	float: left;
	width: 920px;
	color: #666;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C0C1C3;
	margin-bottom: 35px;
	padding-bottom: 35px;
}
.news h2 {
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 4px;
	line-height: 22px;
	padding: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.news h3 {
	margin-bottom: 12px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
.news p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 15px;
}
.wrapper div .main_text table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #666;
	margin-top: 20px;
	line-height: 13px;
}
.wrapper div .main_text table #contactname {
	width: 210px;
	margin-bottom: 4px;
}
.wrapper div .main_text table tr td label #contactemail {
	width: 210px;
	margin-bottom: 4px;
}
.wrapper div .main_text table tr td label #contacttel {
	width: 210px;
	margin-bottom: 4px;
}
.wrapper div .main_text table tr td label #contactcomments {
	width: 210px;
	height: 40px;
	margin-bottom: 4px;
}
.wrapper div .main_text table tr td label #sumof {
	width: 25px;
	margin-bottom: 10px;
}
.pink_text {
	color: #aa8e97;
}