html {height:100%;}
body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #10020F url(../images/bg-body.jpg) no-repeat center top;
	min-width: 890px;
	height: 100%;
	color:#fff;
	margin:0;
	padding:0;
}
hr{
	background:url('../images/dot-orange.gif'); margin:25px 0 25px 0;height:1px;width:410px;
	border:0;padding:0;
}
/* main containers styles */
.holder {
	overflow: hidden;
	width: 100%;
}
#main {
	background: url(../images/bg-page.png) repeat-y;
	margin:0 auto;
	width:890px;
	overflow:hidden;
	position:relative;
	min-height: 100%;
}
* html #main {
	height: 100%;
	overflow: visible;
}
/* header block styles */
#header {
	width:824px;
	height:294px;
	background:#3c0543 url(../images/bg-header.jpg) no-repeat;
	position:absolute;
	margin: 0 33px;
	top:0;
	left:0;
}
#header .header-area {
	background: url(../images/bg-banner.jpg) no-repeat;
	overflow: hidden;
	height: 256px;
	width: 100%;
}
/* logo styles */
#header strong.logo {
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 156px;
	height: 69px;
	margin: 5px 22px 0 21px;
}
#header strong.logo a {
	position: relative;
	cursor: pointer;
	display: block;
	height: 100%;
}
/* top navigation styles */
#main-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#main-nav li {
	background: none;
	display: inline;
	overflow: hidden;
	margin: 0 -1px;
	height: 84px;
	padding: 0;
	float: left;
}
#main-nav a:focus {outline: none;}
#main-nav li a{
	background: url(../images/menu-item-bg.png) no-repeat;
	position: relative;
	text-indent: -9999px;
	width: 89px;
	height: 65px;
	display: block;
	padding: 0 3px;
}
#main-nav a:hover, #main-nav a.active {
	background: url(../images/menu-item-bg-hover.png) no-repeat;
	height: 84px;
}
#main-nav li a span {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 65px;
}
#main-nav a:hover span,
#main-nav a.active span {
	height: 81px;
}

#main-nav li#item101 a span {background-image: url(../images/menu-marketing.png);}
#main-nav li#item109 a span {background-image: url(../images/menu-print.png);}
#main-nav li#item111 a span {background-image: url(../images/menu-interactive.png);}
#main-nav li#item128 a span {background-image: url(../images/menu-broadcast.png);}
#main-nav li#item129 a span {background-image: url(../images/menu-gallery.png);}

#main-nav li#item101 a:hover span, #main-nav li#item101 a.active span {background-image: url(../images/menu-marketing-hover.png);}
#main-nav li#item109 a:hover span, #main-nav li#item109 a.active span {background-image: url(../images/menu-print-hover.png);}
#main-nav li#item111 a:hover span, #main-nav li#item111 a.active span {background-image: url(../images/menu-interactive-hover.png);}
#main-nav li#item128 a:hover span, #main-nav li#item128 a.active span {background-image: url(../images/menu-broadcast-hover.png);}
#main-nav li#item129 a:hover span, #main-nav li#item129 a.active span {background-image: url(../images/menu-gallery-hover.png);}

/* navigation menu styles */
#navigation {
	margin: 0;
	font-size: 12px;
	list-style: none;
	float: left;
	width: 600px;
	display: inline;
	padding: 0;
	margin: 0 0 0 10px;
}
#navigation div {display: none;}
#navigation li:hover, #navigation li.hover {position: relative;}
#navigation li {
	background: url(../images/separator1.gif) no-repeat 0 50%;
	padding: 0 2px 0 6px;
	float: left;
  font-weight:bold;
}
#navigation li:first-child {background-image: none;}

#navigation a:hover {text-decoration: none;}
#navigation a:focus {outline: none;}
#navigation a {
	padding: 10px;
	float: left;
	color: #666;
}
#navigation li:hover a, #navigation li.hover a {
	background: url(../images/navigation-hover.png);
	color: #fff;
}
#navigation li:hover ul a, #navigation li.hover ul a {
	background: none;
	color: #757575;
}
#navigation li:hover ul ul, #navigation li.hover ul ul {background: none;}
/* second level dropdown menu */
#navigation li:hover div, #navigation li.hover div {display: block;}
#navigation li:hover div div, #navigation li.hover div div {display: none;}
#navigation div {
	position: absolute;
	width: 130px;
	left: 6px;
	top: 35px;
}
#navigation ul {
	background: url(../images/navigation-dropdown.png);
	list-style: none;
	font-size: 11px;
	float: left;
	width: 130px;
	padding: 0;
	margin: 0;
}
#navigation ul li {
	background: url(../images/none.gif);
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 130px;
	float: left;
}
#navigation ul li.arrow {background: url(../images/navigation-arrow.gif) no-repeat 119px 50%;}

