@charset "utf-8";
/* CSS Document */

#container2 { background:none; padding-bottom:0; min-height:840px; }
#container2 .block-left { background-color:#d13b2a; }

h1 {border:none;}


/* Main Banner */

#banners {
	margin:0 0 12px 0;
	height:305px;
	background:transparent url(/home/images/mzamm_serviceicon_090316.jpg) 0 0 no-repeat;
	position:relative;
}
#banners h1 {
	background:transparent url(/home/images/mzamm_headline_090316.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:334px;
	height:60px;
	top:40px;
	left:315px;
}
#banners h2 {
	background:transparent url(/home/images/mzamm_subhead_090316.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:334px;
	height:80px;
	top:129px;
	left:315px;
}
#banners p a {
	text-indent:-9999px;
	position:absolute;
	width:720px;
	height:305px;
	/*text-align:right;*/
	line-height:530px;
}


/* Services Links */

/*#services {
	color:#999999;
	font-size: 11px;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}
ul.servicelinks { list-style-type:none; }
ul.servicelinks li { display:inline; border-left:1px #77a1bf solid; height:50px; margin-left:8px; padding-left:12px; }
ul.servicelinks li.first { border-left:none; margin-left:0px; padding-left:0px; }
a:hover#service1, a:hover#service2, a:hover#service3, a:hover#service4, a:hover#service5, a:hover#service6 {
	text-decoration:none;
	color:#ffb754;
}
#service1, #service2, #service3, #service4, #service5, #service6 {
	background-color:#000000;
	border:2px #000000 solid;
}*/


/* Solutions List */

#n-services { background:none; width:540px; margin-bottom:15px; }
#n-services b.rtop, #n-services b.rbottom { background:#000; }
#n-services b.rtop b { background:#333; /*#516a88*/ }
#n-services b.rbottom b { background:#283443; }

#solutionslist {
	margin:0 auto;
	height:100%;
	background-image:url(/solutions/local/images/sl-bggradient.jpg);
	border-top:1px #191919 solid;
}
#solutions { height:110px; } /* Controls height of list div */
#solutions h3 {
	text-align:center;
	font:bold 100%/115% 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
#solutions .solutionsimage {
	float:left;
	width:70px;
	height:90px;
	padding:10px;
}

#solutions .solutionsimage h3 a:link, #solutions .solutionsimage h3 a:visited {
	color:#9dc1da; /*color:#ffb754;*/
	height:0px;
	padding-top:60px;
	background-repeat:no-repeat;
	background-position:50% 100%;
	display:block;
}
#solutions .solutionsimage h3 a:hover { text-decoration:none; color:#ffffff; }

#solutions #sl-animation h3 a { background-image:url(/solutions/local/images/solutions_tnr-animation.png); }
#solutions #sl-video h3 a { background-image:url(/solutions/local/images/solutions_tnr-video.png); }
#solutions #sl-photo h3 a { background-image:url(/solutions/local/images/solutions_tnr-photo.png); }
#solutions #sl-illustration h3 a { background-image:url(/solutions/local/images/solutions_tnr-illustration.png); }
#solutions #sl-graphicdesign h3 a { background-image:url(/solutions/local/images/solutions_tnr-graphicdesign.png); }
#solutions #sl-identity h3 a { background-image:url(/solutions/local/images/solutions_tnr-identity.png); }


/* Title Bars */

.titlebar {
	height:20px;
	padding:2px 0 0 27px;
	background:#333 url(/global/icons/arrowicon_orangedown.png) 10px 4px no-repeat;
}
.titlebar h2 {
	letter-spacing:1px;
	text-transform:uppercase;
	font:bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.titlebar h2 a:link, .titlebar h2 a:visited {
	color:#ffb754;
}


/* News Index */

#n-news { margin-bottom:5px; width:540px; }
#n-news b.rtop, #n-news b.rbottom { background-color:#000; }
#n-news b.rtop b { background-color:#333; }
#n-news b.rbottom b { background-color:#efefef; }

#newscenter {
	height:100%;
	min-height:300px;
	background-color:#efefef;
	padding:12px 12px 0px 15px;
	border-top:1px #191919 solid;
}

#newscenter h3 a { text-decoration:none; }
#newscenter h3 a:link, #newscenter h3 a:visited { color:#000000; }
#newscenter h3 a:hover { color:#0088cc; }

#newscenter .news { padding-bottom:10px; overflow:hidden; }

