@charset "utf-8";
	/* CSS Document 
		
		Copius Consulting
		www.martinhughesportfolio.com
	
	*/
	
	
	*{font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0;}
		html{font-size:100%; background:url(images/bg-gradient.jpg) repeat-x 50% 0;}
		body{font-size:62.5%; background:url(images/bg-all-small-v4.jpg) no-repeat 50% 0; text-align:center;}
	
	
	
	
	/*
	headings
	*/	
		h1,h2,h3,h4,h5{font-family:georgia,Arial,sans-serif; text-transform:capitalize;  }
		h1{font-variant:small-caps;  font-size:190%; background:url(images/h1-bot.gif) repeat-x bottom; padding-bottom:14px;}
		h2{font-size:165%; font-variant:small-caps; line-height:2em;}
		
		h3{font-size:140%; line-height:2em;}
		h4{font-size:130%; line-height:2em;}
		h5{font-size:110%; line-height:2em;}
		
		
		#container{width:770px; margin:55px auto 25px auto;  background:transparent; text-align:left;}
		
		
		#header{height:123px;}
		#header h1{position:absolute; left:-999em; }
		#header a img {border:0; padding:50px 90px 70px 190px;}
	
	
	
	/*
	links
	*/	
			a:link{color:#006E9F;text-decoration:underline;}
			a:visited{color:#000;}
			a:hover,a:active{text-decoration:none; color:#000099;}
	
	
	/*
	nav
	*/	/*top right bottom left*/
	
		.nav-main{height:100px; list-style-type:none; margin:0; padding:0; margin-left:90px; clear:both;}
		.nav-main li{ }
		
	/*
	nav bg individual colors
	*/
		.nav-main li.nm-home a{background:#B9C8CF; border-left:0;}
		.nav-main li.nm-about a{background:#fff;}
		.nav-main li.nm-services a{background:#B9C8CF;}
		.nav-main li.nm-clients a{background:#fff;}
		.nav-main li.nm-team a{background:#B9C8CF;}
		.nav-main li.nm-contact a{background:#fff; border-right:0;}
		
		.nav-main li a{ height:20px; padding:6px 5px 7px 5px; font-size:135%; color:#000; 
							font-family:Georgia,Arial,Helvetica,sans-serif; font-weight:bold; font-variant:small-caps;
							text-align:center;
							 display:block;
							 float:left;
							 text-decoration:none;
							 border-left:1px solid #fff;
							 border-right:1px solid #999;
							 border-bottom:1px solid #555;
							 width:86px;
							 vertical-align:middle;
							 line-height:20px;
							 }
		.nav-main li a:hover{ background:#7895A3; color:#fff; }
	
	/*
	current page nav tabs
	*/
		body#www-copiusconsulting-co-uk .current,
		body#www-copiusconsulting-co-uk-about .current,
		body#www-copiusconsulting-co-uk-services  .current,
		body#www-copiusconsulting-co-uk-clients  .current,
		body#www-copiusconsulting-co-uk-team  .current,
		body#www-copiusconsulting-co-uk-contactus  .current{ background:#000; color:#fff; cursor:default; font-style:italic; /*padding:5px 0 5px 0;*/}
		
	/*
	nav footer rules
	*/
		.nav-footer{height:30px;}	
		.foot-nav-bg{background:#7696A3 url(images/sidebar-right-bg.gif) repeat-y right 0; border-right:2px solid #fff; 
		 border-bottom:4px solid #7696A3;
		 clear:both;
		 }
		
	/*
	main content
	*/	
		#main{  width:397px; float:left; clear:left; padding:0 10px 0 25px;  background:#B9C8CF; border-left:2px solid #7696A3; margin-top:30px; /*border:2px solid #333;*/}
		#main p{padding-bottom:1em; line-height:1.5; font-size:1.2em; text-align:left;}
		#main ul{padding-left:25px; font-size:1.2em; padding-bottom:1em; list-style-type:square;}
		#main ul li{line-height:1.5;}
	
	
	/*
	sidebar
	*/
		#sidebar{width:300px; float:right; clear:right; text-align:left;  height:460px; margin-top:70px;}
		#sidebar h2 a{font-size:200%; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
		#sidebar h2{ padding-bottom:170px;}
		#sidebar h2.last{padding-bottom:0;}
	/*
	sidebar height hack page specific
	*/
		#sidebar-b{background:#7895A3 url(images/sidebar-right-bg.gif) repeat-y right 0;
		 height:335px; width:331px; border-left:3px solid #7696A3; border-right:2px solid #fff; float:right; clear:right;}
		body#www-copiusconsulting-co-uk-about #sidebar-b{height:273px;}
		body#www-copiusconsulting-co-uk-services #sidebar-b{height:204px;}
		body#www-copiusconsulting-co-uk-clients #sidebar-b{height:940px;}
		body#www-copiusconsulting-co-uk-team #sidebar-b{height:1842px;}
		body#www-copiusconsulting-co-uk-contactus #sidebar-b{height:412px;}
		
		
		
		
	
	/*
	footer
	*/
		#footer{ text-align:center; clear:both; background:url(images/bg-footer.jpg) no-repeat 0 bottom; height:173px;}
		#footer p{padding-top:105px; font-size:1.2em; line-height:1.5;}
	
	
	/*
	image alignments
	*/
	/* Begin Images */
		p img{
			padding:0;max-width:100%; border:0;}
	
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	
		img.centered{
			display:block;margin-left:auto;margin-right:auto;}
	
		img.alignright{
			padding:4px;margin:0 0 2px 7px;display:inline;}
	
		img.alignleft{
			padding:4px;margin:0 7px 2px 0;display:inline;}
	
		.alignright{
			float:right;}
	
		.alignleft{
			float:left
			}
	/* End Images */
	
	
	
	/*
	extras
	*/	/*#main blockquote{}*/
		#main blockquote p.quote{ /*background:url(images/quote-top.gif) no-repeat top left; padding-top:32px;*/ }
		#main blockquote p.author{ font-style:italic; /*padding-bottom:42px;*/ margin-bottom:22px; text-align:right; /*background:url(images/quote-bot.gif) no-repeat right bottom;*/}
		
		
		
		
		
		
		body#www-copiusconsulting-co-uk-team #main p img
		{border:1px solid #000; padding:0;}
	
	
	
	
	/*
	hr style
	*/
		hr{background:#fff;color:#fff;height:1px;border:0;margin-bottom:2.6em;}
		
		p.center, .center, #main .center{text-align:center;}
		
		#webdesign a{padding:20px 0 20px 0; text-transform:capitalize; font-size:1.2em; color:#555; text-decoration:none; font-size:90%;}
		#webdesign a:hover{  color:#000099;}
		
		
	/*
	google map contact page
	*/
	#map{ /*padding:10px;*/ border:1px solid #333; background:#fff; overflow:hidden; width:390px; height:360px;}
		
	/*
	accessibility
	*/
		p#accessibility{text-align:right;}
		p#accessibility a{ color:#ccc;}