/* Colours
=========

*/

html, body, p
{
}

body {
	background: url(../images/layout/big_bg.jpg) #bbd2e2 no-repeat 50% 0%;
}

body.home #middle
{
	background: url(../images/layout/web_home.jpg) no-repeat;
}

body.aboutus #middle
{
	background: url(../images/layout/web_aboutUs.jpg) no-repeat;
}

body.services #middle
{
	background: url(../images/layout/web_services.jpg) no-repeat;
}

body.contactus #middle
{
	background: url(../images/layout/web_contactus.jpg) no-repeat;
}

#content h1 span
{
	color: white;
}

#content hr
{
	color: black;
}

#primarynav 
{
	background-color: transparent;
}

#primarynav a
{
	color: black;
}

li a:link, li a:visited, li a:active{
	color: black;
}

li a:hover{
	color: #087491;
}

a:link, a:visited, a:active{
	color: black;
}

a:hover{
	color: #087491;
}

div.linkboxes a:link, div.linkboxes a:visited, div.linkboxes a:active{
	color: white;
}

div.linkboxes a:hover{
	color: #087491;
}


body.home #primarynav a.index {
	border-bottom: 4px solid #087491;
}
body.aboutus #primarynav a.aboutus {
	border-bottom: 4px solid #087491;
}
body.services #primarynav a.services {
	border-bottom: 4px solid #087491;
}
body.portfolio #primarynav a.portfolio {
	border-bottom: 4px solid #087491;
}
body.contactus #primarynav a.contactus {
	border-bottom: 4px solid #087491;
}


div.linkboxes {
	background-color: black;
}

div.linkboxes p {
	color: #899193;
}


div.linkboxes h3 {
	border-bottom: 2px dotted #575757;
	color: white;
}

div.portfoliobox {
	background-color: black;
}

div.portfoliotextbox {
	background-color: #111214;
	border-right: 8px solid #202528;
}

div.portfoliotextbox h3{
	color: white;
}

div.portfoliotextbox p{
	color: #f05401;
}

#footer
{
	background-color: #bbd2e2;
}