/* CSS Document */

body, h1, h2, h3, h4, img, li, ol, ul, p, a, div, form, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #242424 url(images/bg-tile.gif) top left repeat;
	font-family: arial;
	font-size: 70%;
	text-align: center;
}

a {
	outline: 0;
}

p::selection {
	background: #f68b20; /* Safari */
	}

p::-moz-selection {
	background: #f68b20; /* Firefox */
}

img {
	display: block;
}

.clear {
	clear: both;
}

#strip {
	height: 5px;
	background: #ffb900 url(images/top-strip.gif) top left repeat-y;
}

.ie6_height {
	line-height: 0px;
	text-indent: -9999px;
}

#wrap {
	margin: 0px auto;
	width: 985px;
	text-align: left;
}

#header {
	height: 139px;
	background-color: #2c2c2c;
}

#header_left {
	float: left;
	width: 307px;
}

#header_right {
	float: right;
	width: 500px;
}

#nav {
	height: 38px;
	position: relative;
	z-index: 3;
}

ul.menu {
	list-style: none;
}

ul.menu li {
	float: left;
	position: relative;
	margin-right: 3px;
}

.nomargin {
	margin: 0px !important;
}

ul.menu li a {
	float: left;
	display: block;
	text-indent: -9999px;
}

ul.menu li a.home {
	width: 163px;
	height: 38px;
	background: url(images/nav/home.gif) top left no-repeat;
}

ul.menu li a.about {
	width: 161px;
	height: 38px;
	background: url(images/nav/about.gif) top left no-repeat;
}

ul.menu li a.work {
	width: 161px;
	height: 38px;
	background: url(images/nav/work.gif) top left no-repeat;
}

ul.menu li a.clients {
	width: 161px;
	height: 38px;
	background: url(images/nav/clients.gif) top left no-repeat;
}

ul.menu li a.news {
	width: 161px;
	height: 38px;
	background: url(images/nav/news.gif) top left no-repeat;
}

ul.menu li a.contact {
	width: 163px;
	height: 38px;
	background: url(images/nav/contact.gif) top left no-repeat;
}

ul.menu li a:hover, ul.menu li a.active {
	background-position: right;
}

ul.menu ul {
	position:absolute;
	list-style:none;
	left: -9999px;
	margin-top: 38px;
}

.mac.ff3 ul.menu ul, .win.ie7 ul.menu ul {
	display: none;
}

ul.menu ul li {
	position: relative;
	width: 161px;
}

ul.menu ul li a {
	display: block;
	width: 141px;
	height: 24px;
	background: #242424 url(images/nav/dropdown-bg.gif) bottom left no-repeat;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 0px 0px 20px;
	text-indent: 0px !important;
	font-weight: bold;
}

ul.menu ul li a.sub {
	background: #242424 url(images/nav/dropdown-bg-sub.gif) bottom left no-repeat !important;
}

ul.menu ul li a.sub:hover {
	background: #333333 url(images/nav/dropdown-bg-sub.gif) bottom right no-repeat !important;
}

ul.menu ul li a:hover {
	background: #333333 url(images/nav/dropdown-bg.gif) bottom right no-repeat;
	color: #f7941d;
	text-decoration: underline !important;
}

ul.menu ul ul {
	margin: 0px 0px 0px 161px;
}

ul.menu li:hover ul ul, ul.menu li:hover ul ul ul, ul.menu li.sfhover ul ul, ul.menu li.sfhover ul ul ul {
	left: -9999px;
}

ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li.sfhover ul, ul.menu li li.sfhover ul, ul.menu li li li.sfhover ul {
	left: auto;
}

.ie6 ul.menu ul, .ie7 ul.menu ul {
	clear: both;
	margin-top: 0px !important;
}

.ie6 ul.menu ul li, .ie7 ul.menu ul li {
	float: none;
	margin-bottom: -3px;
}

.ie6 ul.menu ul ul, .ie7 ul.menu ul ul {
	margin-top: -32px !important;
}

#top {
	margin-top: 17px;
	background-color: #2b2b2b;
	padding: 10px;
}

.overlay {
	position: relative;
	z-index: 0;
}

#content {
	margin: 11px 0px 33px 0px;
	color: #dcdcdc;
	font-size: 1.1em;
	line-height: 16pt;
}

