/*----------------------------------------------------------
Color CSS file for mai-stl.com
Created 24 October 2008 by BG

COLOR GREY

----------------------------------------------------------*/


body {
	background: #121212;
	color: #cacaca;
}

/* ///////////////////// GLOBAL //////////////////////////////////////////// */

a, a:link, a:visited {
  color: #ffffff;
}
a:focus {
  color: #999999;
}
a:hover {
  color: #dddddd;
}
a img, a:link img, a:visited img {
  border-color: #167f34;
}
a:focus img, a:hover img {
  border-color: #54af46;
}

p { color:#cacaca;}

h1 { color: #cccccc; }

h1#long {
color: #cccccc;
 }

h1#longwht {
color: #ffffff;
 }

h2 { color: #ffffff; }

h3 { text-align: left; padding-top:10px; color: #ffffff; }

h4 {  color: #666666; }

h5 { color: #ffffff; }

h6 { color: #999999; }
 
hr { width:95%; color: #252525; }

blockquote { color:#999999; border:1px #666666 solid; }

#wrap { background: #222222 url(../images/background/background_sil_circleh.jpg) top center no-repeat; }

#wrap .artshow { }
#wrap .artshow#home { }
#wrap .artshow#wall { background: url(../images/background/black_line.jpg) bottom center repeat-x; }

#wrap #frame { border:0px #fef5bc solid; }
#wrap #frame #toplock #mainNav .mainButton {  background: url(../images/background/navi/blue1_button.jpg) center repeat-x; }
#wrap #frame #toplock #mainNav .mainButton a { color:#ffffff/*074660*/; }
#wrap #frame #toplock #mainNav .mainButton a:hover { color: #ffffff; }
#wrap #frame #toplock #mainNav .mainButton a#active { color:#ffffff; }
#wrap #frame #toplock #mainNav .mainButton#select { background: url(../images/background/navi/blue_fade_shadow.jpg) top repeat-x; }

#wrap #frame .mediaBig { background: #000000; }
#wrap #frame .mediaBig#home { background:url(../images/media/chrome_strip.png) top no-repeat; }
#wrap #frame .mediaBig#thewall { background: #000000 url(../images/media/chrome_strip.png) top no-repeat; }

#wrap #frame #mediaWide { border: 0px #ccc solid; }
#wrap #frame .media { border: 0px #ccc solid; }
#wrap #frame .media#home { background:url(../images/media/home/chrome_strip_home.png) top no-repeat;}
#wrap #frame .media#flash { background:url(../images/media/chrome_strip.png) top no-repeat;}
#wrap #frame .media#sharpnail { background: url(../images/media/home/sharp_nail_media.jpg) no-repeat; }
#wrap #frame .media#about { background: url(../images/media/about/chrome_strip_about.png) center no-repeat; }
#wrap #frame .media#services {  background: url(../images/media/services/chrome_strip_services.png) center no-repeat; }
#wrap #frame .media#brochures { background: url(../images/media/chrome_strip.png) center no-repeat; }
#wrap #frame .media#promo { background: url(../images/media/chrome_strip.png) center no-repeat; }
#wrap #frame .media#contact { background: url(../images/media/contact/chrome_strip_contact.png) center no-repeat; }
#wrap #frame .media#privacy { background: url(../images/media/chrome_strip.png) center no-repeat; }
#wrap #frame .media#sitemap { background: url(../images/media/chrome_strip.png) center no-repeat; }
#wrap #frame .media#default { background: url(../images/media/chrome_strip.png) center no-repeat; }


/* //////////////////////////// CONTENT ///////////////////////////////////////// */

#contentWrap { background: #222222 url(../images/background/background_silver_circlet.jpg) top center no-repeat; border-top: 0px #59AD40 solid }

#contentWrap #contentFrame #contentFull .column .servicesnav { color: #aaaaaa; }
#contentWrap #contentFrame #contentFull .column .servicesnav a { color: #4ea2c4; border-bottom: 1px #4ea2c4 dotted; }
#contentWrap #contentFrame #contentFull .column .servicesnav a:hover { color: #ffffff; border-bottom: 1px #ffffff dotted; }

#contentWrap #contentFrame #content .column .bigText { color: #cccccc; }
#contentWrap #contentFrame #content .column .bigText2 { color: #cccccc; }

#contentWrap #contentFrame #content .column .sitemaplink a { color: #4ea2c4; border-bottom: 1px #4ea2c4 dotted; }
#contentWrap #contentFrame #content .column .sitemaplink a:hover { color: #ffffff; border-bottom: 1px #ffffff dotted; }


/* //////////////////////////// SIDEBAR ///////////////////////////////////////// */

#contentWrap #contentFrame #sidebar  { color: #333333; }

#contentWrap #contentFrame #sidebar .sideBox#servicesNav { border-right: 0px #222222 solid; border-left: 0px #222222 solid; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton { color:#555555; border-top: 1px #333333 solid; border-bottom: 1px #444444 solid; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton#active {color:#cc0000; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton:hover { background: #252525; overflow:hidden;  border-top: 1px #252525 solid; border-bottom: 1px #353535 solid; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton:hover#red { background: #cc0000; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton:hover a { color:#cacaca; }

#contentWrap #contentFrame #sidebar .servicesEnd { height:20px; }


/* /////////////////////////////// FOOTER /////////////////////////////////////////// */


#footWrap { border-top: 0px #066e98 solid; }
#footWrap #footer .footNav { color:#ffffff; }
#footWrap #footer .footNav .footButton a { color: #777777; }
#footWrap #footer .footNav .footButton a:hover { color: #ffffff; }

#footWrap #footer #footCompany { border-top: 1px #242424 solid; }
#footWrap #footer #footCompany .footCompanyinfo { color: #888888; }
#footWrap #footer #footCompany .footCompanymedia { }
#footWrap #footer #footCompany .footCompanymedia .footMediabutton a { color: #777777; }
#footWrap #footer #footCompany .footCompanymedia .footMediabutton a:hover { color: #cccccc; }


.backblack { background: #000000; padding: 2px; }
.backblackb { background: #000000; padding: 2px; }
.backblue { background: #0078a9; }
.backbluet { color: #0078a9; }
.backred { background: #cc0000; }
.backgreen { background: #57ad40; }
.backgreent { color: #57ad40; }