/* =========== PRESETS =============== */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px 0px;}
a {margin: 0; padding: 0; text-decoration: none; color: #666;}
a:link {border: 0;}
a:visited {border: 0;}
a:hover { border: 0; color: #C03; } 

body.home a#aHome {color: #C03;}
body.contact a#aContact {color: #C03;}
body.portfolio a#aPortfolio {color: #C03;}
body.museum a#aMuseum {color: #C03;}
body.tradeshow a#aTradeshow {color: #C03;}
body.retail a#aRetail {color: #C03;}
body.news a#aNews {color: #C03;}

/* =========== TEXT AND GRAPHIC STYLES =============== */
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left; background: url(/_images/bang_bg.gif);}

div#content{ background: #CCC; color: #333;} 
div#content p{line-height:1.5;}
div#content div#main {padding: 0 24px 24px 24px;}
div#content img {margin: 0 0 14px 0; border:  2px solid #999;}
div#content h1 {padding: 17px 0; margin:  0;}
div#content h1 span.sub{font-weight: normal;}
div#content h2 {padding: 17px 0 3px 0 ; margin:  0;}

div#navigation{background:#FFF;}
div#navigation ul {
	margin: 0;
	padding: 0 .25em;
	font-size: 1.3em;
	color: #666;
}
div#navigation li{
	margin: 0;
	padding: .15em 0;
	list-style-type: none;
}
div#navigation li.subnav
{
	margin: 2px 0px;
	padding: 0px 20px;
	font-size: .8em;
	list-style-type: none;
	background-repeat: no-repeat;
	background-image: url(/_images/subnav-dots.gif);
	background-position: 0px -3px;
}

div#navigation li.last { background-image: url(/_images/subnav-dots_last.gif);}

div#extra{background:#F8F8F8}
div#extra h2{
	color: #666; 
	font: normal 1.5em/1.3em Arial, Verdana, sans-serif; 
	margin: 12px 14px; 
	padding: 0px;
	border-bottom:  1px dotted #333;
}
div#extra h3{margin: 0px 12px;}

div#extra ul{margin: 0px 12px; padding: 0;}
div#extra li{
	color: #333; 
	margin: 6px 0; 
	font-size: 1.25em; 
	list-style-type: none;
}

/* HOMEPAGE */
body.home div#container{background: url(/_images/bang_home_bg.gif);}
body.home div#content p {font-size: 1.3em; line-height: 1.6em;}
body.home div#extra{background:#FFF;}
body.home div#extra h2 {border: none;}
body.home div#extra div.features {border: 1px solid #666; padding-bottom: 20px; margin-bottom: 10px;}
body.home div#extra div.last {margin-bottom: 0;}
body.home div#extra div.features img {padding: 0px 13px;}
body.home div.features dl, body.home div.features dt, body.home div.features dd {margin: 0; padding: 0;}
body.home div.features dl {margin: 8px 14px;}
body.home div.features dt {font-size: .95em; font-weight: bold; padding: 14px 0 2px 0;}
body.home div.features dd {font-size: .9em; font-weight: normal;}

div#footer{background: #FFF;color: #000}
div#footer p{text-align: right; margin:0 206px 0 0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

/* PORTFOLIO */

body.portfolio div#content img {margin: 0 0 4px 0; border:  2px solid #999;}
body.portfolio div#content div#thumbs img {margin: 0 2px 14px 1px; border:  1px solid #999;}
body.portfolio div#extra {padding-bottom: 2em;}
body.portfolio div#extra li{font-size: 1.05em; padding-right: 18px;}
body.portfolio div#extra li a{text-decoration: underline;}
body.portfolio div#content h2{line-height: .95em;}
body.portfolio span.locale {font-size: .75em; line-height: .75em;}

/* PORTFOLIO/MUSEUM*/

body.Castro a#aCastro, body.Crystal a#aCrystal, body.Jack a#aJack, body.Donner a#aDonner, body.WMA a#aWMA, body.Rancho a#aRancho, body.Cuyamaca a#aCuyamaca, body.Salton a#aSalton, body.Topanga a#aTopanga {color: #C03; text-decoration: none;}


/* PORTFOLIO/RETAIL*/

body.Dekor a#aDekor, body.Disney a#aDisney, body.Dupont a#aDupont, body.Eclipse a#aEclipse, body.Hanes a#aHanes, body.Disneyfix a#aDisneyfix, body.RGpaper a#aRGpaper, body.Underwater a#aUnderwater, body.Videocentro a#aVideocentro {color: #C03; text-decoration: none;}


/* PORTFOLIO/TRADESHOW*/

body.Samsung a#aSamsung, body.Globalstar a#aGlobalstar, body.Mizuno a#aMizuno, body.DirectTV a#aDirectTV, body.Mobile a#aMobile, body.Alpha a#aAlpha, body.Gerber a#aGerber, body.Madcatz a#aMadcatz, body.NthDegree a#aNthDegree, body.OTB a#aOTB, body.Intel a#aIntel, body.inet a#aInet, body.mobil a#aMobil {color: #C03; text-decoration: none;}

		
/* CONTACT FORM */
label
{
	font-style: normal;
	font-weight: bold;
	display: block;
}

div.row
{
	width: 380px;
	clear: both;
	padding-top: 10px;
}

body.contact div#extra p {margin-left: 13px; margin-top: .3em; font-size: 1.1em; line-height: 1.5em;}

body.contact div#content li {line-height: 1.5em;}
#message {background: #FF9; padding: 1em; border: 1px dotted #666;}
#message p {font-weight: bold;}

/* News */
body.news p.newsBack {font-weight: bold; border-width: 1px 0 1px 0; border-color: #666; border-style: dotted; padding: 7px 0 7px 4px;;}

body.news div#extra ul li {font-size: 1em; margin-top: .85em;}
body.news h2#search { border-bottom: 0;	border-top:  1px dotted #333; padding-top: 12px;}


/* =========== POSITION AND LAYOUT =============== */

div#container{width:926px;margin:14px auto}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 210px 0 112px;}
div#navigation{float:left;width:102px;margin-left:-926px}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}