#content a {
	color: #f68b20;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#page_left {
	float: left;
	width: 739px;
}

.left_box {
	padding: 25px;
	background: #2b2b2b url(images/page-left-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

.home_top {
	height: 315px;
	min-height: 315px;
}

html>body .home_top {
	height: auto;
}

h1 {
	margin: 0px 0px 22px 0px;
}

.white_text {
	color: #ffffff;
}

.red_text {
	color: #ff0000;
}

#bookmark {
	height: 32px;
	margin-top: 33px;
}

#bookmark img {
	float: left;
	margin-right: 5px;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
}

#home_logos {
	height: 58px;
	background:url(images/home_logos/bg.gif) no-repeat;
}

#home_logos img {
	float: left;
}

.full_opacity {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}

.news_col {
	float: left;
	width: 325px;
	margin-right: 35px;
}

.home_img {
	margin-bottom: 11px;
}

#page_right {
	float: right;
	width: 235px;
}

.right_box {
	padding: 18px;
	background: #2b2b2b url(images/right-box-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

a.callback {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 104px;
	margin-bottom: 11px;
	background: url(images/callback.jpg) top left no-repeat;
}

a.callback:hover {
	background-position: right !important;
}

a.lastfm {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 119px;
	margin-bottom: 11px;
	background: url(images/lastfm-promo.jpg) top left no-repeat;
}

a.lastfm:hover {
	background-position: right !important;
}

a.moved {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 119px;
	margin-bottom: 11px;
	background: url(images/moved-promo.jpg) top left no-repeat;
}

a.moved:hover {
	background-position: right !important;
}

a.news_promo {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 119px;
	margin-bottom: 11px;
	background: url(images/news-promo.jpg) top left no-repeat;
}

a.news_promo:hover {
	background-position: right !important;
}

a.testimonial_johnny {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 250px;
	margin-bottom: 11px;
	background: url(images/testimonial-johnny.gif) top left no-repeat;
}

a.testimonial_johnny:hover {
	background-position: right !important;
}

form.home_form {
	margin-top: 10px;
	font-size: 0.9em;
}

form.home_form label {
	margin: 7px 0px 3px 0px;
	font-size: 1.1em;
}

form.home_form input {
	margin-bottom: 10px;
	width: 195px;
	padding: 2px;
	background-color: #858585 !important;
	border: 0px;
	font-family: arial;
	font-size: 1em;
	color: #ffffff;
}

.text_area {
	width: 195px;
	height: 60px;
	margin-bottom: 10px;
	background-color: #858585 !important;
	border: 0px;
	font-family: arial;
	font-size: 1em;
	color: #ffffff;
	padding: 2px;
}

.submit_button {
	float: right;
	width: 55px !important;
	height: 17px !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	background-color: #2b2b2b !important;
}

.large_text {
	font-size: 1.1em;
}

#footer {
	background: url(images/footer-bg.png) top center no-repeat;
	height: 77px;
	padding-top: 115px;
	text-align: center;
	color: #f68b20;
}

/* Footer PNG Fix */#footer { behavior: url("js/iepngfix.htc") }

#footer a {
	color: #f68b20;
	text-decoration: none;
	padding: 0px 13px;
}

#footer a:hover {
	text-decoration: underline;
}

#bottom_strip {
	height: 5px;
	background: #ffb900 url(images/top-strip.gif) top left repeat-y;
	margin-bottom: 30px;
}

#links {
	margin: 0px auto;
	width: 930px;
	text-align: left;
}

ul.links_list {
	list-style: none;
	float: left;
	margin-bottom: 30px;
}

ul.links_list li {
	color: #ffffff;
	width: 230px;
	font-weight: bold;
	line-height: 15pt;
}

ul.links_list li a {
	color: #f68b20;
	padding-right: 30px;
	text-decoration: none;
	font-weight: normal;
}

ul.links_list li a:hover {
	text-decoration: underline;
}

#subnav {
	margin-top: 3px;
	background: #272727 url(images/subnav-bg.gif) bottom left repeat-x;
	padding: 9px 8px 11px 0px;
}

ul.subnavlist {
	list-style: none;
}

ul.subnavlist li {
	float: left;
}

