* { margin:0; padding:0; }
body {
	background: #e2e2de;
}
/*
p {
	line-height: normal;
	padding: 0;
}
*/

/***** wrapper *****/
#wrap {
	width: 753px;
	margin: 0 auto;
}



/***** header *****/
#header {
	width: 753px;
	height: 82px;
}
#header .logo {
	float: left;
	width: 242px;
	height: 71px;
	background: url(images/header-logo.png) no-repeat 0 9px;
}
#header .right { float: right; color: #cfc99f; padding: 22px 0 0 0; }
#header .right h2 { font-size: 18px; font-weight: normal; }
#header .right h2 span { color: #ae9c74; }
#header .right p { font-size: 10px; }



/***** navigation *****/
#nav {
	width: 753px;
	height: 58px;
	background: url(images/nav-bg-mid.png) repeat-x;
	padding: 0 0 10px 0;
}
#nav .left li { list-style: none; }
#nav .left {
	float: left;
	height: 58px;
	background: url(images/nav-bg-left.png) no-repeat;
	padding: 0 0 0 15px;
}
/* main menu items */
#nav .left .item { float: left; }
#nav .left h4 { font-size: 11px; }
#nav .left h4 a {
	display: block;
	float: left;
	height: 58px;
	line-height: 58px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding: 0 15px;
}
#nav .left .item:hover h4 a, #nav .left .item.over h4 a {
	color: #e71473;
	background: url(images/nav-item-bg-hover.png) repeat-x bottom;
}
#nav .left .withsub h4 a span {
	padding: 0 14px 0 0;
	background: url(images/nav-item-arrow.png) no-repeat 10px 6px;
}
/* sub menu items level 1 */
#nav .withsub ul {
	position: absolute;
	border-top: 1px solid #fff;
	margin: 58px 0 0 0;
	z-index: 110;
}
#nav .withsub ul li a {
	display: block;
	width: 162px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	background-color: #1a92c0;
	border: 1px solid #fff;
	border-top: none;
	padding: 0 0 0 10px;
}
/* sub menu items level 2 */
#nav .subwithsub a {
	background-image: url(images/nav-item-subarrow.png);
	background-repeat: no-repeat;
	background-position: 154px 10px;
}
#nav .subwithsub ul {
	position: absolute;
	padding: 0 0 0 4px;
	margin: -26px 0 0 174px;
}
#nav .subwithsub ul a {
	background-image: none;
}
/* links right side */
#nav .right {
	float: right;
	height: 58px;
	line-height: 58px;
	font-size: 10px;
	background: url(images/nav-bg-right.png) no-repeat right;
	padding: 0 14px 0 0;
}
#nav .right a {
	text-transform: uppercase;
	color: #b09e78;
}
#nav .right span {
	color: #b09e78;
	padding: 0 5px;
}

#nav ul ul, #nav li:hover ul ul { display:none; }
#nav li:hover ul, #nav li:hover li:hover ul { display:block; }

#nav ul ul, #nav li.over ul ul { display:none; }
#nav li.over ul, #nav li.over li.over ul { display:block; }





/***** header-image *****/
#header-image {
	width: 743px;
	height: 207px;
	background: #fff url(images/header-image.jpg) no-repeat;
	padding: 5px;
}



/***** content *****/
#content {
	width: 743px;
	background: #fff url(images/content-bg-bottom.png) no-repeat bottom;
	overflow: hidden;
	padding: 0 5px 5px 5px;
}

#content .top-bar {
	width: 743px;
	height: 23px;
	font-weight: bold;
	text-align: center;
	background: #d2d113;
}
#content .top-bar span { color: #e3251a; }
#content .top-bar b { color: #9a991f; }
#content .top-bar p {
	display: inline;
	line-height: 23px;
	color: #fff;
}

#content .heading {
	height: 16px;
	line-height: 16px;
	padding: 11px 0 8px 0;
}
#content .heading img {
	float: left;
	width: 16px;
	height: 16px;
}
#content .heading h2.blue { color: #1891c0; }
#content .heading h2 {
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding: 0 0 0 5px;
}

#content p {
	line-height: 20px;
	color: #333;
	padding: 0 0 20px 0;
}

#content .three-boxes {
	width: 743px;
	overflow: hidden;
}
#content .three-boxes .left { width: 270px; }
#content .three-boxes .mid { width: 257px; }
#content .three-boxes .right { width: 216px; }

#content .box { float: left; }
#content .box p {
	width: 240px;
	line-height: 16px;
	padding: 3px 30px 0 0;
}
#content .box .news { width: 240px; padding: 0 17px 0 0; }
#content .box .news p {
	width: 239px;
	color: #975028;
	border-bottom: 1px solid #bfc9cb;
	padding: 3px 0 7px 1px;
}
#content .box .project img { border: none; }
#content .box .project {
	background: #fff;
	border: 5px solid #8fa1a4;
	padding: 1px;
	margin: 5px 0 0 0;
}



/***** footer *****/
#footer {
	width: 753px;
	height: 42px;
	line-height: 42px;
	font-weight: bold;
	text-align: center;
}

#footer a {
	color: black;
}