/* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
	font-size: 14px;
	color:#000;
	font-family: "Trebuchet MS", verdana, sans-serif;
	background-image:url(images/main_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 #container { 
	width: 1025px;
	background-image:url(images/sub/container_bg.gif);
	background-repeat:repeat;
	margin: 0 auto;
	border: none;
	text-align: left;
}
#logo {
	position:absolute;
	top:21px;
	left:172px;
	width:367px;
	height:63px;
	text-indent: -5000px;
	z-index:300;
}
/*==========================================================
HEADER
===========================================================*/
#header{
background-image:url(images/header.gif);
background-repeat:no-repeat;
width:1025px;
height:140px;
}
#headerdeafult{
background-image:url(images/headerdefault.jpg);
background-repeat:no-repeat;
width:1025px;
height:107px;
}
#menu{
padding-top:10px;
}

/*==========================================================
FLASH
===========================================================*/
#flash{
height:284px;
}
#flashdefault{
height:185px;
}
/*==========================================================
MIDDLE
===========================================================*/
#middle{
height:100%;
margin:0 auto;
width:1024px;
background-image:url(images/middle_bg.jpg);
background-repeat:repeat-x;
background-color:#e8e8e8;
}
h1{
color:#5b0000;
font-size:24px;
}
#thecontent{
margin-top:-1px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
#left{
float:left;
width:618px;
padding-left:40px;
padding-right:20px;
}
#right {
float:right;
width:346px;
background-image:url(images/right.jpg);
background-repeat:no-repeat;
height:291px;
}
/*==========================================================
PROJECTS
===========================================================*/
#projects{
float:left;
width:220px;
height:260px;
}
#projects_left{
float:left;
width:400px;
}
#projects_right{
float:right;
width:580px;
padding:10px;
color:#fff;
background-image:url(images/bg_gallery.jpg);
background-repeat:repeat-x;
background-color:#9d0e0e;
}
#projects_right h2{
color:#fff;
font-size:18px;
}
#projects h1{
color:#efefef;
font-size:18px;
height:14px;
padding-top:-10px;
}
#projects_bar{
width:190px;
background-image:url(images/bg_gallery.jpg);
background-repeat:repeat-x;
background-color:#9d0e0e;
color:#fff;
padding:5px;
}
/*==========================================================
BOXES
===========================================================*/
#box{
float:left;
width:200px;
margin:2px;
}
#boxtitle{
background-image:url(images/box_title.jpg);
background-repeat:no-repeat;
height:28px;
text-align:center;
color:#fff;
font-weight:bold;
padding-top:8px;
}
#boxtext{
color:#fff;
padding:5px;
font-size:11px;
background-image:url(images/box_bg.jpg);
background-repeat:repeat-y;
height:100px;
}
#boxlink a{
display:block;
background-image:url(images/box_link.jpg);
background-repeat:no-repeat;
height:20px;
border:0;
}
/*==========================================================
FOOTER
===========================================================*/
#footer_container{
width:1024px;
margin:0 auto;
}
#footer {
border-top:1px solid #cecece;
height:65px;
background-repeat:no-repeat;
text-align:right;
font-size:10px;
padding:20px 20px 0px 0px;
background-color:#FFFFFF;
}
#member{
float:left;
width:104px;
height:54px;
background-image:url(images/member.jpg);
background-repeat:no-repeat;
}
#address{
float:right;
width:300px;
text-align:right;
}


#ajaxmenu{
	position:relative;
	top:96px;
	left:-100px;
	width:800px;
	height:43px;
	z-index:65;
}

/*============================================================
THE MENU
=============================================================*/

#nav{
	position:relative;
	top:50px;
	left:10px;
	width:800px;
	height:43px;
	z-index:65;
}


#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
_float:left;
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:10px;
	height:20px;
	font-size:11px;
}

#nav a.daddy {
}
#nav a.daddy:Hover{
background-image:url(images/array_332x28_roll.gif);
background-position:-10px 0px;
}

#nav li {
_display:block;
_padding-left:-100px;
	float: left;
	padding: 0;
}

#nav li ul {

_display:block;
_height:30px;
_padding-top:30px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
_display:block;
_float:left;
_left:-100px;
_padding-left:0px;
_margin-left:0;
_height:30px;
_position: relative;
	padding-right: 1em;
	width: 200px;
}

#nav li ul a {
_width: 160px;
_float:left;
_padding-left:-150px;
background-image:url(images/bullet_11x8.gif);
background-repeat:no-repeat;
background-position:0px 12px;
background-color:#9b0d0b;
}
#nav li ul a:Hover {
_width:160px;
background-image:url(images/bullet_11x8_roll.gif);
background-repeat:no-repeat;
background-position:0px 12px;
background-color:#ffffff;
color:#000;
}

#nav li ul ul {
	margin: -30px 0 0 180px;
	_margin: -30px 0 0 100px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
_left:-50px;
	left: auto;
}

#nav li:hover, #nav li.sfhover {
_float:left;
_left:-100px;
}