ul.subnavlist li a {
	display: block;
	padding: 0px 17px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	border-right: 2px solid #393939;
}

ul.subnavlist li a:hover, ul.subnavlist li a.active {
	color: #f68b20;
}

.noborder {
	border: 0px !important;
}

#breadcrumb {
	color: #ffffff;
	padding: 12px 0px 0px 17px;
}

#breadcrumb a {
	color: #f68b20;
	text-decoration: underline;
}

.page_half {
	float: left;
	width: 487px;
}

.half_box {
	padding: 25px;
	background: #2b2b2b url(images/half-box-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

.half_margin {
	margin-left: 9px;
}

#bookmark_small {
	width: 222px;
	height: 112px;
	padding: 54px 0px 0px 12px;
	background: url(images/bookmark-bg.gif) left top no-repeat;
	margin-bottom: 11px;
}

#bookmark_small img {
	float: left;
	margin: 0px 0px 5px 5px;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
}

.about_length {
	height: 304px;
	min-height: 304px;
}

html>body .about_length {
	height: auto;
}

a.callback2 {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 177px;
	margin-bottom: 11px;
	background: url(images/callback2.jpg) top left no-repeat;
}

a.callback2:hover {
	background-position: right !important;
}

#sidenav {
	width: 158px;
	float: left;
	padding-bottom: 2px;
	background: url(images/sidenav-bottom.gif) bottom left no-repeat;
}

ul.sidenavlist {
	list-style: none;
}

ul.sidenavlist li {
	float: left;
}

ul.sidenavlist li a {
	display: block;
	float: left;
	width: 135px;
	color: #ffffff !important;
	background: #2b2b2b url(images/sidenav-bg.gif) bottom left no-repeat;
	padding: 4px 8px 6px 15px;
	font-weight: bold;
	font-size: 0.9em;
}

ul.sidenavlist li a:hover {
	background: #373737 url(images/sidenav-bg.gif) bottom right no-repeat !important;
	color: #f68b20 !important;
}

ul.sidenavlist li a.active {
	color: #f68b20 !important;
	text-decoration: underline !important;
}

ul.sidenavlist li a.subsub {
	padding-left: 27px;
	width: 123px;
	font-weight: normal;
	background: #2b2b2b url(images/sidenav-sub-bg.gif) bottom left no-repeat !important;
}

ul.sidenavlist li a.subsub:hover {
	background-position: bottom right !important;
	background-color: #373737 !important;
}

ul.sidenavlist li a.subsub.active {
	background-position: bottom center !important;
	background-color: #2b2b2b !important;
}

.notop {
	margin-top: 17px !important;
}

#page_wide {
	float: right;
	width: 817px;
}

.box_wide {
	background: #2b2b2b url(images/box-wide-bg.jpg) left bottom no-repeat;
	padding-bottom: 2px;
	margin-bottom: 11px;
}
.box_wide_two {
	background: #2b2b2b url(images/box-wide-bg.jpg) left bottom no-repeat;
	padding-bottom: 30px !important;
	margin-bottom: 11px;
}

.pad20 {
	padding: 25px;
}

.ie6 .pad20 {
	padding: 18px;
}
.box_wide_left {
	float: left;
	width: 554px;
	padding: 25px;
}

.box_wide_right {
	float: right;
	width: 191px;
}

a.callback3 {
	display: block;
	text-indent: -9999px;
	width: 213px;
	height: 147px;
	background: url(images/callback3.jpg) top left no-repeat;
}

a.callback3:hover {
	background-position: top right !important;
}

a.testimonial_rachel {
	display: block;
	text-indent: -9999px;
	width: 213px;
	height: 180px;
	background: url(images/testimonial-rachel.gif) top left no-repeat;
}

a.testimonial_rachel:hover {
	background-position: right !important;
}

.h1pad {
	padding: 25px 0px 25px 21px;
	margin-bottom: 0px !important;
}

.example_box_left {
	float: left;
	width: 392px;
	padding-left: 12px;
	margin-bottom: 20px;
}

.example_box_right {
	float: left;
	width: 395px;
	padding-left: 9px;
	margin-bottom: 20px;
}

.example_box_left img, .example_box_right img {
	margin-bottom: 14px;
	/*opacity: 0.8;
	filter: alpha(opacity=80);*/
}

