/* SERVICES CSS */

#left_body {
width: 610px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 30px;
color: #ffffff;
font-size: 110%;
padding: 0;}

#left_body p {
line-height: 16px;}

#left_body #left_clm {
display: inline;
width: 250px;
margin-left: 55px;
margin-top: 0px;
padding-bottom: 30px;
line-height: 15px;
float: left;}

#left_body #right_clm {
display:inline;
width: 250px;
margin-left: 25px;
margin-top: 0px;
padding-bottom: 30px;
line-height: 15px;
float: left;}

#logo_service {
width: 350px;
height: 160px;
background-color: #497396;}

#logobox_l {
width: 240px;
height: 160px;
float: left;}

#p_snap {
margin-top: 15px;
width: 170px;
padding-left: 15px;
padding-bottom:30px;}

#p_snap h3 {
line-height: 16px;
font-size: 11px;
font-weight: normal;
color: #ffffff;
margin-bottom: 8px;}

#p_snap p {
margin-top: 0px;
line-height: 15px;
font-size: 110%;
color: #727272;}

#nav a#nav_services_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_home:hover {
background-position: -108px;}

#nav a#nav_services_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_about:hover {
background-position: -108px;}

#nav a#nav_services_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_services:hover {
background-position: -108px;}

#nav a#nav_services_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_portfolio:hover {
background-position: -108px;}

#nav a#nav_services_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_contact:hover {
background-position: -108px;}

#nav a#nav_services_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_showroom:hover {
background-position: -108px;}

#nav a#nav_services_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/services_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_services_news:hover {
background-position: -108px;}

#pic {
width: 180px;
height: 130px;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 15px;}

h2.services_boldtitle {
margin: 0;
font-size: 11px;
font-weight: bold;
color: #497396;
text-decoration: none;} 

/* END - SERVICES CSS */





/* CONTACT US */

#logo_contact {
width: 350px;
height: 160px;
background-color: #6f7547;}

#contact_left_body {
width: 610px;
height: 390px;
margin-top: 0px;
margin-bottom: 20px;
color: #ffffff;
font-size: 105%;}

#contact_left_body p {
line-height: 16px;}

#contact_left_body #contact_left_clm {
display: inline;
width: 220px;
margin-left: 55px;
margin-top: 0px;
line-height: 15px;
float: left;}

#contact_left_body #contact_right_clm {
width: 280px;
margin-left: 0px;
margin-top: 0px;
line-height: 15px;
float: left;}

#nav a#nav_contact_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_home:hover {
background-position: -108px;}

#nav a#nav_contact_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_about:hover {
background-position: -108px;}

#nav a#nav_contact_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_services:hover {
background-position: -108px;}

#nav a#nav_contact_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_portfolio:hover {
background-position: -108px;}

#nav a#nav_contact_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_contact:hover {
background-position: -108px;}

#nav a#nav_contact_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_showroom:hover {
background-position: -108px;}

#nav a#nav_contact_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/contact_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_contact_news:hover {
background-position: -108px;}

h2.contact_boldtitle {
margin: 0;
font-size: 11px;
font-weight: bold;
color: #6F7547;
text-decoration: none;}

/* END - CONTACT US CSS */





/* ABOUT US CSS */

#logo_about {
width: 350px;
height: 160px;
background-color: #9b5a23;}

#nav a#nav_about_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_home:hover {
background-position: -108px;}

#nav a#nav_about_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_about:hover {
background-position: -108px;}

#nav a#nav_about_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_services:hover {
background-position: -108px;}

#nav a#nav_about_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_portfolio:hover {
background-position: -108px;}


#nav a#nav_about_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_contact:hover {
background-position: -108px;}

#nav a#nav_about_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_showroom:hover {
background-position: -108px;}

#nav a#nav_about_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/about_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_about_news:hover {
background-position: -108px;}

#content_2_about {
width: 960px;
height: 600px;
margin: 0 auto 0 auto;
background-color: #ffffff;
border-bottom: 1px #333333 solid;
background-image: url(../images/front/bk_lower.gif);
background-repeat: repeat-x;
margin-top: -42px;}

*html #content_2_about {
margin-top: -47px;}

h1#about_tag {
width: 960px;
height: 40px;
margin-top: -12px;
margin-left: 20px;
padding: 0;
z-index: 50;
position: relative;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/bar_about.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
h1#about_tag[id] {
background-image: url(../images/front/bar_about.png);
background-repeat: no-repeat;}

#bk_dot {
width: 960px;
background-repeat: repeat-y;
background-image: url(../images/front/dot.gif);
margin: 0 auto 40px auto;}

.down_l {
width: 490px;
margin-left: 60px;
line-height: 15px;
float: left;
display: inline;}
 
.down_r {
width: 280px;
margin-left: 78px;
float: left;} 

.about_items {
padding-bottom: 1px;
margin-bottom: 10px;
background-image: url(../images/front/dot_h.gif);
background-repeat: repeat-x;
background-position: bottom;}

