/* body */
html{
height: 100%;
}

body{
padding:0; 
margin:0; 
background: White; 
font:14px/20px Arial, Helvetica, sans-serif; 
color:#3D3C2C; 
font-weight:normal;
height: 100%;
}

div, p, h1, h2, h3, ul, img{
padding:0px; 
margin:0px;
}

ul{
list-style-type:none;
}

/* wrapper */
#wrapper{
	border-left:1px solid #DCDAC2;
	border-right:1px solid #DCDAC2;
	width: 940px;
	margin: 0 auto;
    background:  url(../images/img_right_content_background.jpg) 690px bottom no-repeat ;
}

/* header */

#header{
width:940px; 
height:100px; 
position:relative; 
margin:0 auto; 
padding:0;
background: white repeat-x;
 background-image : url(../images/main-bg.gif);
}

#header img{
width:430px; 
height:100px; 
display:block; 
padding:0px 0 0 0px;
border: 0px;
}

/* header menu */

#header ul{
width:510px; 
height:100px; 
display:block; 
position:absolute; 
top:0px; 
right:0px; 
margin:0; 
padding:0;
}

#header ul li{
float:left; 
width:102px; 
display:block; 
text-align:center;
}

#header ul li img{
	width: 102px;
	height: 100px;
}

#header ul li.home a{
width:102px; 
height:100px; 
display:block; 
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color: #7785A6; 
background: white url(../images/nav_home.gif);
 text-decoration:none; 
 margin:0; 
 padding:0px 0 0 0; 
 }
 
#header ul li.home a:hover{ 
width:102px; 
height:100px; 
display:block; 
background: White url(../images/nav_home_over.gif) no-repeat top; 
color: #BEB36B; 
 text-decoration:none;
 }
 
 #header ul li.about a{
width:102px; 
height:100px; 
display:block; 
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color: #7785A6; 
background: white url(../images/nav_about.gif);
 text-decoration:none; 
 margin:0; 
 padding:0px 0 0 0; 
 }
 
#header ul li.about a:hover{ 
width:102px; 
height:100px; 
display:block; 
background: White url(../images/nav_about_over.gif) no-repeat top; 
color: #BEB36B; 
 text-decoration:none;
 }
 
 #header ul li.what a{
width:102px; 
height:100px; 
display:block; 
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color: #7785A6; 
background: white url(../images/nav_what.gif);
 text-decoration:none; 
 margin:0; 
 padding:0px 0 0 0; 
 }
 
#header ul li.what a:hover{ 
width:102px; 
height:100px; 
display:block; 
background: White url(../images/nav_what_over.gif) no-repeat top; 
color: #BEB36B; 
 text-decoration:none;
 }
 
 #header ul li.press a{
width:102px; 
height:100px; 
display:block; 
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color: #7785A6; 
background: white url(../images/nav_press.gif);
 text-decoration:none; 
 margin:0; 
 padding:0px 0 0 0; 
 }
 
#header ul li.press a:hover{ 
width:102px; 
height:100px; 
display:block; 
background: White url(../images/nav_press_over.gif) no-repeat top; 
color: #BEB36B; 
 text-decoration:none;
 }
 
 #header ul li.contact a{
width:102px; 
height:100px; 
display:block; 
font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color: #7785A6; 
background: white url(../images/nav_contact.gif);
 text-decoration:none; 
 margin:0; 
 padding:0px 0 0 0; 
 }
 
#header ul li.contact a:hover{ 
width:102px; 
height:100px; 
display:block; 
background: White url(../images/nav_contact_over.gif) no-repeat top; 
color: #BEB36B; 
 text-decoration:none;
 }

/* middle */

#middle{
width:940px; 
height:236px; 
position:relative; 
margin:0px 0px 0px 0px; 
padding:0;
}

#middle .main{
width:700px; 
height:236px; 
position:absolute; 
top:0px; 
right:0px; 
background: transparent; 

}

#lefttopic{ 
width:205px; 
position:absolute; 
top:10px; 
left:0px;
}

#leftbox1{
width:205px; 
margin:0px 0px 0px 10px; 
padding:0; 
border:1px solid #DCDAC2; 
background:#fff; 
color:#000;
}

#leftbox1 p a{
background:transparent; 
font:12px Georgia, "Times New Roman", Times, serif; 
color:#A59632;
text-decoration:underline; 
}

#leftbox1 p a:hover{ 
background:transparent; 
font:12px Georgia, "Times New Roman", Times, serif; 
color:#4F5B78;;
text-decoration:underline; 
}

#leftbox1 img{
	padding:5px 0px 0px 20px;
	border: none;
}
/* content */

#content{
width:940px; 
margin:0px auto; 
padding:0;
}

/*Left content*/

#leftcontent{
width:205px;
float:left;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 10px;
}