.news h3.newsTitle {
	color:#000000;
	font:bold 13px/17px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-bottom:2px;
}
.news p.newsDate {
	color:#9f2d20;
	font:bold 10px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:3px;
}
.news p.newsCopy {
	color:#666666;
	font:normal 11px/14px Helvetica, Arial, sans-serif;
}
.news p.newsCopy a:link, .news p.newsCopy a:visited {
	color:#666;
}
.news p.newsMore, #portcenter p.newsMore {
	font:bold 10px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:right;
	padding-right:10px;
	background:transparent url(/global/icons/arrowicon_bluesmall.gif) right 5px no-repeat;
}
.news p.newsMore a:link, .news p.newsMore a:visited, .news p.newsMore a:hover {
	color:#0088cc;
}


/* Portfolio Index */

#n-portfolio { margin-bottom:5px; width:170px; float:right; }
#n-portfolio b.rtop, #n-portfolio b.rbottom { background-color:#000; }
#n-portfolio b.rtop b { background-color:#333; }
#n-portfolio b.rbottom b { background-color:#333; }

#p-animation, #p-webdesign {
	height:100%;
	background-color:#000000;
	padding:7px 0 0 0;
	border-top:1px #191919 solid;
	overflow:hidden;
	/*_height:1%;
	*position:relative;*/
}

#accordion h3 { position:relative; } 
#p-animation a, #p-webdesign a { text-decoration:none; }
/*#p-animation h4 a { *position:absolute; *display:inline; }*/
#p-animation a:link h4, #p-animation a:visited h4, #p-webdesign h4 a:link, #p-webdesign h4 a:visited { color:#9dc1da; }
#p-animation a:hover h4, #p-webdesign h4 a:hover { color:#ffb754; }

#p-animation h4.portTitle {
	color:#ffffff;
	font:bold 11px/14px  "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#p-animation p.portCopy {
	color:#999;
	font:regular 10px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-left:78px;
}
#p-animation p.viewAll, #p-webdesign p.viewAll {
	font:bold 10px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:right;
	padding-right:10px;
	background:transparent url(/global/icons/arrowicon_bluesmall.gif) right 5px no-repeat;
}
#p-animation p.viewAll a:link, #p-animation p.viewAll a:visited, #p-animation p.viewAll a:visited,
#p-webdesign p.viewAll a:link, #p-webdesign p.viewAll a:visited, #p-webdesign p.viewAll a:visited {
	color:#459fcc;
}
#p-animation p.viewAll a:hover, #p-webdesign p.viewAll a:hover { text-decoration:underline; }

#p-animation li {
	padding-top:5px;
	padding-bottom:12px;
	border-top:1px #283443 solid;
}
#p-animation li.first {
	padding-top:0px;
	border:0;
}
#p-animation li.last {
	padding-bottom:0px;
	border:0;
}
#p-animation img {
	float:left;
	padding:3px 8px 0px 2px;
	/*display:inline;*/
}


/* WEB DESIGN */

/*#p-webdesign ul { text-align:center; }*/
#p-webdesign h4.portTitle {
	color:#ffffff;
	font:bold 11px/14px  "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-top:3px;
	margin-bottom:0;
	text-align:left;
}
#p-webdesign li {
	padding-top:5px;
	padding-bottom:12px;
	border-top:1px #283443 solid;
}
#p-webdesign li.first {
	padding-top:0px;
	border:none;
}
#p-webdesign li.last {
	padding-bottom:0px;
	border:none;
}
#p-webdesign img {
	display:block;
	margin:3px 0px 5px 16px;
	clear:both;
}
#p-webdesign img.favicon {
	float:left;
	margin:0 5px 10px 16px;
	clear:none;
}


/* PORTFOLIO TOP LEVELS */

a.head {
	cursor:pointer;
	display:block;
	padding:5px 5px 5px 27px;
	text-decoration: none;
	font:bold 11px Tahoma, Helvetica, Arial, sans-serif;
	color: #000000;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #999 solid;
	background:#cccccc url(/global/images/accordion_bg-normal.jpg) 0 0 repeat-x;
	/*background-color: #00a0c6;*/
}
a.head:hover, h3.ui-state-active a.head {
	color:#ffffff;
	background:#ccccff url(/global/images/accordion_bg-over.jpg) 0 0 repeat-x;
}
h3.ui-state-active a.head {
	color:#000000;
	background:#ccccff url(/global/images/accordion_bg-over.jpg) 0 0 repeat-x;
}
h3.ui-state-active, h3.ui-state-focus { outline:none; }


/* JQUERY UI CSS BORROWS -- should eventually include the main css and then override */

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; margin-left:7px; position:absolute; top:4px; }
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/global/scripts/jquery/themes/ui-darkness/images/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/global/scripts/jquery/themes/ui-darkness/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/global/scripts/jquery/themes/ui-darkness/images/ui-icons_222222_256x240.png); }

/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }