/*==============================================

Global stylesheet for Martlet Devlopment Consultants

Designed and built by Strawberrysoup - www.strawberrysoup.co.uk

==============================================*/

/*==============================================

Color Reference:

colors in order of appearance (left to right) in martlet logo

bluey-green			:	#8DA5B4
green				:	#64736B
purple				:	#6b576C
lilac				:	#C2B1C1
dark brown			:	#755E50
light brown			:	#D29A73

page colors

civil				:	#9D7B64
architectural		:	#8B698F
structural			:	#6E94AB


Body ids used in the site:

index.html			:	homepage
about.html			:	aboutpage
civil.html			:	civilpage
architectural.html	:	archipage
structural.html		:	structpage
contact.html		:	contactpage

==============================================*/

/*==============================================
Main layout components
==============================================*/

body {
	color: #FFF;
}

#page {
	width: 963px;
	margin: 20px auto 0 auto;
}

#header_logo {
	width: 960px;
	height: 147px;
}

#content_wrapper {
	width: 960px;
	clear: both;
}

#text_content {
	clear:left;
	width: 440px;
	height: 250px;
	padding: 20px 20px 20px 20px;
	float: left;
	background-color: #999;
	overflow: auto;
}

#main_image {
	clear:right;
	width: 480px;
	height: 290px;
	float: right;
}

#footer {
	clear: both;
}

/*==============================================
linkage
==============================================*/

a, a:link, a:visited {
	text-decoration: underline;
	color: #6b576C;
}

a:hover {
	
}

/*==============================================
navigation
==============================================*/

#main_nav {
	list-style: none;
	margin: 14px 0;
}

#main_nav li {
	display: inline;
}

#main_nav a {
	display: block;
	margin: 0 1em;
	padding-bottom: 4px;
	text-decoration: none;
	float: left;
	border-bottom: 6px solid #FFFFFF;
	color: #666;
/* 	font-weight: bold; */
}

/* colours of individual nav links */

#main_nav li.civillink a { color: #718377; }
#main_nav li.archilink a { color: #757388; }
#main_nav li.structlink a { color: #74919F; }

#main_nav li#homelink a {
	margin-left: 0;
}

#main_nav li a:hover {
	border-bottom: 6px solid #999;
}

/*==============================================
main content
==============================================*/

#text_content p {
	text-align: left;
	font-size: .80em;
}

/*==============================================
footer
==============================================*/

#footer ul {
	list-style: none;
	margin-bottom: 10px;
	padding-top: 20px;
	text-align: right;
	float: right;
}

#footer ul li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.4em;
	padding-right: 42px;
}

#footer ul li.civillink a { background: url(../cssimages/civil_logo.gif) no-repeat right 50%; }
#footer ul li.archilink a { background: url(../cssimages/archi_logo.gif) no-repeat right 50%; }
#footer ul li.structlink a { background: url(../cssimages/struct_logo.gif) no-repeat right 50%; }
#footer ul li.careers a { }

#footer ul li a:hover {
	color: #666;
}

#footer_text {
	padding-top: 1.3em;
	color: #999;
	float: left;
	font-size : 0.9em;
}

#footer_text address {
	font-size : 1.3em;
	padding-bottom: 6px;
}

#footer_text address a {
	color: #666;
}

#footer_text a {
	text-decoration: none;
	color: #999;
}

#footer_text a:hover {
	text-decoration: underline;
}

.type {
	display: none;
}

/* #vcd {
	padding-left: 24px;
	background: url(../cssimages/hcard_icon.gif) no-repeat left 50%;
} */

/*==============================================
specific page styles
==============================================*/

/* civilpage */

#civilpage h1 { padding-left: 46px; background: url(../cssimages/civil_logo.gif) no-repeat left center; }
#civilpage #text_content { background: #99734F; }
#civilpage #main_nav li a:hover { border-bottom: 6px solid #99734F; }

/* archipage */

#archipage h1 { padding-left: 46px; background: url(../cssimages/archi_logo.gif) no-repeat left center; }
#archipage #text_content { background: #757388; overflow: auto; }
#archipage #main_nav li a:hover { border-bottom: 6px solid #757388; }

/* structpage */

#structpage h1 { padding-left: 46px; background: url(../cssimages/struct_logo.gif) no-repeat left center; }
#structpage #text_content { background: #718377; overflow: auto; }
#structpage #main_nav li a:hover { border-bottom: 6px solid #718377; }