/******************************************************************************
 * Generic CSS
 *****************************************************************************/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
	border:0px; margin:30px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-color:#ffffff; line-height: 14px;
	background-image:url(../images/body-bg.jpg);
	background-position:center top; background-repeat:no-repeat;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { }

a { }

h1 { font-size:16px; }

h2 { font-size:14px; }

h3 { font-size:12px; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display:block; float:left; list-style:none;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}

ul.normal li {
	display:block; line-height:18px;
	margin:0px 0px 10px 0px; padding:0px 0px 0px 10px;
	background-image:url(../images/ul_bullet.gif);
	background-repeat:no-repeat; background-position:0px 6px;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:680px; margin:0px auto 0px auto; text-align:left;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:680px; height:118px;
}

div#header-logo {
	float:left; width:99px; height:118px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat; background-position:0px 0px;
}

div#header-logo h1 {
	color:#644393; font-size:17px; margin:0px 0px 0px 0px;
}

div#header-logo h1 span { display:none; }

div#header-logo h1 a {
	display:block; width:90px; height:19px;
	color:#644393; font-size:17px; text-decoration:none;
}

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
}

div#main-left {
	float:left; width:95px;
}

div#main-left-i {
	float:left; width:95px; height:10px; border-top:1px solid #ffffff;
}

div#main-right {
	float:right; width:581px; height:376px;
	background-color:white;
}

div#main-right-i {
	float:left; width:561px; height:355px; margin-left:5px; margin-top:9px;
}

html>body div#main-right-i { margin-left:10px; }

div#main-right-home {
	float:right; width:581px; height:436px;
	background-color:white;
}

div#main-right-home-i {
	float:left; width:561px; height:355px; margin-left:5px; margin-top:9px;
}

html>body div#main-right-home-i { margin-left:10px; }


/******************************************************************************
* home-page
*****************************************************************************/
div#home-page {
}

div#home-page a {
	display:block; float:left; font-weight:bold;
	font-size:14px; color:#ffffff; text-decoration:none;
}

div#home-page a span {
	display:block; float:left; margin-top:3px; padding:0px 0px 0px 5px;
}

div#home-page a:hover {
	background-position:0px -172px;
}

div#home-page a:hover span {
	opacity:0.8;
}

div#home-page a#events-link {
	width:177px; height:172px;
	background-image:url(../images/home-events.jpg);
}

div#home-page a#requirements-link {
	width:180px; height:172px; margin-left:14px;
	background-image:url(../images/home-requirements.jpg);
}

div#home-page a#management-link {
	width:177px; height:172px; margin-left:13px;
	background-image:url(../images/home-management.jpg);
}

div#home-page a#design-link {
	width:177px; height:172px; margin-top:11px;
	background-image:url(../images/home-design.jpg);
}

div#home-page a#clients-link {
	width:180px; height:172px; margin-left:14px; margin-top:11px;
	background-image:url(../images/home-clients.jpg);
}

div#home-page a#contact-link {
	width:177px; height:172px; margin-left:13px; margin-top:11px;
	background-image:url(../images/home-contact.jpg);
}

div#footer {
	float:left; width:100%; margin-top:20px; text-align:center;
}

p#footer-title {
	color:#644393; font-size:30px; font-weight:bold; text-align:center;
	margin:0px 0px 0px 0px;
}

p#footer-details {
	color:#644393; font-size:14px; font-weight:bold; text-align:center;
	margin:0px 0px 0px 0px;
}

p#footer-details a {
	color:#644393; text-decoration:none;
}

p#footer-details a:hover { text-decoration:underline; }

p#footer-details span#footer-telephone {
	margin-left:20px;
}

/******************************************************************************
* other
*****************************************************************************/
div#other-left {
	float:left; width:303px; height:355px;
	background-color:#b1b1b1;
}

div#other-left h1 {
	display:block; width:303px; height:93px; margin-top:32px;
}

div#other-left h1 span {
	display:none;
}

div#other-left h1#h1-events { background-image:url(../images/h1-events.jpg); }
div#other-left h1#h1-requirements { background-image:url(../images/h1-requirements.jpg); }
div#other-left h1#h1-management { margin-top:25px; background-image:url(../images/h1-management.jpg); }
div#other-left h1#h1-design { background-image:url(../images/h1-design.jpg); }
div#other-left h1#h1-clients { height:78px; margin:2px 0 2px 0; background-image:url(../images/h1-clients.jpg); }
div#other-left h1#h1-contact { background-image:url(../images/h1-contact.jpg); }

div#other-left p {
	margin:0px 40px 10px 60px; font-size:8px;
	color:#644393; font-size:12px; font-weight:bold;
}

div#other-left p a {
	color:#644393; font-size:12px; font-weight:bold; text-decoration:none;
}

div#other-left p a:hover { text-decoration:underline; }

div#other-right {
	float:right; width:250px; height:355px;
}