.about_items ul li{
padding: 0;
margin: 0;
list-style-position: inside;
padding-right: 25px;}/*new 11.29.2007 */

.about_items ul{
padding: 0;
margin-top: 0px;
margin-left: 0px;
padding-right: 25px;}/*new 11.29.2007 */

a.name {
width: 250px;
display: block;
position: relative;
color: #000000;}

a.name:hover {
color: #e07286;}

/* END - ABOUT US CSS */




/* NEWS CSS */

#content_2_news {
width: 960px;
margin: 0 auto 0 auto;
background-color: #ffffff;
border-bottom: 1px #333333 solid;
background-image: url(../images/front/bk_lower.gif);
background-repeat: repeat-x;
margin-top: -47px;
padding-top: 60px;}

*html #content_2_news {
margin-top: -47px;}

h2.about_btm_boldtitle {
margin: 0;
font-size: 110%;
font-weight: bolder;
color: #000000;
text-decoration: none;}

#news_left_body {
width: 476px;
margin-left: 55px;
margin-top: 0px;
line-height: 15px;
margin-bottom: 60px;}

#news_left_body h2 {
font-size: 11px;
font-weight: bolder;
color: #bc9a50;
margin-top: 0px;
margin-bottom: 0px;}

#news_left_body h3 {
font-size: 11px;
color: #ffffff;
font-style: italic;
margin-top: 3px;}

#logo_news {
width: 350px;
height: 160px;
background-color: #bc9a50;}

h1#news_tag {
width: 960px;
height: 40px;
margin-top: -12px;
margin-left: 20px;
padding: 0;
z-index: 50;
position: relative;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/bar_news.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
h1#news_tag[id] {
background-image: url(../images/front/bar_news.png);
background-repeat: no-repeat;}

#nav a#nav_news_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_home:hover {
background-position: -108px;}

#nav a#nav_news_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_about:hover {
background-position: -108px;}

#nav a#nav_news_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_services:hover {
background-position: -108px;}

#nav a#nav_news_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_portfolio:hover {
background-position: -108px;}

#nav a#nav_news_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_contact:hover {
background-position: -108px;}

#nav a#nav_news_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_showroom:hover {
background-position: -108px;}

#nav a#nav_news_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/news_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_news_news:hover {
background-position: -108px;}

.gopage {
text-align: left;}

a.gopage {
font-size: 11px;
margin-left: 5px;
position: relative;
color: #B05369;
text-decoration: none;
font-weight: bold;}

a.gopage:hover {
text-decoration: underline;}

.news_items {
padding-bottom: 10px;
margin-bottom: 20px;
background-image: url(../images/front/dot_h.gif);
background-repeat: repeat-x;
background-position: bottom;}

h2.btm_boldtitle {
margin: 0;
font-size: 110%;
font-weight: bolder;
color: #bc9a50;
text-decoration: none;}

h3.btm_regtitle {
margin-top: 3px;
font-size: 110%;
font-weight: normal;
color: #000000;
font-style: italic;
text-decoration: none;}

p.btm_copy {
font-size: 110%;
font-weight: normal;
color: #000000;
text-decoration: none;
line-height: 16px;}

input.newsform {
display: block;
width: 270px;
/*float: left;*/
margin-bottom: 10px;}

label {
display: block;
text-align: left;
width: 150px;
/*padding-right: 20px;*/
margin-bottom: 5px;}

br {
clear: left;}

/* END - NEWS CSS */




/* SHOWROOM CSS */

#left_body_top {
width: 610px;
height: 160px;
margin-left: 0px;}

#left_body_btm {
width: 500px;
margin-left: 55px;
margin-top: 15px;
margin-bottom: 50px;}

#left_body_top #left_pic {
display: inline;
width: 235px;
height: 160px;
margin-left: 55px;
margin-top: 0px;
float: left;}

#left_body_top #right_pic {
width: 235px;
height: 160px;
margin-left: 20px;
margin-top: 0px;
float: left;}

#logo_showroom {
width: 350px;
height: 160px;
background-color: #973f36;}

h1#showroom_tag {
width: 960px;
height: 40px;
margin-top: -12px;
margin-left: 20px;
padding: 0;
z-index: 50;
position: relative;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/bar_showroom.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
h1#showroom_tag[id] {
background-image: url(../images/front/bar_showroom.png);
background-repeat: no-repeat;}

#nav a#nav_showroom_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_home:hover {
background-position: -108px;}

#nav a#nav_showroom_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_about:hover {
background-position: -108px;}

#nav a#nav_showroom_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_services:hover {
background-position: -108px;}

#nav a#nav_showroom_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_portfolio:hover {
background-position: -108px;}

#nav a#nav_showroom_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_contact:hover {
background-position: -108px;}

#nav a#nav_showroom_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_showroom:hover {
background-position: -108px;}