#navigation ul li a {
	background: url(../images/navigation-bullet.gif) no-repeat 8px 50%    !important;
	color: #757575 !important;
	padding: 4px 0 4px 15px;
	display: block;
	margin: 0;
	float: none;
}
#navigation ul li:hover a, #navigation ul li.hover a{
	background-image: url(../images/navigation-bullet-hover.gif) !important;
	color: #fff !important;
}
#navigation ul li:hover ul a, #navigation ul li.hover ul a {
	background: url(../images/navigation-bullet.gif) no-repeat 8px 50%    !important;
	color: #757575 !important;
	font-size:9px!important;
}
/* third level dropdown styles */
#navigation ul li:hover div, #navigation ul li.hover div {display: block;}
#navigation ul li:hover ul, #navigation ul li.hover ul {background: url(../images/navigation-dropdown.png);}
#navigation ul div {
	text-transform: uppercase; /* remove this string to disable text transformation in third block */
	left: 130px;
	top: 0;
}
#navigation ul ul li a {
	background: url(../images/navigation-bullet.gif) no-repeat 8px 50%    !important;
	color: #757575 !important;
}
#navigation ul ul li:hover a, #navigation ul ul li.hover a{
	background-image: url(../images/navigation-bullet-hover.gif) !important;
	color: #fff !important;
}
/* header search block styles */
#header-search fieldset {
	padding: 7px 0;
	width: 208px;
	float: right;
}
#header-search input.text {
	font: bold 9px/11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #c9cc95;
	background: #f6f7e7;
	color: #a6a6a6;
	margin: 0 6px 0 0;
	padding: 4px 0 3px 9px;
	width: 137px;
	float: left;
}
#header-search input.image {
	float: left;
}
/* content block styles */
#content {
	background: #fff;
	width:824px;
	margin:294px auto 0;
	padding: 0 0 70px;
	overflow:hidden;
	color: #333;
}
#content a.more {
	background: url(../images/link-more.gif) no-repeat 100% 85%;
	text-transform: uppercase;
	padding: 0 8px 0 0;
}


#featured-title,
#related-title {
	background: url(../images/title-featured.png) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 -8px;
	overflow: hidden;
	display: block;
	width: 164px;
	height: 20px;
}
#related-title {background: url(../images/title-related.png) no-repeat;}
/* feature area */
#content-feature-area {
	float: left;
	background: url(../images/bg-feature-area1.gif) no-repeat;
	overflow: hidden;
	list-style: none;
	width: 421px;
	padding: 17px 7px 0 8px;
	font-size: 10px;
	margin: 0;
}
#content-feature-area li {
	background: none;
	margin: 0 1px 0 0;
	padding: 0 22px;
	width: 158px;
	float: left;
}
#content-feature-area h2 {
	font-size: 15px;
	color: #512967;
	margin-top:6px;
	line-height:100%;
}
#content-feature-area-bold {
	text-transform: uppercase;
	color: #757575;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom:2px;
}  
#content-feature-area p {
	margin: 3px 0 2px;
	font: 11px Arial, Helvetica, sans-serif!important;
	line-height:130%!important;
	padding-top:0px;
}
#content-feature-area .logo-container {
	padding: 10px 0 15px;
}
/* thumbnail holder styles */
.thumbnail-holder a {
	padding: 2px;
	background: #f2f1ed;
	border: 1px solid #999;
	margin: 0 0 4px;
	float: left;
}
/* content image holder block styles */
#content .content-img-holder {
	border-bottom: 1px solid #d1d1d1;
	margin: 0 0 15px;
	text-align: center;
	overflow: hidden;
}
/* sidebar featured list styles */
.featured-list {
	width: 350px;
	overflow: hidden;
	list-style: none;
	padding:  0;
	margin: 0;
}
.featured-list li {
	overflow: hidden;
	background: none;
	margin: 0 35px 20px 0;
	display: inline;
	padding: 0;
	width: 125px;
	float: left;
}
.featured-list li#top-featured {
	margin:22px 0 0 0;
	width: 284px;
	clear: both;
}
.featured-list li#top-featured .thumbnail-holder {
	margin: 0 7px 0 0;
	float: left;
}
/* breadcrumbs list styles */
#breadcrumbs {
	text-transform: uppercase;
	overflow: hidden;
	list-style: none;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	padding: 16px 0 27px;
	margin: -44px 0 0;
	width: 100%;
}
#breadcrumbs li {
	display: inline;
	background: none;
	padding: 0 8px 0 0;
	margin: 0 0 0 -6px;
  font-size: 9px!important;
}
#breadcrumbs a, #breadcrumbs a.active:hover {
	text-decoration: underline;
	color: #666;
}
#breadcrumbs a.active, #breadcrumbs a:hover {text-decoration: none;}
/* more links block styles */
#more-links {
	background: url(../images/bg-morelinks.gif) no-repeat;
	overflow: hidden;
	border: 1px solid #d1d1d1;
	border-width: 1px 0;
	padding: 10px 0;
	margin-top: 20px;
	width: 100%;
}
#more-links strong {
	background: url(../images/gear.gif) no-repeat;
	text-transform: uppercase;
	padding: 0 0 0 20px;
	height: 16px;
	float: left;
	color: #652d91;
}
#more-links ul {
	overflow: hidden;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#more-links ul li {
	background: url(../images/separator5.gif) no-repeat 0 50%;
	display: inline;
	padding: 0 5px;
	margin: 0 0 0 -1px;
}
#more-links a {
	text-decoration: underline;
	color: #666;
}
#more-links a:hover {text-decoration: none;}
/* project list styles */
#projects-list {
	list-style: none;
	padding: 20px 0 0;
	margin: 0;
}
#projects-list li {
	background: none;
	overflow: hidden;
	width: 100%;
	padding: 0 0 10px;
	margin: 0;
}
#projects-list .thumbnail-holder {
	margin: 0 7px 0 0;
	float: left;
}
/* main content block styles */
#main-content {
	background: url(../images/bg-content-area.gif) no-repeat;
	padding: 44px 40px 0 30px;
	overflow: hidden;
	width: 410px;
	float: left;
}
#main-content p {
	font: 12px Arial, Helvetica, sans-serif;
	line-height:160%;
	margin: 5px 0 10px;
}
#main-content li {
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:130%;
	margin: 4px 0 4px;
}
#page-text a {text-decoration: none;}
#page-text a:hover {
	text-decoration: none;
	background: url(../images/link-hover.gif) 0 100% repeat-x;
}