.example_box_left p, .example_box_right p {
	margin: 0px 11px;
	font-size: 0.9em;
	line-height: 12pt;
}

form.contact_form {
	margin-top: 6px;
}

form.contact_form label {
	float: left;
	width: 148px;
	color: #ffffff;
}

form.contact_form input {
	float: left;
	margin-bottom: 20px;
	width: 285px;
	padding: 3px 2px;
	background-color: #858585 !important;
	border: 0px;
	font-family: arial;
	color: #ffffff;
}

form.contact_form select {
	float: left;
	width: 289px;
	background-color: #858585 !important;
	color: #ffffff;
	border: 0px;
	padding: 2px 0px;
}

.text_area_wide {
	float: left;
	width: 285px;
	height: 110px;
	margin-bottom: 20px;
	background-color: #858585 !important;
	border: 0px;
	color: #ffffff;
	padding: 2px;
}

form.contact_form input.radio {
	width: 20px !important;
	background-color: #2b2b2b !important;
}

.badge {
	position: absolute;
	z-index: 1;
	margin: 32px 0px 0px -27px;
}

.portfolio_wrap {
	background: #2b2b2b url(images/box-wide-bg.jpg) left bottom no-repeat;
	position: relative;
	padding: 12px 12px 16px 12px;
	background-color: #2b2b2b;
}


.portfolio_wrap_two {
	background: #2b2b2b url(images/box-wide-bg.jpg) left bottom no-repeat;
	position: relative;
	padding: 12px 12px 16px 12px;
	background-color: #2b2b2b;
	margin-bottom: 11px;
}

.portfolio_text_TWO {
	margin-bottom: 20px;
	padding: 10px 0px 0px 10px;
}

/************* PORTFOLIO GALLERY ****************/
.gallery_demo{width:791px;margin:0px;}
.gallery_demo li{width:94px;height:94px;}
#main_image{height:497px;width:791px;}
#main_image img{margin-bottom:10px; padding-left:2px;}
.galleria{margin-bottom: 10px;}
.galleria li{display:block;width:94px;height:94px;float:left;margin:0px 4px 10px 0px;}
.galleria li a{display:none;}
.galleria li img{border:2px solid #2b2b2b;float:left;}
.galleria li div{position:absolute;display:none;top:0;}
* html .galleria li div span{width:791px;}
.galleria li.nomargin{margin-right:0px !important;}

.portfolio_text {
	padding: 13px;
	margin-bottom: 20px;
}

.portfolio_col {
	float: left;
	width: 220px;
	margin-right: 30px;
}

.ie6 .portfolio_col {
	position: relative;
}

.portfolio_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 191px;
}

a.portfolio_callback {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 148px;
	margin-bottom: 30px;
	background: url(images/callback-portfolio.jpg) top left no-repeat;
}

a.portfolio_callback:hover {
	background-position: top right !important;
}

a.portfolio_testimonial {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 168px;
	margin-bottom: 30px;
	background: url(images/portfolio-testimonial.jpg) top left no-repeat;
}

a.portfolio_testimonial:hover {
	background-position: top right !important;
}

a.portfolio_scrapbook {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 150px;
	margin-bottom: 30px;
	background: url(images/portfolio-scrapbook.jpg) top left no-repeat;
}

a.portfolio_scrapbook:hover {
	background-position: top right !important;
}

a.portfolio_news {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 126px;
	margin-bottom: 30px;
	background: url(images/portfolio-news.jpg) top left no-repeat;
}

a.portfolio_news:hover {
	background-position: top right !important;
}

a.portfolio_team {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 129px;
	margin-bottom: 30px;
	background: url(images/portfolio-team.jpg) top left no-repeat;
}

a.portfolio_team:hover {
	background-position: top right !important;
}

a.portfolio_case {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 139px;
	margin-bottom: 30px;
	background: url(images/portfolio-case-studies.jpg) top left no-repeat;
}

a.portfolio_case:hover {
	background-position: top right !important;
}

a.portfolio_blog {
	display: block;
	text-indent: -9999px;
	width: 191px;
	height: 165px;
	margin-bottom: 30px;
	background: url(images/portfolio-blog.jpg) top left no-repeat;
}