#nav a#nav_showroom_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/sho_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_showroom_news:hover {
background-position: -108px;}

#down_l_left{
display: inline;
width: 275px;
margin-top: 0px;
float: left;}

#down_l_right{
margin-top: 0px;
float: right;}

/* END - SHOWROOM CSS */




/* PORTFOLIO CSS */

#logo_portfolio {
width: 350px;
height: 160px;
background-color: #B05369;}

h1#showroom_tag {
width: 960px;
height: 40px;
margin-top: -12px;
margin-left: 20px;
padding: 0;
z-index: 50;
position: relative;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/bar_showroom.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
h1#showroom_tag[id] {
background-image: url(../images/front/bar_showroom.png);
background-repeat: no-repeat;}

#nav a#nav_portfolio_home {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_home_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_home:hover {
background-position: -108px;}

#nav a#nav_portfolio_about {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_about_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_about:hover {
background-position: -108px;}

#nav a#nav_portfolio_services {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_services_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_services:hover {
background-position: -108px;}

#nav a#nav_portfolio_portfolio {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_portfolio_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_portfolio:hover {
background-position: -108px;}

#nav a#nav_portfolio_contact {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_contact_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_contact:hover {
background-position: -108px;}

#nav a#nav_portfolio_showroom {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_showroom_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_showroom:hover {
background-position: -108px;}

#nav a#nav_portfolio_news {
display: block;
width: 108px;
height: 16px;
background-image: url(../images/front/pot_news_btn.gif);
background-repeat: no-repeat;
position: relative;}

#nav a#nav_portfolio_news:hover {
background-position: -108px;}

h1#port_tag {
width: 960px;
height: 40px;
margin-top: -12px;
margin-left: 20px;
padding: 0;
z-index: 50;
position: relative;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/bar_port.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
h1#port_tag[id] {
background-image: url(../images/front/bar_port.png);
background-repeat: no-repeat;}

#home_l_clm head_gopage {
margin-left: 55px;}

#item_l {
display: inline;
width: 250px;
margin-top: 0px;
margin-left: 20px;
float: left;
} 

#item_l.about_items {
border-bottom: 1px #ffffff dotted;}

#item_m {
display: inline;
width: 220px;
margin-top: 0px;
margin-left: 0px;
float: left;} 

#item_m.about_items {
border-bottom: 1px #ffffff dotted;}

#bk_dot_port {
width: 550px;
background-repeat: repeat-y;
background-image: url(../images/front/dot_port.gif);
margin: 0 0px 0px auto;}

#port_body {
width: 905px;
height: 200px;
background-image: url(../images/front/port_pattern.gif);
background-repeat: repeat-x;
margin-top: 0px;
padding-left: 55px;
padding-bottom: 40px;}

.port_section{
display: inline;
width: 180px;
margin-top: 17px;
margin-left: 0px;
margin-bottom: 50px;
margin-right: 10px;
float: left;
padding: 0;}

.port_pic {
width: 175px;
height: 125px;
margin: 0;
background-color: #B05369;}

.port_body {
width: 175px;
height: 150px;
margin-top: 40px;
background-image: url(../images/front/dot_section.gif);
background-repeat: repeat-y;}

#port_logo {
width: 110px;
height: 160px;
float: right;}

#port_logo a {
width: 110px;
height: 160px;
display: block;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://69.89.31.88/~ershospi/system/application/images/front/ers_logo.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
#port_logo[id] a {
background-image: url(../images/front/ers_logo.png);
background-repeat: no-repeat;}

#port_logo a:hover {
cursor: pointer;}

#p_snap_port {
margin-top: 0px;
width: 160px;
padding-left: 15px;
padding-bottom: 0px;}

#p_snap_port h3 {
line-height: 15px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-bottom: 8px;}

#p_snap_port p {
margin-top: 0px;
line-height: 15px;
font-size: 110%;
color: #727272;}

#head_gopage {
width: 100px;
height: 15px;
margin-bottom: 15px;
margin-left:55px;}

h2.port_btm_boldtitle {
margin: 0;
font-size: 110%;
font-weight: bolder;
color: #ffffff;
text-decoration: none;}

h3.port_btm_regtitle {
margin-top: 3px;
margin-bottom: 8px;
font-size: 100%;
font-weight: normal;
color: #ffffff;
font-style: italic;
text-decoration: none;}

a.port_name {
width: 250px;
display: block;
position: relative;
color: #ffffff;}

a.port_name:hover {
color: #B05369;}




/* MORE CSS */

form {
position: relative;}

#slogan {

width: 205px;
height: 100px;
margin-top: 40px;
margin-left: 25px;
margin-bottom: 15px;}

h4{
display: inline;
font-size: 14px;
font-weight: bolder;
color: #ffffff;
font-style: italic;
text-decoration: none;
font-family: Times, "Times New Roman", serif;
line-height: 20px;
letter-spacing: 3px;}