#sidebar {
	position: relative;
	background: #e8e8df;
	font-size: 10px;
	line-height:110%!important;
	width: 329px;
	float: right;
  padding: 0 0 15px 15px;
}
#sidebar div.pad {
  padding:15px 15px 15px 8px;
}
#sidebar p {
	margin:0;
	padding-bottom:2px;
	font: 11px Arial, Helvetica, sans-serif!important;
}
#sidebar h2 {
	font-size: 14px!important;
}
#sidebar h3 {
	font-size: 12px!important;
}
#sidebar .tags {
	font-size:9px!important;
}
#sidebar .meta {
	font-size:10px!important;
	padding-bottom:2px;
}
#sidebar-bottom {
	background: url(../images/bg-sidebar-bottom.gif) no-repeat;
	position: absolute;
	right: 0;
	bottom: -1px;
	font-size: 0;
	line-height: 0;
	width: 384px;
	height: 3px;
}
/* footer block styles */
#footer {
	background: url(../images/bg-footer.gif) repeat-x;
	font-size: 9px;
	line-height: 12px;
	position: relative;
	overflow:hidden;
	margin: -31px auto 0;
	height: 31px;
	width:824px;
}
#footer a {color: #fff;}

#footer ul {
	text-align: center;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
}
#footer ul li {
	background: url(../images/separator2.gif) no-repeat 0 50%;
	display: inline;
	padding: 0 9px 0 10px;
	margin: 0;
}
#footer ul li:first-child {background-image: none;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.clear {clear:both;}