a.portfolio_blog:hover {
	background-position: top right !important;
}

.full_box {
	padding: 25px;
	background: #2b2b2b url(images/full-box-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

h2 {
	color: #ffffff;
	font-size: 1.1em;
	margin-bottom: 5px; 
}

.quote_left {
	position: relative;
	float: left;
	width: 437px;
}

.quote_right {
	float: right;
	width: 440px;
	margin-top: 60px;
}

.overview_box {
	padding: 25px 0px 25px 12px;
	background: #2b2b2b url(images/full-box-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

.ie6 .overview_box {
	position: relative;
}

.overview_box_left {
	float: left;
	width: 311px;
	margin: 0px 0px 35px 12px;
}

.ie6 .overview_box_left {
	margin-left: 6px;
	position: relative;
}

.overview_box_left p {
	line-height: 10pt;
	width: 280px;
}

.overview_box_left a {
	font-weight: bold;
	color: #ffffff !important;
}

.overview_box_left a:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

.small_text {
	font-size: 9px !important;
}

.overview_img {
	margin: 0px 0px 10px -10px;
}

h3 {
	margin-bottom: 20px;
}

.category {
	margin: 25px 0px 0px 10px !important;
}

.subtitle {
	margin: 25px 0px 0px 10px !important;
	color: #ffffff;
	font-size: 1.3em;
}

.single_col {
	width: 550px;
	margin-bottom: 20px;
}

#dbfx_banner {
	background: url(images/portfolio/digital/web_banners/dbfx_arabic.jpg) top left no-repeat;
	padding: 157px 0px 0px 454px;
	width: 333px;
	height: 340px;
}

#getty_banner {
	background: url(images/portfolio/digital/web_banners/getty.jpg) top left no-repeat;
	padding: 120px 0px 0px 243px;
	width: 544px;
	height: 377px;
}

#mb_banner {
	background: url(images/portfolio/digital/web_banners/moodboard_cr.jpg) top left no-repeat;
	padding: 121px 0px 0px 24px;
	width: 763px;
	height: 376px;
}

#gd_banner {
	background: url(images/portfolio/digital/web_banners/global_derivatives.jpg) top left no-repeat;
	padding: 145px 0px 0px 197px;
	width: 590px;
	height: 552px;
}

#forum_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-dbforum-main.jpg) top left no-repeat;
	padding: 52px 0px 0px 143px;
	width: 644px;
	height: 445px;
}

#reuters_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-ditto-main-blank.jpg) top left no-repeat;
	padding: 60px 0px 0px 150px;
	width: 637px;
	height: 437px;
}

#mb_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-moodboard-main.jpg) top left no-repeat;
	padding: 3px 0px 0px 79px;
	width: 708px;
	height: 547px;
}

#ditto_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-ditto-main-blank.jpg) top left no-repeat;
	padding: 79px 0px 0px 94px;
	width: 693px;
	height: 418px;
}

#buffalo_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-ditto-main-blank.jpg) top left no-repeat;
	padding: 27px 0px 0px 3px;
	width: 784px;
	height: 470px;
}

#rg_anim {
	background: url(images/portfolio/digital/2d-3d-animation/2d3danim-ditto-main-blank.jpg) top left no-repeat;
	padding: 0px 0px 0px 62px;
	width: 725px;
	height: 497px;
}

#scrapbook {
	margin-left: -12px;
}

a.team_img {
	display: block;
	margin: 0px 0px 25px -10px;
	width: 456px;
	height: 133px;
	background: top left no-repeat;
	text-indent: -9999px;
}

a.team_img:hover {
	background: top left no-repeat;
}

.greg {
	background-image:url(images/team/greg-newman.jpg) !important;
}

.jay {
	background-image:url(images/team/jay-shipley.jpg) !important;
}

.edd {
	background-image:url(images/team/edd-grant.jpg) !important;
}

.maggie {
	background-image:url(images/team/maggie-majstrova.jpg) !important;
}

.karyn {
	background-image:url(images/team/karyn-clarke.jpg) !important;
}

.james {
	background-image:url(images/team/james-ward.jpg) !important;
}

.mark {
	background-image:url(images/team/mark-donington.jpg) !important;
}

