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

body {
	padding: 0;
	margin: 0;
}

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

#wrap { display: block; width: 100%; padding: 0 0 0 0; margin: 0; }
#wrap .artshow { display: block; width: 100%; padding: 0 0 0 0; margin: 0; }

#wrap #frame { display: block; width: 100%; padding: 0px; margin: 0 auto; }
#wrap #frame .topbar { width:1000px; border-bottom:0px #ffffff solid; padding: 0px; margin: 0 auto; }
#wrap #frame #toplock { position: relative; height:95px; padding: 0px; margin: 0; }
#wrap #frame #toplock .logo { padding: 0; margin: 0; }
#wrap #frame #toplock .logo img.thelogo { border: none; }
#wrap #frame #toplock #switch { position:absolute; top:0px; right:0px; }
#wrap #frame #toplock #switch .switchcase a { text-decoration:none;  }
#wrap #frame #toplock #mainNav { position: absolute; bottom:0px; left:705px; width: 295px; height:20px; overflow: hidden; padding: 0; margin: 0; }
#wrap #frame #toplock #mainNav .mainButton { display:block; float: left; width:70px; margin:0 0 0 5px; }
#wrap #frame #toplock #mainNav .mainButton#first { margin:0; }

#wrap #frame .mediaBig { width:100%; height:534px; padding: 0; margin: 0 auto; }
#wrap #frame .mediaBig#thewall { height:500px; padding-top:10px; margin-bottom:0; }
#wrap #frame .mediaBig#home { height:350px; padding-top:10px; margin-bottom:0; }

#wrap #frame .media { width:1000px; padding: 0; margin: 0 auto; }
#wrap #frame .media#mediaWide { height:534px; }
#wrap #frame .media#home { height:350px; padding-top:10px; margin-bottom:0; }
#wrap #frame .media#flash { height:350px; padding-top:10px; margin-bottom:0; }
#wrap #frame .media#sharpnail { height:200px; }
#wrap #frame .media#about { height:10px; }
#wrap #frame .media#services { height:10px; }
#wrap #frame .media#brochures { height:10px; }
#wrap #frame .media#promo { height:10px; }
#wrap #frame .media#contact { height:10px; }
#wrap #frame .media#privacy { height:10px; }
#wrap #frame .media#sitemap { height:10px; }
#wrap #frame .media#default { height:10px; }

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

#contentWrap { display: block;  width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
#contentWrap #contentFrame { display: block; width:1000px; clear: both; padding: 20px 0px 20px 0px; margin: 0 auto; }

#contentWrap #contentFrame #contentFull { display:block; width: 1000px; padding:0; margin: 0; }

#contentWrap #contentFrame #contentFull .column#col30w { float:left; width: 225px; }
#contentWrap #contentFrame #contentFull .column#col70w { float:right; width: 775px; }

#contentWrap #contentFrame #contentFull .column#col50lw { float:left; width: 500px; }
#contentWrap #contentFrame #contentFull .column#col50rw { float:right; width: 500px; }

#contentWrap #contentFrame #contentFull .column#col50a { float:left; width: 500px; }
#contentWrap #contentFrame #contentFull .column#col50b { float:right; width: 500px; }

#contentWrap #contentFrame #contentFull .column#col40a { float:right; width: 330px; }
#contentWrap #contentFrame #contentFull .column#col60b { float:left; width: 670px; }

#contentWrap #contentFrame #contentFull .column .servicesnav { text-align: right; }

#contentWrap #contentFrame #contentFull .column #logoblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #logoblock #logoblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #logoblock #logoblockpad .logocompany { float: left; margin-right:20px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #logoblock #logoblockpad .logocompany#end { margin-right:0px; }

#contentWrap #contentFrame #contentFull .column #brochureblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure85x11 { float: left; background: url(../images/background/shade/170_top.png) top no-repeat; padding-top:5px; margin-right:20px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure85x11#end { margin-right:0px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure55x11 { float: left; background: url(../images/background/shade/110_top.png) top no-repeat; padding-top:5px; margin-right:13px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure55x11#end { margin-right:0px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure55x11in { float: left; background: url(../images/background/shade/350_top.png) top no-repeat; padding-top:10px; margin-right:25px; margin-bottom: 20px; }
#contentWrap #contentFrame #contentFull .column #brochureblock #brochureblockpad .brochure55x11in#end { margin-right:0px; }

#contentWrap #contentFrame #contentFull .column #dmailblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #dmailblock #dmailblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #dmailblock #dmailblockpad .dmailpost { float: left; background: url(../images/background/shade/225_top.png) top no-repeat; padding-top:8px; margin-right:25px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #dmailblock #dmailblockpad .dmailpost#end { margin-right:0px; }

#contentWrap #contentFrame #contentFull .column #newsletterblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #newsletterblock #newsletterblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #newsletterblock #newsletterblockpad .newsletter85x11 { float: left; background: url(../images/background/shade/170_top.png) top no-repeat; padding-top:5px; margin-right:20px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #newsletterblock #newsletterblockpad .newsletter85x11#end { margin-right:0px; }
#contentWrap #contentFrame #contentFull .column #newsletterblock #newsletterblockpad .newsletter55x11in { float: left; background: url(../images/background/shade/350_top.png) top no-repeat; padding-top:10px; margin-right:25px; margin-bottom: 20px; }
#contentWrap #contentFrame #contentFull .column #newsletterblock #newsletterblockpad .newsletter55x11in#end { margin-right:0px; }