/* Gallery Pages */
.gal_item {position:relative; margin:0 0 15px 0;border-bottom:1px solid #CCC}
.gal_item .galtext {float:left;width:275px;margin-left:10px;padding-bottom:10px}
.gal_item img.thumb {border:1px solid #999894; padding:2px;float:left;background:#FFF;margin:0 0 15px 0}
.gal_item .parent-type,.gal_item .tags {text-transform:uppercase;color:#666;font-size:.8em!important;margin:0!important;padding:0!important}
.gal_item .meta, .clientmeta {color:#666;font-size:.9em!important;margin:0!important;padding:0!important}
.gal_item .intro, .info p {
	margin: 5px 0 10px;
	font: 12px Arial, Helvetica, sans-serif!important;;
	line-height:150%!important;;
	/*color:#333;font-size:.9em!important;margin:0!important;padding:0 0 5px 0!important;line-height:1.2em!important*/
}
.gal_item h2.title {font-size:1.4em!important;margin:0;padding:0;text-transform:capitalize}

.rel_item {position:relative; margin:0 0 15px 0;border-bottom:1px solid #CCC}
.rel_item .galtext {float:left;width:160px;margin-left:10px;padding-bottom:10px}
.rel_item img.thumb {border:1px solid #999894; padding:2px;float:left;background:#FFF;margin:0 0 15px 0}
.rel_item .parent-type,.rel_item .tags {font-weight:bold;text-transform:uppercase;color:#666;font-size:.9em;margin:0 0 3px 0!important;padding:0!important}
.rel_item .parent-type a {color:#666;}
.rel_item .meta, .clientmeta {color:#666;font-size:.9em!important;margin:0!important;padding:0!important}
.rel_item h3 {font-size:1.4em!important;margin:0 0 3px 0;padding:0;text-transform:capitalize}

.home_item {position:relative; margin:0;}
.home_item .galtext {width:120px;padding-bottom:10px}
.home_item img.thumb {border:1px solid #999894; padding:2px;float:left;background:#FFF;margin:0 0 5px 0}
.home_item .parent-type,.home_item .tags {font-weight:bold;text-transform:uppercase;color:#666;font-size:.9em;margin:0!important;padding:0!important}
.home_item .parent-type a {color:#666;}
.home_item .meta, .clientmeta {color:#666;font-size:.9em!important;margin:0!important;padding:0!important}
.home_item h3 {font-size:1.4em!important;margin:0 0 3px 0;padding:0;text-transform:capitalize}

.feat_item {position:relative; margin:0 0 15px 0;}
.feat_item .galtext {float:left;width:150px;margin-left:10px;padding-bottom:10px}
.feat_item img.thumb {border:1px solid #999894; padding:2px;float:left;background:#FFF;margin:0 0 10px 0}
.feat_item .parent-type,.feat_item .tags {font-weight:bold;text-transform:uppercase;color:#666;font-size:.9em;margin:0!important;padding:0!important}
.feat_item .parent-type a {color:#666;}
.feat_item .meta, .clientmeta {color:#666;font-size:.9em!important;margin:0!important;padding:0!important}
.feat_item h3 {font-size:1.4em!important;margin:0 0 3px 0;padding:0;text-transform:capitalize}

.news_item {padding:10px 17px 20px 0}
.news_item h3 {font-size:1.4em}

.client li {width:170px;height:80px;float:left;list-style-type:none;padding:0 0 0 30px;background:none;text-align:center}

ul.accordion {margin:0;padding:0}
ul.accordion ul {margin:0;padding:0}
ul.accordion li {background:url('../images/bg-sidebarmenu.gif') repeat-y right top;padding:0;border-top:1px solid #ccc;line-height:20px}
ul.accordion li a {margin-left:5px}
ul.accordion li.l_1 {margin:0;}
ul.accordion li.l_1 a {color:#555}
ul.accordion li.l_2 {margin:0;background:url('../images/bg-sidebarmenu2.gif') repeat-y right top;}
ul.accordion li.l_2 a {color:#666}
ul.accordion li.l_3 {margin:0;}
ul.accordion div.tog {float:left;width:20px;background:url('../images/icon-sb-gear-off.gif') no-repeat;}
ul.accordion div.non {float:left;width:20px;background:url('../images/icon-sb-gear-none.gif') no-repeat;}
ul.accordion li.l_2 div.tog,ul.accordion li.l_2 div.non {margin-left:20px}
ul.accordion li.l_3 div.tog,ul.accordion li.l_3 div.non {margin-left:40px}
ul.accordion div.tog span, ul.accordion div.non span {visibility:hidden}
ul.accordion div.open {background:url('../images/icon-sb-gear-on.gif') no-repeat;}
ul.accordion li a:hover {color:#333}
ul.accordion li:hover {background:url('../images/bg-sidebarmenu3.gif') repeat-y right top;}
ul.accordion .ahere {font-weight:bold;color:#444!important}

/* additional css rules for specific pages */

/* Main Gallery Page */
.gallery-nav {width:280px}
.gallery-nav ul li {width:90px!important;float:left;display:block;padding-right:0;} 
.gallery-nav ul {} 
.gallery-nav  tr {background:url(../images/sep-sidebar.gif) no-repeat left bottom}
.gallery-nav  td{padding:15px 0 }
.gallery-nav h3 {text-transform:uppercase;font-size:1.3em}
.gallery-nav img {margin-right:15px}