@charset "utf-8";
body {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
p,tr,tr {
	margin:0px;
	padding:0px;
}
img {
	border: 0px;
}
a {
       color:#FF6600;
       text-decoration:none;
}
a:hover    {
       text-decoration:underline;
}
#container {
	width: 1024px;
	margin: 0px auto;
}


#display {
	width:1024px;
	margin: 32px auto;
}
#top {
}
#header {
	width: 1024px;
	height: 128px;
	background: #333333;
}
#logo {
	width: 128px;
	height: 128px;
	float: left;
	background: url(../images/logo.jpg);
}

#slogan {
	float: left;
	font-style: italic;
	color: #FFF;
	margin: 102px 0px 0px 128px;
	height: 24px;
	line-height: 24px;
}


#topmenu {
	width: 1016px;
	height: 24px;
	background: url(../images/topmenu.jpg);
	border-bottom: 1px solid #000;
	padding:4px;
}
#topmenu ul.menu{
	list-style-type:none;
	width:100%;
	position:relative;
	height:24px;
	font-weight:normal;
	margin:0;
	padding:0px;
}
#topmenu ul.menu li{
	display:block;
	float:left;
	margin:0;
	height:24px;
}
#topmenu ul.menu li a{
	color:#FFF;
	text-decoration:none;
	height:24px;
	display:block;
	line-height:24px;
	float: left;
	margin: 0px;
	padding:0px 12px;
	border-right:1px solid #666666;
	border-left:1px solid #000;
}
#topmenu ul.menu li a:hover{
	color:#FF6600;
	float: left;
}
#navigation {
	width:1024px;
	height:256px;
}
#navigation h3 {
	font-size:16px;
	color:#FFF;
	margin:0px;
	padding:0px;
	font-weight:normal;
	
}
#mainmenu {
	width: 192px;
	height: 232px;
	float: left;
        padding:12px;
	background: url(../images/mainmenu.jpg);
}
#mainmenu ul, #mainmenu li {
	list-style-image:url(../images/square.jpg);
	margin:0px 12px;
	padding:0px;
}
#mainmenu a {
	color:#FF6600;
	text-decoration:none;
	height:24px;
	display:block;
	line-height:24px;
	margin: 0px;
	border:1px solid #333333;
}
#mainmenu a:hover {
	background:url(../images/mainmenuhover.jpg) right no-repeat #FFF;
	border:1px dotted #000;
	height:24px;
	padding-left:8px;
}
#lastworks {
	width: 566px;
	height: 232px;
	float: left;
	background: url(../images/lastworks.jpg);
	border: 1px solid #000;
	border-bottom: none;
	border-top: none;
        padding:12px;
	
}

#news {
	width: 192px;
	height: 232px;
	float: left;
	background: url(../images/news.jpg);
       padding:12px;
}
#news ul, #news li {
	list-style-image:url(../images/square.jpg);
	margin:0px 12px;
	padding:0px;
}
#news a {
	color:#FF6600;
	text-decoration:none;
	width:164px;
	height:24px;
	display:block;
	line-height:24px;
	border:1px solid #333333;
}
#news a:hover {
	height:24px;
	text-decoration:underline;
}
#middle {
	width: 1024px;
	height: 768px;
	border-top: 1px solid #000;
}
#left {
	width: 192px;
	float: left;
	height: 744px;
	background:url(../images/left.jpg);
        padding:12px;
        color:#FFF;
}
#left h3 {
	font-size:16px;
	color:#FFF;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#date {
	width: 1024px;
	height: 24px;
	color: #FFF;
	text-align: right;
	line-height: 24px;
}

#center {
	width: 590px;
	float: left;
	height: 768px;
	background: #FFF;
	border: 1px solid #000;
	border-top: none;
	border-bottom: none;
}
#breadcrumbs {
	width: 592px;
	height: 24px;
	border-bottom: 1px dotted #000;
	line-height:24px;
	padding:0px 0px 0px 8px;
}
#banner {
	height: 60px;
	width: 468px;
	padding: 16px 0px 64px 0px;
	margin: 0px auto;
}
#content {
	width: 574px;
	height: 588px;
        padding:16px;
}



#right {
	width: 192px;
	float: left;
	height: 744px;
	background:url(../images/right.jpg);
        padding:12px;
        color:#FFF;
}
#right h3 {
	font-size:16px;
	color:#FFF;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#bottom {
	width: 1024px;
}
#footer {
	width: 1024px;
	height: 164px;
	background: url(../images/footer.jpg) repeat-x;
	border-top: 1px solid #000;
}
#footer ul, #footer li {
	list-style-image:url(../images/square.jpg);
	margin:0px 12px;
	padding:0px;
}
#footer a {
	color:#000;
	text-decoration:none;
	height:24px;
	line-height:24px;
	margin: 0px;
}
#footer a:hover {
	text-decoration:underline;
}
#footer h3 {
	font-size:16px;
	color:#000;
	margin:12px 0px 8px 12px;
	padding:0px;
	font-weight:bold;
}

#leftfooter {
	width: 512px;
	height: 164px;
	float: left;
}
#rightfooter {
	width: 512px;
	height: 164px;
	float: left;
}

#info {
	height: 64px;
	width: 1024px;
	background: #FFF;
	border-top: 4px solid #000;
}
#siteinfo {
	height: 48px;
	text-align: right;
	padding-right: 12px;
}
#siteinfo a {
	color:#000;
	text-decoration:none;
}

#siteinfo a:hover {
	text-decoration:underline;
}


#designinfo {
	height: 16px;
	font-size: 10px;
	color: #999999;
	text-align: right;
	padding-right: 12px;
	line-height: 16px;
}
#designinfo a {
	color:#999999;
	text-decoration:none;
}
#designinfo a:hover {
	text-decoration:underline;
}
.contentheading {
        border-left:3px solid #FF6600;
        border-bottom:1px solid #FF6600;
        font-size:14px;
        color:#333333;
        padding:0px 0px 0px 8px;
}
.createdate, .small, .modifydate {
        font-size:10px;
        color:#999999;
}
.button {
       border:1px solid #FF6600;
       color:#FFF;
       background:#333333;
}
#left .contentheading, #right .contentheading {
      color:#FFF;
      font-size:12px;
      border:0px;
      padding:0px;
      margin:0px;
}
.componentheading {
      font-size:16px;
      color:#FF6600;
      margin:16px 0px;
      padding:0px;
}