/* Copyright: Endeavour Business IT Solutions, 2009 */

/* LAYOUT ELEMENTS*/
#wrapper {
	Width: 1240px;
	height: auto;
	background-image: url("http://www.endeavourit.co.uk/images/Background.gif");
	background-repeat: repeat;
	Padding-bottom: 50px;
	}
#header {
	Width: 1240px;
	height: 215px;
	background-image: url("http://www.endeavourit.co.uk/images/Header.gif");
	}
#expertAdvice {
	Margin-left: 695px;
	Width:250px;
	color: #c4d6ef;
	font-size: 14px;
	font-family: "Myriad Pro", verdana, sans-serif;
	}
#phoneNumber {
	Margin-left: 695px;
	Margin-top: 1px;
	Width:250px;
	color: #fffffe;
	font-size: 29px;
	font-family: "Myriad Pro", verdana, sans-serif;
	}
#contentWrapper {
	Width: 822px;
	margin-left: 85px;
	background-image: url("http://www.endeavourit.co.uk/images/ContentBackground.gif");
	background-repeat: repeat;
	}
#sidebar {
	Width: 100px;
	Margin-left: 9px;
	Float: left;
	}
#middleColumn {
	Width: 329px;
	Margin-left: 19px;
	Margin-top: 12px;
	Float: left;
	}
#rightColumn {
	Width: 314px;
	Margin-left: 33px;
	Float: left;
	}
#topRow {
	background-image: url("http://www.endeavourit.co.uk/images/RightTopBackground.gif");
	background-repeat:no-repeat;
	height: 150px;
	Width: 314px;
	margin-top: 25px;
	}
#middleRow {
	background-image: url("http://www.endeavourit.co.uk/images/RightMiddleBackground.gif");
	background-repeat:no-repeat;
	margin-bottom: 20px;
	height: 92px;
	Width: 314px;
	}
#bottomRow {
	background-image: url("http://www.endeavourit.co.uk/images/RightBottomBackground.gif");
	background-repeat:no-repeat;
	height: 109px;
	Width: 314px;
	}
#footer {
	Width: 822px;
	Height: 35px;
	background-image: url("http://www.endeavourit.co.uk/images/Footer.gif");
	clear: both;
	}
#copyright {
	margin-left: 145px;
	width: 165px;
	Float: left;
	Margin-top: 18px;
	color: #3366cc;
	font-size: 8px;
	}
#email {
	margin-left: 10px;
	Width: 145px;
	float: left;
	Margin-top: 18px;
	color: #3366cc;
	font-size: 8px;
	}
#footerPhoneNumber {
	Margin-left: 15px;
	Width: 80px;
	float: left;
	Margin-top: 18px;
	color: #3366cc;
	font-size: 8px;
	}
#terms {
	Margin-left: 10px;
	Width: 120px;
	float: left;
	Margin-top: 18px;
	color: #3366cc;
	font-size: 8px;
	}
	
/* STYLED TAGS */
* {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	}
h1 {
	font-size: 15px;
	}
p {
	margin-top: 16px;
	font-size:12px;
	}
	
strong {
	font-size:12px;
}
img.Logo {
	Margin-left: 236px;
	Margin-top: 15px;
	}

#sidebar li {
list-style-image:url("http://www.endeavourit.co.uk/images/bullet.gif")
}


#email a, #terms a {
	color: #3366cc;
	font-size: 8px;
	text-decoration:none;
}
	
/* MISCELLANEOUS LAYOUT ELEMENTS */

#menu {
width: 12em; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;
}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}

[if IE]
<style type="text/css" media="screen">
body {
behavior: url("http://www.endeavourit.co.uk/csshover.htc"); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
[endif]




#searchButton {
	Width: 100px;
	Height: 21px;
	background-image: url("http://www.endeavourit.co.uk/images/SearchEndeavourButton.gif");
	}
a#searchEndeavourLink {
	text-decoration: none;
	font-size: 8px;
	color: #000000;
	Line-height: 19px;
	Padding-left: 4px;
	}
#searchSection {
	Width: 100px;
	margin-top: 5px;
	margin-bottom: 22px;
	}
a#SearchLink {
	font-size: 8px;
	color: #000000;
	font-weight: bold;
	}