body {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #666;background:#e5e5e5 url(/images/gray_bg.gif) top left repeat}
a {color: #0077dd;text-decoration: underline;}
a:hover {text-decoration: none;}
h1 {font-size:16px;font-weight:bold;color:#434059}
h2 {font-size:15px;font-weight:bold;color:#434059;margin-bottom:0.5em;text-align:center}
h3 {font-size:15px;font-weight:bold;color:#434059;margin-bottom:0.5em;text-align:left}

#outer {padding: 0em;margin: 0em;width: 100%;}

#header {position: relative;height:230px;}

#content {}
#content p {margin-bottom: 0.5em;font-size:12px;line-height:150%}

#content ul {padding-left: 0;list-style: square;font-weight:bold}
#content li {margin:4px 0 4px 20px;font-weight:normal}

#primaryContentContainer {float:right;margin: 0 -230px 0 -230px;width: 100%;}
#primaryContent {margin: 10px 230px 0 230px;padding: 0 30px 20px 30px;background-color:#fff}

#secondaryContentContainer {background-color:#fff;padding:15px}
#secondaryContent {position: relative;float: left;width: 230px;}


#tertiaryContent {position: relative;float: right;width: 230px;}

#footer {position: relative;z-index: 1;margin-top:10px}

.fl {float:left}
.fr {float:right}
.clear {clear: both;font-size:1px;line-height:1px}


.redname {background:#ec1c24 url(/images/red_bg.gif) top left repeat;height:30px;text-align:center}
.redname p {color:#fff;font-size:18px;padding-top:4px;letter-spacing: 0.05em;}
.redname a {color:#fff;text-decoration:none}
.redname a:hover {text-decoration:underline}
.brands {background:#434059 url(/images/brand_bg.gif) top left repeat-x;height:200px;text-align:center}
.brands img {margin-top:22px}

#menu {margin-top:10px}
#menu div {width:230px}
#menu div#m_service a {display:block;background: transparent url(/images/m_service.gif) top left no-repeat}
#menu div#m_service a:hover {background: transparent url(/images/m_service.gif) bottom left no-repeat}
#menu div#m_service a.active {background: transparent url(/images/m_service.gif) bottom left no-repeat}
#menu div#m_pf a {display:block;background: transparent url(/images/m_pf.gif) top left no-repeat}
#menu div#m_pf a:hover {background: transparent url(/images/m_pf.gif) bottom left no-repeat}
#menu div#m_pf a.active {background: transparent url(/images/m_pf.gif) bottom left no-repeat}
#menu div#m_about a {display:block;background: transparent url(/images/m_about.gif) top left no-repeat}
#menu div#m_about a:hover {background: transparent url(/images/m_about.gif) bottom left no-repeat}
#menu div#m_about a.active {background: transparent url(/images/m_about.gif) bottom left no-repeat}
#menu div#m_contacts a {display:block;background: transparent url(/images/m_contacts.gif) top left no-repeat}
#menu div#m_contacts a:hover {background: transparent url(/images/m_contacts.gif) bottom left no-repeat}
#menu div#m_contacts a.active {background: transparent url(/images/m_contacts.gif) bottom left no-repeat}
#menu .menu_top {width:21px}
#menu .menu_bot {width:21px}

.hd1 {background:#fff url(/images/h1bg.gif) top left repeat-x;height:39px;text-align:center}
.hd1 h1 {line-height:37px;background-color:#fff;margin:0 auto}
.hd1 h1.w-10 {width:10%}
.hd1 h1.w-20 {width:20%}
.hd1 h1.w-30 {width:30%}
.hd1 h1.w-40 {width:40%}

#service_list {width:100%}
#service_list ul {padding-left: 20px;list-style: square;}
#service_list li {margin: 0 0 8px 0}

#service_list a {color:#fff;text-decoration:none}
#service_list a:hover {text-decoration:underline}
#content #service_list p {margin-bottom:0}

#service_list th {vertical-align:bottom;text-align:center;background-color:#434059;color:#fff;border:1px dotted #8883ae;border-width:0 1px 0 0;padding:8px 0;}
#service_list th p {font-size:14px;letter-spacing:0.1em}
#service_list th a {font-size:14px;}
#service_list th.sl_h1 {font-weight:bold;font-size:16px;border-width:0 0 1px 0}
#service_list .sl_end {border:none}

#service_list td {background-color:#434059;color:#fff;border:1px dotted #8883ae;border-width:0 1px 0 0;padding:8px}

#service_list .shr  {font-size:1px;height:5px;margin-top:10px}
#service_list .s1hr {background:#9644a7 url(/images/s1bg.gif) top left repeat-x;}
#service_list .s2hr {background:#1464ab url(/images/s2bg.gif) top left repeat-x;}
#service_list .s3hr {background:#1b9501 url(/images/s3bg.gif) top left repeat-x;}
#service_list .s4hr {background:#e16d02 url(/images/s4bg.gif) top left repeat-x;}

#news_on_main {margin:20px 0;clear:both}

.news_anons {margin-bottom:30px;}
.news_anons img {border: 1px solid #888}
.news_anons a {color:#666;text-decoration:none}
.news_anons a:hover {text-decoration:underline}
.news_anons h2 {text-align:left}
.news_anons .news_work a {font-size:14px;color: #0077dd;text-decoration: underline;font-weight:bold}

.pf_list .head {height:30px;background-color:#434059;background-position:top left;background-repeat:repeat-x;line-height:29px;color:#fff;text-align:center;font-size:16px;font-weight:bold;letter-spacing: 0.05em;}
#content .pf_list p {margin:0}
.pf_list td {background-color:#434059;padding:10px;color:#fff;vertical-align:middle}
.pf_list td.brdl {border-right:1px dotted #8883ae;width:60px;text-align:center}
.pf_list td a {color:#fff;text-decoration:none;}
.pf_list td a:hover {text-decoration:underline}
.pf_list td.whole_link {border-top:1px dotted #8883ae;}
.pf_list td.whole_link div {text-align:center;height:10px}

#gallery li {width:210px;display:inline-block;margin:0 3px 5px 3px;padding:0;vertical-align:top;text-align:center;border:1px solid #434059;background-color:#fff;overflow:hidden}
#gallery li .inside {padding:4px;}
#gallery img {border:1px solid #434059}
#gallery p {font-size:12px;text-align:center;color:#434059}

.work_body {margin-top:10px}

#accordion div {padding:10px; border:1px solid #ddd;margin-bottom:20px}
#accordion ul {margin-top:15px}