/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0 0 0 0px;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

:focus
{
	outline: 0;
}

ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start */
html, body, form
{
	height: 100%;
	margin-bottom: 1px;
}

body
{
	background-color: #000000;
	background-image: url(    'Resources/Images/Interface/BG.jpg' );
	background-position: top;
	background-repeat: no-repeat;
	margin: 8px 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
}

.Content
{
	width: 923px;
	margin: 0px auto;
	text-align: left;
}

.InnerContent
{
	width: 890px;
	margin: 0px auto;
	margin-top: 90px;
	text-align: left;
	background-color: #ffffff;
}

.BottomContent
{
	width: 890px;
	height: 20px;
	margin: 0px auto;
	background-image: url(   'Resources/Images/Interface/ContentBottom.png' );
}

.iCColor
{
	color: #833820;
}

.iCAccent
{
	color: #1E628F;
	font-style: italic;
}

.ImgLeft
{
	float: left;
	padding-right: 10px;
}

.ImgRight
{
	float: right;
	padding-left: 10px;
}

h1
{
	display: inline;
	font-weight: bold;
	color: #1E628F;
	font-size: 18px;
	padding-left: 10px;
}

h2
{
	display: inline;
	font-weight: bold;
	font-size: 16px;
	padding-left: 20px;
	color: #833820;
}

p
{
	padding:  10px 20px 10px 20px;
}

a
{
	text-decoration: none;
	color: #6495B5;
}
a:visited
{
	color: #1E628F;
	text-decoration: none;
}
a:hover, a:visited:hover
{
	text-decoration: underline;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level
{
	height: 50px;
	position: relative;
	left: 100px;
	z-index: 100;
}
#multi-level .pad
{
	float: left;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu3, .menu3 ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
}

/* Set up the top level list items and float left to place inline */
.menu3 li.top
{
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu3 table
{
	border-collapse: collapse;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* Default top link link styling */
.menu3 li.top a.top_link
{
	display: block;
	float: left;
	height: 55px;
	position: relative;
	padding: 0;
	margin: 0;
}
.menu3 li.top a span
{
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 0;
	font-size: 10px;
}
/* move the link text off screen */

/* pre-load the hover images into the lists */
.menu3 li.p1
{
	width: 85px;
	background: url( 'Resources/Images/Menu/home_1.gif' ) no-repeat;
}
/* Home */
.menu3 li.p2
{
	width: 184px;
	background: url(Resources/Images/Menu/portfolio_1.gif) no-repeat;
}
/* Portfolio */
.menu3 li.p3
{
	width: 170px;
	background: url(Resources/Images/Menu/services_1.gif) no-repeat;
}
/* Services */
.menu3 li.p4
{
	width: 85px;
	background: url(Resources/Images/Menu/blog_1.gif) no-repeat;
}
/* Blog */
.menu3 li.p5
{
	width: 150px;
	background: url(Resources/Images/Menu/company_1.gif) no-repeat;
}
/* Company */
.menu3 li.p6
{
	width: 110px;
	background: url(Resources/Images/Menu/login_1.gif) no-repeat;
}
/* Login */

/* set up the normal unhovered images in the links */
.menu3 li a#home
{
	width: 85px;
	background: url( 'Resources/Images/Menu/home_0.gif' ) no-repeat;
}
.menu3 li a#portfolio
{
	width: 184px;
	background: url(Resources/Images/Menu/portfolio_0.gif) no-repeat;
}
.menu3 li a#services
{
	width: 170px;
	background: url(Resources/Images/Menu/services_0.gif) no-repeat;
}
.menu3 li a#blog
{
	width: 85px;
	background: url(Resources/Images/Menu/blog_0.gif) no-repeat;
}
.menu3 li a#about
{
	width: 150px;
	background: url(Resources/Images/Menu/company_0.gif) no-repeat;
}
.menu3 li a#login
{
	width: 110px;
	background: url(Resources/Images/Menu/login_0.gif) no-repeat;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu3 a:hover
{
	visibility: visible;
}
/* for IE6 */
.menu3 li:hover
{
	position: relative;
	z-index: 200;
}
/* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu3 li a#home:hover, .menu3 li:hover a#home, .menu3 li a#portfolio:hover, .menu3 li:hover a#portfolio, .menu3 li a#services:hover, .menu3 li:hover a#services, .menu3 li a#blog:hover, .menu3 li:hover a#blog, .menu3 li a#about:hover, .menu3 li:hover a#about, .menu3 li a#login:hover, .menu3 li:hover a#login
{
	background: transparent;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu3 ul, .menu3 :hover ul ul, .menu3 :hover ul :hover ul ul, .menu3 :hover ul :hover ul :hover ul ul, .menu3 :hover ul :hover ul :hover ul :hover ul ul
{
	position: absolute;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}

/* set up the first drop down sub level */
.menu3 :hover ul.sub
{
	left: 0;
	top: 55px;
	background: #fff;
	padding: 3px 0;
	border: 1px solid #888;
	white-space: nowrap;
	width: 170px;
	height: auto;
}
.menu3 :hover ul.sub li
{
	display: block;
	height: 20px;
	position: relative;
	float: left;
	width: 170px;
}
.menu3 :hover ul.sub li a
{
	display: block;
	font-size: 11px;
	height: 20px;
	width: 164px;
	line-height: 20px;
	text-indent: 5px;
	color: #000;
	text-decoration: none;
	border: 3px solid #fff;
	border-width: 0 0 0 3px;
}
.menu3 :hover ul.sub li a.fly
{
	background: #fff url(Resources/Images/Menu/arrow.gif) 155px 7px no-repeat;
}
.menu3 :hover ul.sub li a:hover
{
	background: #6495B5;
	color: #fff;
}
.menu3 :hover ul.sub li a.fly:hover
{
	background: #6495B5 url(Resources/Images/Menu/arrow_over.gif) 155px 7px no-repeat;
	color: #fff;
}
.menu3 :hover ul li:hover > a.fly
{
	background: #6495B5 url(Resources/Images/Menu/arrow_over.gif) 155px 7px no-repeat;
	color: #fff;
}

/* set up the flyout levels when hovering */
.menu3 :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul :hover ul, .menu3 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left: 170px;
	top: -4px;
	background: #fff;
	padding: 3px 0;
	border: 1px solid #888;
	white-space: nowrap;
	width: 170px;
	z-index: 200;
	height: auto;
	z-index: 300;
}