* {
margin:0px;
padding:0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #1A2022 url(../images/main-bg.gif) repeat-x;
margin:0px;
padding:0px;
}
#nav {
list-style:none;
padding:0;
margin:0;
}
#nav li {
float:right;
position:relative;
text-align:center;
border-right:solid 1px #000;
}
#nav a {
background url(../images/nav_bg_n.png) no-repeat;
width:96px;
height:64px;
display:block;
padding-top:10px;
color: #87BE2C;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-decoration: none;
letter-spacing:1px;
}
#nav a:hover, #nav li.sel a {
background: url(../images/nav_bg_mo.png) no-repeat;
text-decoration: none;
color:#FFFFFF;
}
#nav li a:hover {color:#FFFFFF;}
#nav a:visited {
text-decoration: none;
}
#nav #i_h,#i_t,#i_s,#i_c {
width:30px;
height:30px;
float:left;
margin:5px 30px 5px 30px;
}
#nav li.sel #i_h {background: url(../images/home_c.png) no-repeat;}
#nav li.desel #i_h {background: url(../images/home_bw.png) no-repeat;}
#nav li.desel:hover #i_h {background: url(../images/home_c.png) no-repeat;}
#nav li.sel #i_t {background: url(../images/team_c.png) no-repeat;}
#nav li.desel #i_t {background: url(../images/team_bw.png) no-repeat;}
#nav li.desel:hover #i_t {background: url(../images/team_c.png) no-repeat;}
#nav li.sel #i_s {background: url(../images/services_c.png) no-repeat;}
#nav li.desel #i_s {background: url(../images/services_bw.png) no-repeat;}
#nav li.desel:hover #i_s {background: url(../images/services_c.png) no-repeat;}
#nav li.sel #i_c {background: url(../images/contact_c.png) no-repeat;}
#nav li.desel #i_c {background: url(../images/contact_bw.png) no-repeat;}
#nav li.desel:hover #i_c {background: url(../images/contact_c.png) no-repeat;}
#logo {background: url(../images/logo.png) no-repeat; height:33px; width:277px; float:left; margin:20px 0px 0px 20px;}

#page {
width: 950px;
margin: 0 auto;
position: relative;
}

#content_top {
float:left;
background: url(../images/content_top.gif);
height:17px;
width:538px;
clear:both;
overflow: hidden;
}
#content {
float:left;
width:538px;
height:532px;
margin:25px 0px 0px 0px;
background: url(../images/content_bg.gif);
border:1px solid #000;
padding:0px;
position:relative;
clear:both;
}
#content .box {
border:1px dashed #666666; /* dotted/dashed */
height:205px;
width:232px;
margin:10px 0px 0px 10px;
float:left;
padding:10px;
}
#content .box:hover {
border:1px solid #FFFFFF; /* solid/dotted/dashed */
}
#content .box img {
height:185px;
width:232px;
opacity:.5;
filter:alpha(opacity=50);
margin-bottom:5px;
border:0px;
}
#content .box:hover img {
opacity:1;
filter:alpha(opacity=100);
border:none;
}
#content h2 {
margin:0px 0px 0px 10px;
padding:0px 0px 8px 0px;
clear:both;
line-height:24px;
color:#87BE2C;
}
#content .box {
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#999999;
}
#content .box:hover span {
color:#FFFFFF;
}
#content .box span:hover {
color:#FFFFFF;
border-bottom:1px dotted #87BE2C;
}
#page_nav {
position:absolute;
/*top:372px;*/
top:442px;
left:538px;
clear:both;
}
#page_nav a#page {

}
#page_nav a {
background: url(../images/nav.png) no-repeat;
width:23px;
height:30px;
display:block;
padding-top:9px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:10px;
letter-spacing:-2px;
}
#rpanel {
background: url(../images/right_panel.png) no-repeat;
width:288px;
height:370px;
float:left;
margin:25px 30px 25px 50px;
padding:55px 0px 0px 30px;
position:relative;
}
.text {
font-size:13px;
font-weight:bold;
letter-spacing:2px;
line-height:150%;
text-align:justify;
margin-bottom:20px;
width:260px;
}
#rpanel #new {
background: url(../images/new.png) no-repeat;
width:84px;
height:84px;
position:absolute;
display:block;
left:20px;
top:-30px;
}
#rpanel a {
text-decoration:none;
color:#87BE2C;
}
#rpanel a:hover {
border-bottom:1px dotted #87BE2C;
color:#FFFFFF;
}
#rpanel .txt {
font-family:Arial, Helvetica, sans-serif;
width:251px;
border:1px solid #2D3031;
margin-bottom:10px;
font-size:18px;
padding:5px;
margin-top:5px;
color:#FFFFFF;
background:transparent;
letter-spacing:2px;
}
#rpanel .txt:focus, #rpanel .txt:hover {
border:1px solid #87BE2C;
}
#rpanel #submit {
float:right;
margin-right:25px;
margin-top:5px;
}
#copyright {
float:left;
width:318px;
height:57px;
margin:10px 0px 0px 50px;
background: url(../images/rpanel_bg.gif);
border:1px solid #000;
padding-top:15px;
font-size:10px;
font-weight:bold;
letter-spacing:2px;
line-height:200%;
text-align:center;
}
#space {
height:20px;
clear:both;
}
#success, #failure {
font-size:13px;
font-weight:bold;
letter-spacing:2px;
line-height:150%;
text-align:justify;
}
#success img, #failure img {
float:left;
margin-right:10px;
}
#success {
margin-top:50px;
color:#00FF00;
display:none;
}
#failure {
margin-top:70px;
color:#FF3300;
display:none;
}
.img_services {
margin:5px 0px 5px 20px;
}
.fl {
float:left;
margin-right:10px;
}
.fr {
float:right;
margin-left:10px;
}
#team {
margin:0 auto;
width:85%;
}
#team .text_l,#team .text_r {
font-size:13px;
font-weight:normal;
letter-spacing:2px;
line-height:150%;
margin-bottom:20px;
}
#team .text_r {
text-align:right;
}
#team a {
text-decoration:none;
color:#87BE2C;
}
#team a:hover {
border-bottom:1px dotted #87BE2C;
color:#FFFFFF;
}
span.head {
color:#FFFFF;
font-weight:bold;
font-style:normal;
}