.fonz {
	background-image:url(images/team/fonz.jpg) !important;
}

.news_title {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 8px;
}

.news_text {
	margin-bottom: 30px;
}

#gallery {
	margin-top: 30px;
}

h4 {
	color: #ffffff;
	font-size: 1.1em;
	margin-bottom: 5px;
}

ol.pagelist, ul.pagelist {
	margin: 20px 0px;
}

ol.pagelist li, ul.pagelist li {
	margin: 0px 0px 7px 25px;
}

.full_box_wide {
	background: #2b2b2b url(images/full-box-bg.gif) left bottom no-repeat;
	padding: 12px 12px 14px 12px;
	margin-bottom: 11px;
}

.testimonial_text {
	padding: 20px 0px 20px 20px;
	margin-top: 20px;
}

.testimonial_col {
	float: left;
	width: 190px;
	margin: 20px 30px 0px 0px;
}

.testimonial_outcome {
	float: right;
	width: 190px;
	padding: 20px;
	background-color: #353535;
}

.pdf_link {
	float: left;
	margin: 20px 10px 0px 0px;
}

.testimonial_left {
	float: left;
	width: 475px;
}

.testimonial_right {
	float: right;
	width: 424px;
}

.illustration_header {
	margin: -13px 0px 30px -13px;
}

ul.sitemapnav {
	list-style: disc;
}

ul.sitemapnav li {
	margin: 0px 0px 7px 25px;
}

ul.sitemapnav li ul {
	list-style: disc;
}

.testimonial_copy {
	width: 460px;
	margin: 30px 0px;
}

#about_portfolio {
	width: 223px;
	height: 274px;
	background: #2b2b2b url(images/about-portfolio-bg.gif) left bottom no-repeat;
	padding: 51px 0px 0px 12px;
}

#about_portfolio img {
	float: left;
}

.gallery_box {
	float: left;
	width: 305px;
	padding-top: 30px;
	margin-right: 10px;
}

.gallery_box p {
	font-size: 0.9em;
	line-height: 11pt;
	margin: 7px 0px 0px 10px;
}

.product_box {
	padding: 9px;
	background: #2b2b2b url(images/page-left-bg.gif) left bottom no-repeat;
	margin-bottom: 11px;
}

#product_text {
	padding: 16px;	
}

#why_text {
	padding: 20px;
	background:#131313;	
}

.why_title{
	background:#1e1e1f;
	padding:12px 0px 20px 10px;
}

#why_text img{
	float:left;
	margin-bottom:25px;
}

.why_pad{
	margin-right:26px;
}

ul.why_list {
	list-style: square;	
}

ul.why_list li {
	margin: 0px 0px 4px 20px;
	color: #f68b20;
	font-size: 1em;
	font-weight: bold;
}

#project_text {
	/*padding: 16px;*/	
	padding-bottom:10px;
}

.project_title{
	padding:13px 0px 17px 17px;
}

.cell{
	padding:18px 10px 0px 10px;
	vertical-align:top;
}

.grey_bar {
	background: #1a1a1a;
}

.homeh1 {
	width: 311px;
	height: 44px;
	background: #2b2b2b url(images/home-title.gif) left bottom no-repeat;
	text-indent: -9999px;
}


.mapLabel {
	color: black;
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-align: left;
}

/**************************************************************/

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:964px;
	height: 214px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.mask1{
	position:relative;
	width:964px;
	height:214px;
	overflow:hidden;
}

pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

.buttons span{color:#0080FF;cursor:pointer;float:left;clear:right;}

.header_text {
	width: 165px !important;
	margin-left: 15px;
	color: #ffffff;
	line-height: 13pt;
}

.header_text h3 {
	color: #f7941d !important;
	margin:50px 0px 7px 0px !important;
	font-family: arial !important;
}

.header_tim_hayes {
	background: url(images/header/tim-hayes.jpg) top left no-repeat;
}

.header_hgc {
	background: url(images/header/hgc.jpg) top left no-repeat;
}

.header_buffalo {
	background: url(images/header/buffalo.jpg) top left no-repeat;
}

.header_ditto {
	background: url(images/header/ditto.jpg) top left no-repeat;
}

.header_db {
	background: url(images/header/db.jpg) top left no-repeat;
}