#leftcontent #topic1 { 
float:left; 
width:205px; 
height:62px; 
position:relative; 
margin:80px 0px 10px 0px; 
background: url(../images/button_what.gif) no-repeat 0 0;
}

#leftcontent #topic2{
float:left; 
width:205px; 
height:62px; 
position:relative; 
margin:0px 0px 10px 0px; 
background: url(../images/button_about.gif) 0 0 no-repeat;
}

#leftcontent #topic3{
float:left; 
width:205px; 
height:62px; 
position:relative; 
margin:0px 0px 10px 0px; 
background: url(../images/button_press.gif) 0 0 no-repeat;
}

#leftcontent #topic1 a, #leftcontent #topic2 a, #leftcontent #topic3 a{
text-decoration:none; 
display:block; 
width:205px; 
height:62px;
}

#leftcontent #topic1 a:hover{
text-decoration:none; 
background: white url(../images/button_what_over.gif) no-repeat 0 0;
}

#leftcontent  #topic2 a:hover{
text-decoration:none; 
background: white url(../images/button_about_over.gif) no-repeat 0 0;
}

 #leftcontent  #topic3 a:hover{
text-decoration:none; 
background:white url(../images/button_press_over.gif) no-repeat 0 0;
}

#leftbox2{
width:205px; 
margin:10px auto 0px 10px; 
padding:0; 
background:#fff; 
color:#000;
}

#leftbox2 img{
	margin: 0px 0px 0px -8px;
}

#leftbox1 h2{
background:#fff; 
display:block; 
position:relative; 
padding:0 0 0 0px; 
margin:7px 0 0px 7px; 
font:13px Georgia,"Times New Roman", Times, serif; 
color: #4F5B78; 
text-transform:uppercase;
font-weight: bold;
}

#leftbox1 h2 span{
background:#fff; 
color: #A59632;
}

#leftbox1 p{
	color:#3D3C2C;
	padding: 5px 15px 10px 15px;
	font:12px Georgia, "Times New Roman", Times, serif; 
}


 /*Right content*/

#rightcontent{
width:675px; 
float:left;
margin: 0px 0px 0px 33px;
padding: 5px 0px 10px 0px;
border:1px solid #DCDAC2; 
background: transparent; 
color:#3D3C2C;
}

#rightcontent h2{
width:280px; 
height:31px; 
background: white; 
padding:24px 0 0 0; 
font:22px Tahoma; 
color:#4F5B78; 
margin:20px 0 20px 20px;
}

#rightcontent p{
padding:0 15px 10px 15px;
font:14px Georgia, "Times New Roman", Times, serif; 

}

#rightcontent img.img_tool{
	float: left;
	padding: 5px 10px 15px 5px;
}

#rightcontent h3{
background:white ; 
padding:0px 0 0 0; 
font:22px Georgia, "Times New Roman", Times, serif; 
color:#3D3C2C; 
margin:10px 10px 20px 10px;
text-align: center;
}

#rightcontent h4{
background:transparent; 
padding:0px 0px 2px 0px;
font:16px Georgia, "Times New Roman", Times, serif; 
font-weight: bold;
color:#4F5B78; 
margin:10px 0px 5px 10px;
text-align: left;
}

#rightcontent blockquote{
	background: #EEE8AA;
	border: 1px solid #3D3C2C;
}

#rightcontent ul{
top:5px;  
margin:0 10px 10px 10px;
}

#rightcontent li{
background:transparent url(../images/arrow2.gif) 0px 15px no-repeat; 
font:14px Georgia, "Times New Roman", Times, serif; 
padding:10px 0 0 20px;
margin: 5px 125px 5px 10px;
}

#rightcontent p a, #rightcontent p a:visited, #rightcontent p a:active{
background:transparent; 
font:12px Georgia, "Times New Roman", Times, serif; 
color:#A59632;
text-decoration:underline; 
}

#rightcontent p a:hover{ 
background:transparent; 
font:12px Georgia, "Times New Roman", Times, serif; 
color:#4F5B78;
text-decoration:underline; 
}

/* spacer */

#spacer{
	width: 20px;
	background: white;
	float: left;
	clear: both;
}

/* footer */

#footer{
clear: both;
width: 940px;
height: 60px;
margin:0px 0px 0px 0px; 
padding:0px;
background:#4F5B78; 
color:#fff; 
}

#footer p{
	padding: 20px 0px 0px 10px;
	font:14px Tahoma, "Times New Roman", Times, serif; 
	color: #A59632;
	font-weight: bold;
}

#footer p.links{
	float:right;
}

#footer a{
padding:0px 5px 0px 0px; 
color:#A59632; 
background:#4F5B78; 
text-decoration:none;
font:14px Tahoma, "Times New Roman", Times, serif; 
}

#footer a:hover{
text-decoration:underline;
color: white;
}