#contentWrap #contentFrame #contentFull .column #printadblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #printadblock #printadblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #printadblock #printadblockpad .printad85x11 { background: url(../images/background/shade/170_top.png) top no-repeat; float: left; padding-top:6px; margin-right:15px; margin-bottom: 20px; }
#contentWrap #contentFrame #contentFull .column #printadblock #printadblockpad .printad85x11#end { margin-right:0px; }
#contentWrap #contentFrame #contentFull .column #printadblock #printadblockpad .printad55x11in { float: left; margin-right:25px; margin-bottom: 20px; }
#contentWrap #contentFrame #contentFull .column #printadblock #printadblockpad .printad55x11in#end { margin-right:0px; }

#contentWrap #contentFrame #contentFull .column #websiteblock { display:block; padding:0; margin:0; }
#contentWrap #contentFrame #contentFull .column #websiteblock #websiteblockpad { padding:25px; }
#contentWrap #contentFrame #contentFull .column #websiteblock #websiteblockpad .websitede { float: left; background: url(../images/background/shade/225_top.png) top no-repeat; padding-top:8px; margin-right:25px; margin-bottom: 15px; }
#contentWrap #contentFrame #contentFull .column #websiteblock #websiteblockpad .websitede#end { margin-right:0px; }

#contentWrap #contentFrame #content  { display: block; width:750px; float: left; padding:0; margin: 0; }
#contentWrap #contentFrame #content .column { float: left; padding:0; margin:0; }

#contentWrap #contentFrame #content .column .pad { padding:0 30px 0 0; margin:0; }

#contentWrap #contentFrame #content .column#col1 { width: 400px; }
#contentWrap #contentFrame #content .column#col1 .panel { display:block; width: 400px; padding:0; margin:0; }

#contentWrap #contentFrame #content .column#col2 { float:right; width: 350px; }

#contentWrap #contentFrame #content .column#col50a { width: 375px; }
#contentWrap #contentFrame #content .column#col50b { float:right; width: 375px; }

#contentWrap #contentFrame #content .column#col30a { width: 225px; }
#contentWrap #contentFrame #content .column#col70b { float:right; width: 525px; }

#contentWrap #contentFrame #content .column#col301a { float: left; width: 225px; }
#contentWrap #contentFrame #content .column#col302b { width: 260px; }
#contentWrap #contentFrame #content .column#col303c { float:right; width: 265px; }

#contentWrap #contentFrame #content .column#col70a { width: 500px; }
#contentWrap #contentFrame #content .column#col30b { float:right; width: 250px; }

#contentWrap #contentFrame #content .column#colWide { float:none; width: 750px; }
#contentWrap #contentFrame #content .column#colWide .panel { display:block; width: 400px; padding:0; margin:0; }

#contentWrap #contentFrame #content .column .bigText { padding:0.5em 0.8em 0.8em 0.8em; }
#contentWrap #contentFrame #content .column .bigText2 { padding:0.5em 0.8em 0.8em 0.8em; }

#contentWrap #contentFrame #content .column .sitemaplink { padding:0.5em 0.5em 0.5em 1.3em; }

#contentWrap #contentFrame #content .column .serviceblocks { padding:0; margin:0; }
#contentWrap #contentFrame #content .column .serviceblock { display:block; width:180px; height:130px; float:left; padding:0; margin:0; }


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

#contentWrap #contentFrame #sidebar  { display: block; width:250px; float: right; padding:0; margin: 0 0 0 0; }

#contentWrap #contentFrame #sidebar .sideBox { padding:0px; margin: 0 0 0 0; }

#contentWrap #contentFrame #sidebar .sideBox#servicesNav { display:block; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton { display:block; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton:hover { display:block; cursor: pointer; }
#contentWrap #contentFrame #sidebar .sideBox#servicesNav .servicesButton a { display:block; text-decoration:none; padding:4px; }


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


#footWrap { display: block;  width: 100%; padding: 0; margin: 0; }
#footWrap #footer { display: block; width:960px; padding: 5px 0px 5px 0px; margin: 0 auto; }
#footWrap #footer .footNav { padding: 0; margin: 0 0 5px 0; }
#footWrap #footer .footNav .footButton { display: inline; padding: 0; margin: 0 0 0 8px; }

#footWrap #footer #footCompany { display: block; padding:0; margin:0; }
#footWrap #footer #footCompany .footCompanyinfo { float: left; padding:5px 0 0 0; margin:0 10px 0 0; }
#footWrap #footer #footCompany .footCompanymedia { float: right; padding:5px 0 0 0; margin: 0; }
#footWrap #footer #footCompany .footCompanymedia .footMediabutton { display: inline; padding:0; margin:0 0 0 7px; }

.imageRight { float: right; margin-left: 5px; }

.imageLeft { float: left; margin-right: 5px; }

.space { display:block; height:2px; width:2px; }

.none { display: none; }

.clear { clear: both; height: 1%; font-size: 1px; line-height: 0px; }