html { width: 100%; height: 100%; }
body { background-color: #0f0f0f ; font-family: arial; font-size: 12px; line-height: 18px; color: #fff; padding: 0px; margin: 0px; width: 100%; height: 100%; }

a { outline:none; border: 0; }
a, a:visited { text-decoration: underline; color: #fff; }
a:hover { color: #aaaaaa!important; }
h1, h2, h3 { padding: 0px; margin: 0px; }
h3 { font-size: 14px;}
div { margin: 0px; padding: 0px; display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { zoom: 1; display: block; }

.OuterContainer { padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; width: 960px; clear: both; background-color: #000; }

#Masthead { width: 100%; background-color: #000000; padding: 10px; height: 84px; clear: both; position: relative; }
#Logo { width: 298px; height: 84px; float: left; }


/* MAIN NAVIGATION */

#main-navigation {
	width: 405px;
	height: 84px;
	position: absolute;
	top: -17px;
	right: 10px;
}

#main-navigation ul {
	height: 84px;
	padding: 0;
	margin: 0;
	float: right;
}

#main-navigation ul li {
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
}


#main-navigation ul li a {
	display: block;
	height: 84px;
	color: #fff;
}

#main-navigation ul li a span {
	background-position: 0 0;
}

#main-navigation ul li a.home { width: 57px; }
#main-navigation ul li a.home span { background-image: url('../images/nav-home.gif'); }

#main-navigation ul li a.companies { width: 83px; }
#main-navigation ul li a.companies span { background-image: url('../images/nav-companies.gif'); }

#main-navigation ul li a.contact { width: 65px; }
#main-navigation ul li a.contact span { background-image: url('../images/nav-contact.gif'); }

#main-navigation ul li.spacer { width: 19px; height: 84px; }
#main-navigation ul li.spacer span { background-image: url('../images/nav-spacer.gif'); }

#main-navigation ul li a.bolon { width: 50px; }
#main-navigation ul li a.bolon span { background-image: url('../images/nav-bolon.gif'); }

#main-navigation ul li a.bolongl { width: 120px; }
#main-navigation ul li a.bolongl span { background-image: url('../images/nav-bolongl.gif'); }

#main-navigation ul li a.press { width: 50px; }
#main-navigation ul li a.press span { background-image: url('../images/nav-press.gif'); }

#main-navigation ul li a:hover span {
	background-position: 0 -84px;
}

#main-navigation ul li a:hover {
	background-color: #333;
}

#main-navigation ul li a.selected span {
	background-position: 0 -84px;
}

/* MISC */

#Banner-Image { width: 960px; height: 125px; padding: 0 10px 0 10px; background-color: #000; }
#Banner-Image h1#Banner-Companies span { display: block; background: transparent url('../images/banner-companies.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Tag span { display: block; background: transparent url('../images/banner-tag-floor-interior.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Bolon span { display: block; background: transparent url('../images/banner-bolon.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Botanic span { display: block; background: transparent url('../images/banner-botanic.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-PCM span { display: block; background: transparent url('../images/banner-pcm.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-ABI span { display: block; background: transparent url('../images/banner-abi.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Hanmar span { display: block; background: transparent url('../images/banner-hanmar.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Contact span { display: block; background: transparent url('../images/banner-contact.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1#Banner-Privacy span { display: block; background: transparent url('../images/banner-privacy.jpg') no-repeat center top; width: 960px; height: 125px; }
#Banner-Image h1 { color: #fff; font-size: 25px; height: 125px; font-weight: normal; }

#Intro-Image { width: 960px; padding: 0 10px 0 10px; background-color: #000; }
#Intro { width: 100%; background-color: #000; padding: 20px 10px 20px 10px; font-weight: bold; }
/*#Intro-About { float: left; display: block; width: 76px; height: 13px; padding-top: 2px; }*/
#Intro h1#Intro-About span { float: left; padding-top: 2px; display: block; background: transparent url('../images/intro-about.gif') no-repeat center top; width: 76px; height: 13px; }
#Intro h1 { color: #fff; font-size: 1px; }
#About-Spacing { padding-bottom: 7px; }

