/*	screen.css for www.drawtech.co.uk	*/


/* Colours */
/* BG grey:		#e6e6e6 */

/* Red:			#800000 */
/* Med Brown:	#8c6239 */
/* Brown:		#b49b7a */
/* Beige:		#d5d1b5 */
/* GreyBrown:   #7c6e65 */
/* SteelGrey:   #dcdcdc */
/* Blue:		#5b6fb3 */


* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #e6e6e6;
	font: 0.8em Verdana, Tahoma, Geneva, sans-serif;
	color: #000;
}

p {
	color: #800000;
}

a {
	color: #5b6fb3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1 {
	font-weight: bold;
	font-size: 125%;
	color: #fff;
	background-color: #800000;
	margin: 0 0 10px 0;
	padding: 6px;
}

h2 {
	font-weight: bold;
	font-size: 110%;
	color: #000;
	background-color: #e6e6e6;
	margin: 6px 0;
	padding: 6px;
}

h3 {
	font-size: 105%;
	border-bottom: solid 2px #800000;
	margin: 12px;
	padding: 4px;
	
}

h4 {
	font-weight: bold;
	background-color: #e6e6e6;
}



ul, ol, blockquote {
	margin: 6px 0px 6px 0px;
	/* setting a margin on the left produced varying results in IE7/Firefox3
	   but by setting the padding this seems to now have consistent indentation. */
	padding-left: 20px;
}

ul {
	list-style-type: disc;
}

blockquote {
	font-weight: normal;
}


/* Document Wrapper */
#wrapper {
	position: relative;
	padding: 0;
	width: 800px;
	margin: 16px auto;
}

/* Header */
#header {
	padding: 0;
	margin: 0;
	height: 148px;
	background: url(images/header_bgblue.gif) no-repeat;
}

#navarea {
	height: 38px;
	background: url(images/menu_bg.gif) no-repeat;
}

/* Navigation Menu */
#navmenu {
	padding: 11px 16px;
	font-size: 85%;
}

#navmenu ul {
	padding: 0;
	margin: 0;
}

#navmenu li {
	display: inline;
	font-weight: bold;
	list-style-type: none;
	margin: 0 15px;
}

#navmenu li a {
	text-transform: uppercase;
	text-decoration: none;
}

#navmenu a {
	color: #fff;
}

#navmenu a:hover {
	color: #800000;
}

#navmenu li.active a {
	color: #b49b7a;
	border-bottom: 1px dotted #b49b7a;
	border-top: 1px dotted #b49b7a;
}

#navmenu li.active a:hover {
	color: #800000;
}




/* Footer */
#footer {
	clear: both;
	height: 38px;
	background: url(images/footer_bg.gif) no-repeat;
}

#footer p {
	font-weight: bold;
	position: relative;
	top: 10px;
	text-align: center;
	color: #8a8e8e;
}

#footer img {
	border: none;
}


#footer_logo {
	position: absolute;
	right: 0px;
	width: 100px;
	text-align: center;
	padding-top: 8px;
	z-index: 1;
}



#content_top {
	height: 14px;
	background: url(images/content_bg_top.gif) no-repeat;
}

#content_middle {
	background: url(images/content_bg_middle.gif) repeat-y;
}

#content_bottom {
	height: 16px;
	background: url(images/content_bg_bottom.gif) no-repeat;
}

#content_inner {
	padding: 6px 20px;
	margin: 0 12px;
	background: url(images/drawing_bg.gif) no-repeat;
}

#content {
	padding: 0px;
	position: relative;
	margin: 0 170px 0 0;
	/*padding: 0 170px 0 0;*/
}


#content p {
	font: 1.0em Verdana, Tahoma, Geneva, sans-serif;
	font-weight: normal;
}

#content ul {
	margin-left: 40px;
}

#content li {
	font-weight: bold;
	list-style-type: disc;
	margin: 6px 0;
}

#content li li {
	font-weight: normal;
	list-style-type: square;
}

#side_images {
	float: right;
	width: 150px;
	margin: 6px 32px 0 0;
	padding: 0;
}

#side_images img {
	border: none;
	margin: 0 0 12px 0;
	z-index: 10;
}


#service_sub_text_1 {
	float: left;
	width: 300px;
	/*height: 240px;
	overflow: hidden;*/
}

#service_sub_text_2 {
	float: right;
	width: 280px;
	height: 200px;
}

#service_sub_image_1 {

}


#service_sub_image_2 {
	

}


.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.testimonial_quote {
	padding-top: 12px;
	margin-top: 20px;
}

.testimonial_author {
	text-align: right;
	font-style: italic;
	color: #999;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #999;
}


.intro_text {
	padding: 8px;
	margin: 12px 6px;
	border: 1px solid #800000;
	background-color: #e6e6e6;
}

.intro_text blockquote{
	color: #8c6239;
}

.testimonial_teaser {
	padding: 0px;
	margin: 12px 6px;
	background-color: #fff;
}

.testimonial_teaser img {
	border: 1px solid #b49b7a;
}

.project_teaser {
	padding: 0;
	margin: 12px 6px;
}

.project_teaser img {
	border: none;
}


.read_more {
	color: #800000;
	font-style: italic;
	font-size: 80%;
}


.pricing {
}

.pricing ul {
	background: #0099FF;
}

.pricing li {
	background: #009900;
}

.pricing blockquote {
	margin-bottom: 20px;
}


.services_content {
/*
	float: left;
	background: #22ff00;
*/
}



.home_text {
	margin: 0 40px;
	text-align: center;
}

.home_text p {
	color: #8C6239;
}


.inset_text {
	margin: 0 40px;
	text-align: left;
}



.link_group {
	padding-bottom: 12px;
	/*border-bottom: 1px dashed #999;*/
}

.link_group h2 {
	/*padding-bottom: 8px;*/
	border-bottom: 1px solid #7a91b3;
	margin-bottom: 8px;
	margin-top: 16px;
}

.link_item {
	border: 1px dotted #ddd;
	margin: 6px 16px;
	padding: 6px 24px;
}

.link_item img {
	float: right;
	border: none;
}


.project_list_item {
	float: left;
	width: 275px;
	height: 140px;
	margin: 0 3px 12px 3px;
	padding: 0;
	border: 1px solid #b49b7a;
	background-color: #e6e6e6;	
}

a.whole_div_clickable {
	display: block;
	width: 263px;
	height: 128px;
	margin: 0;
	padding: 6px;
}

a.whole_div_clickable:hover {
	background-color: #cccccc;
	text-decoration: none;
}

a.whole_div_clickable h3 {
	margin: 0;
	padding: 0;
}

a.whole_div_clickable img {
	margin-top: 16px;
	border: none;
}



.thumbnails {
	padding: 0 20px;
}

.thumbnails img {
	border: 1px solid #b49b7a;
	margin: 1px;
}


.project_tag {
	font-size: 80%;
	font-weight: bold;
	margin-right: 8px;
	color: #800000;
}

.project_client {
	font-size: 80%;
	color: #8c6239;
}


.project_nav_links {
	margin-bottom: 6px;
}

.project_home {
	float: left;
	width: 366px;
	text-align: center;
}

.project_previous {
	float: left;
	width: 100px;
	text-align: left;
	
}

.project_next {
	float: left;
	width: 100px;
	text-align: right;
	
}

.formerror {
	font-weight: bold;
	color: #FF0000;
}


.sub_text {
	font-size: 80%;
	color: #8c6239;
}