#Content { width: 100%; background-color: #000; padding: 0px 10px 0px 10px; clear: both; display: block; }
#Content-Mod { width: 280px; background-color: #0f0f0f; padding: 8px; float: left; font-size: 11px; color:#ababab; line-height: 15px; }
#Content-Mod-Mid { width: 280px; background-color: #0f0f0f; padding: 8px; float: left; font-size: 11px; color:#ababab; line-height: 15px; margin: 0 36px 0 36px; }
a.mid-link:link, a.mid-link:visited { text-decoration: none; color: #fff; font-weight: bold; }
a.mid-link:hover{ text-decoration: underline; color: #fff; font-weight: bold; }

#Footer { width: 960px; height: 18px; background-color: #000; padding: 10px; border-top: 1px solid #292929; display: block; clear: both; }
#Footer-Left { width: 355px; float: left; }
#Footer-Right { width: 105px; float: right; text-align: right; padding-top: 4px; }
.Footer-Text { color: #5d5d5d; font-size: 11px; }

a.Footer-Link:link, a.Footer-Link:hover, a.Footer-Link:visited { text-decoration: underline; outline: none; color: #5d5d5d; }

a.credit {
	width: 96px;
	height: 19px;
	font: 10px Arial, Helvetica, sans-serif;
}

a.credit span {
	background: #000000 url('../images/nowmedia-credit.gif') left center no-repeat;
}

#social-links {
	position: absolute;
	width: 65px;
	height: 16px;
	right: 17px;
	top: 67px;
	text-align: right;
}

#content .social,
#social-links .social {
	margin: 0;
	padding: 0;
}

#content .social li,
#social-links .social li {
	float: left;
	margin: 0;
	margin-left: 5px;
	padding: 0;
	background: none;
	list-style: none;
}

.social li a {
	display: block;
	width: 16px;
	height: 16px;
}

.social li a span {
	background-image: url('../images/sprite-social.gif');
}

.social li a.blog span { background-position: 0 0; }
.social li a.blog:hover span { background-position: 0 -16px; }

.social li a.facebook span { background-position: -21px 0; }
.social li a.facebook:hover span { background-position: -21px -16px; }

.social li a.rss span { background-position: -43px 0; }
.social li a.rss:hover span { background-position: -43px -16px; }


#Content-Left { width: 750px; float: left; border-right: 1px solid #292929; }
#Content-Left-Text { width: 730px; float: left; border-right: 1px solid #292929; padding-right: 20px }
*html #Content-Left-Text { width: 730px; float: left; border-right: 1px solid #292929; padding-right: 0px } /* TARGET IE6 TO STOP RHS COLUMN WRAPPING */
#Content-Right { width: 209px; float: left; }
#Content-Right-Text { width: 183px; float: left; padding: 45px 13px 13px 13px; font-size: 11px; line-height: 15px; }
#Content-Right-Text-PCM { width: 183px; padding: 13px 13px 13px 13px; font-size: 11px; line-height: 15px; }
#Right-Title { background: #292929; padding: 13px 0 13px 10px; font-weight: bold; }
#Right-Title-Specs { background: #292929 url(../images/spec-bg-pdf.gif); padding: 13px 0 13px 10px; font-weight: normal; }

#side-nav { margin: 0px; padding: 10px 0 10px 10px; }
#side-nav li { list-style: none; width: auto; padding: 0 0 0 0; line-height: 20px; font-size: 11px; }
#side-nav li a:visited, #side-nav li a:link { color: #b7b7b7; text-decoration: none; }
#side-nav li a:hover, #side-nav li.Selected a { color: #fff; }
#side-nav a:hover { color: #fff; }
#side-nav li.Selected { font-weight: bold; }

.Small { font-size: 10px; color: #b7b7b7;}

#Project-Description { width: 730px; background-color: #000; padding: 10px 20px 10px 0px; display: block; float: left; }
#Project-Description-Points { width: 198px; background-color: #0c0c0c; padslding: 10px 20px 10px 10px; display: block; float: left; color: #b7b7b7; font-size: 11px; }

#dhtmltooltip {
	position: absolute;
	border: 1px solid #292929;
	padding: 2px;
	background-color: #292929;
	visibility: hidden;
	z-index: 100;
	color: #cccccc;
	font-size: 10px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

ul { list-style: square; }

/* HEADERS */

#Header { width: 750px; height: 45px; }
#Header h1 { color: #fff; font-size: 18px; height: 45px; font-weight: normal; padding: 10px 0 0 0; }
#Header h1#Header-Bolon span { display: block; background: transparent url('../images/hdr-bolon.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-PCM span { display: block; background: transparent url('../images/hdr-pcm.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-ABI span { display: block; background: transparent url('../images/hdr-abi.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Hanmar span { display: block; background: transparent url('../images/hdr-hanmar.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Contact span { display: block; background: transparent url('../images/hdr-contact.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Privacy span { display: block; background: transparent url('../images/hdr-privacy.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Bolon-Specs span { display: block; background: transparent url('../images/hdr-bolon-specs.gif') no-repeat center top; width: 750px; height: 45px; }

#Header h1#Header-DEGW span { display: block; background: transparent url('../images/hdr-degw.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Armani span { display: block; background: transparent url('../images/hdr-armani.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Lexus span { display: block; background: transparent url('../images/hdr-lexus.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Indesign span { display: block; background: transparent url('../images/hdr-indesign.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Blis span { display: block; background: transparent url('../images/hdr-blis.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Fashion span { display: block; background: transparent url('../images/hdr-fashion.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Dixon span { display: block; background: transparent url('../images/hdr-dixon.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Whiteagency span { display: block; background: transparent url('../images/hdr-whiteagency.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Zenith span { display: block; background: transparent url('../images/hdr-zenith.gif') no-repeat center top; width: 750px; height: 45px; }
#Header h1#Header-Botanic span { display: block; background: transparent url('../images/hdr-botanic.gif') no-repeat center top; width: 750px; height: 45px; }

/* SECONDARY NAVIGATION */

#secondary-navigation-container {  width: 100%; background: #000; height: 29px; padding: 0 10px 0 10px; }
#secondary-navigation { background: #0f0f0f; width: 100%; height: 28px; border-bottom: 1px solid #292929; }
#nav2 { margin: 0px; padding: 4px 0 0 5px; }
#nav2 li { float: left; list-style: none; width: auto; padding: 2px 15px 1px 15px; line-height: 20px; font-size: 11px; }
#nav2 li a:visited, #nav2 li a:link { color: #8a8a8a; text-decoration: none; }
#nav2 li a:hover, #nav2 li.Selected a { color: #fff; }
#nav2 a:hover { color: #fff; }
#nav2 li.Selected { background-color: #000; color: #fff; border-bottom: solid 1px #000; border-right: solid 1px #292929; border-left: solid 1px #292929; border-top: solid 1px #292929; }

/* TERTIARY NAVIGATION */

#tertiary-navigation-container {  width: 100%; background: #000; height: 29px; padding: 0 10px 0 10px; }
#tertiary-navigation { background: #000; width: 100%; height: 28px; border-bottom: 1px solid #292929; }

/* ACCESSIBLE IMAGE REPLACEMENT */

.image-replaced,
.i-rep {
	position: relative;
	overflow: hidden;
}

a.image-replaced,
a.i-rep {
	cursor: hand;
}

.image-replaced span,
.i-rep span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

.accessability, .accessibility {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}