html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
caption, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

td, th { vertical-align: middle; padding: 5px; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/* table {
	border-collapse: collapse;
	border-spacing: 0;
} */

body {
	/* background: #fff url(/images/hump.png) no-repeat left 275px; */
	border-top: 6px solid #701471;
	font-family: Arial,Sans-Serif;
	font-size: 0.9em;
	color: #757575;

}

a { color: #701471; text-decoration: none; }
a:hover { text-decoration: underline; }

#header {
	background: url(/images/header_gradient.png) repeat-x bottom;
	margin: 0 auto;
}
#header h1 {
	background: url(/images/header.png) no-repeat top center;
	height: 126px;
	margin: 0;
	position: relative;
}
#header h1 a {
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
#header h1 a span { position: absolute; left: -10000px; top: -10000px; }

#nav {
	background: #00507f url(/images/nav_gradient.png) repeat-x bottom;
	height: 43px;
}
#nav ul { margin: 0 auto; width: 960px; }
#nav ul li {
	border-right: 1px solid #1a628b;
	border-left: 1px solid #004872;
	display: inline-block;
	margin-right: -4px;
}
#nav ul li.first { border-left: 0; }
#nav ul li.last { border-right: 0; }
#nav ul li a {
	display: inline-block;
	height: 29px;
	padding: 14px 16px 0 16px;
	margin: 0 2px;
	color: #e0e0e0;
	text-decoration: none;
}
#nav ul li.active a, #nav ul li:hover a { background-color: #3a7da4; }

.contentblock { float: left; width: 100%; }
#body {
	margin: 15px auto 0;
	width: 960px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.fullgradient {
	background: url(/images/content_top.png) no-repeat left top;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	/* position: relative; */
	padding: 8px;
	width: 710px;
	padding-left: 250px;
}

div.hideSidemenus {
	padding-left: 8px;
	width: 952px;
}

.col3gradient {
	background: url(/images/content_top.png) no-repeat left top;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	position: relative;
	padding: 4px 15px 9px;
	width: 285px;
}
.gradientright {
	background: url(/images/content_top_right.png) no-repeat right top;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

#footer #footerlinks { height: 37px; margin: 0 auto; width: 960px; text-align: center; }
#footer #footerlinks li { display: inline-block; margin: 0 5px; padding-top: 10px; height: 27px; }
#footerlinks li a { color: #a5a58f; text-decoration: none; }
#footerlinks li a:hover { text-decoration: underline; }

#footer #isc { background: #bfbfbf; height: 102px; position: relative; }
#footer #isc a {
	background: #bfbfbf url(/images/isc.png) no-repeat center center;
	display: block;
	height: 102px;
	margin: 0 auto;
	width: 150px;
}
#footer #isc a span { position: absolute; left: -10000px; top: -10000px; }
#footer #copyright { text-align: center; margin-top: 12px; font-size: 12px; margin-bottom: 0.5em; }

h1, h2, h3 { font-size: 24px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #701471; font-weight: normal;}
h2 { font-size: 18px; }
h3 { font-size: 15px; color: #00507f; }

h1, h2, h3, h4, h5, h6 { margin: 0.4em 0 0.8em; }
p { margin: 0.4em 0; }

ul { list-style: circle; margin-left: 1.8em; margin-top: 0.6em; }

ul.linklist {
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 6px;
}
ul.linklist li { margin: 0; margin-top: 1px; }
ul.linklist li a {
	background: #e3e3e3 url(/images/linklistbullet.png) no-repeat 10px center;
	color: #1775ac;
	display: block;
	padding: 4px 0 4px 25px;
	text-decoration: none;
}

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

#menu {
	background: #a9cbdf url(/images/menubg.png) repeat-x top;
	width: 220px;
	margin-left: -243px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	padding: 5px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#menu h2 {
	text-align: center;
	color: white;
	font-size: 16px;
	margin-top: 1em;
}

#menu ul { list-style: none; margin: 0; }
#menu ul li { margin: 0; padding: 0; }

#menu ul li a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	color: #701471;
	display: block;
	margin: 3px -5px 3px 10px;
	padding: 7px 7px 7px 12px;
	text-decoration: none;

	font-size: 12px;
}

#menu a.current, #menu a:hover { background-color: #fff; padding-right: 8px; }
#menu a.current { font-weight: bold; }
/* #body div#menu ul li a:hover { background-color: #fff !important; padding-right: 8px; }
#menu ul li.current a { background-color: #fff; padding-right: 8px; }
#menu ul li.current li a { background-color: transparent; } */
#menu li.parent a { padding-left: 8px; }
#menu ul ul li a { padding-left: 20px; }

.purple {
	background: #671c68 url(/images/purplegradient.png) repeat-x top center;
	min-height: 300px;
	height: auto !important;
	height: 300px;

	margin-bottom: 4px;

	color: #fff;
}

.purple .template {
	width: 960px;
	margin: 0 auto;
}

.purplesmall {
	background: #671c68 url(/images/purplegradient.png) repeat-x top center;
	height: 58px;
	margin-top: 20px;
	margin-bottom: 4px;
}

.floatleft {
	border: 2px solid #9a329b;
	float: left;
	margin: 0.5em 0.5em 0.5em 0;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.floatright {
	border: 2px solid #9a329b;
	float: left;
	margin: 0.5em 0 0.5em 0.5em;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.purple h1, .purple h2, .purple h3 { color: #fff; }

.purple ul.linklist li a {
	background-image: url(/images/linklistbullet_purple.png);
	background-color: #540955;
	color: #fff;
}

.purple .bigcol1, .purple .bigcol2, .purple .bigcol3 { padding-top: 0.7em;  padding-left: 10px; padding-right: 10px; width: 286px; }

.purple .bigcol2 { padding-left: 18px; padding-right: 18px; margin-left: 9px; border-left: 1px solid #7e3e7f; border-right: 1px solid #7e3e7f; width: 288px; }

.blue {
	background: #00507f;
	margin-top: 20px;
	margin-bottom: 4px;

	color: #fff;
}

.blue .template {
	width: 960px;
	margin: 0 auto;

	min-height: 200px;
	height: auto !important;
	height: 200px;
}

.blue h1, .blue h2, .blue h3 { color: #fff; }

.blue ul.linklist li a {
	background-color: #540955;
	color: #fff;
}

.inform textarea {
	width: 400px;
	height: 200px;
}


.error { color: #FF0000; }

.odd    { width: 350px; float:  left; clear: left;  margin: 10px 0; }
.even   { width: 350px; float: right; clear: right; margin: 10px 0; }

.spacer-l { float:  left; width: 1px; height: 7em; }
.spacer-r { float: right; width: 1px; height: 7em; }
.caption { display: block; text-align: center; font-style: italic; font-size: 90%; }

.article .odd  { margin: 0 10px 0 0; padding-top: 1em; }

.article-mid .odd, .article-mid .even { margin: 0; }

.am-image        { float:  left; clear:  left; width: 350px; margin: 0 10px 0 -180px;  padding-top: 1em; }
.am-image-spacer { float: right; clear: right; width: 350px; margin: 0 -180px 0 10px; padding-top: 1em; }
.am-image-spacer .caption { visibility: hidden; speak: none; }

.i1, .i2, .i3 { float: left; width: 230px; }
.i2, .i3 { margin-left: 10px; }

.side-col { width: 230px; }
.main-col { width: 470px; }
.sidebar-l .side-col { float: left; }
.sidebar-l .main-col { float: right; }
.sidebar-r .main-col { float: left; }
.sidebar-r .side-col { float: right; }

.example-img  { float: left;  width: 230px; margin: 0.65em 0; }
.example-text { float: right; width: 470px; margin: 0.65em 0; }
.example-text > *:first-child { margin-top: 0; }

.pictures { width: 230px; }
.pictures-l .pictures { float: left;  margin-right: 10px; }
.pictures-r .pictures { float: right; margin-left:  10px; }

.col1, .col2, .col3 { float: left; width: 230px; }
.col2, .col3 { margin-left: 10px; }

.bigcol1, .bigcol2, .bigcol3 { float: left; width: 312px; padding-bottom: 0; }
.bigcol2, .bigcol3 { margin-left: 12px; }

/* Styles that may be redundant */

img { vertical-align: bottom; }
.clear  { clear: both; }


.big-image { text-align: center; }

.icons { width: 194px; }
.icons-l .pictures { float: left;  margin-right: 14px; }
.icons-r .pictures { float: right; margin-left:  14px; }


.btg-tpl {
	background: #85898c url(../images/btg.png) no-repeat;
	height: 530px;
	position: relative;
	color: white;
	font-size: 9px;
	line-height: 1.5;
}
.btg-tpl .heading {
	position: absolute;
	left: 220px;
	right: 220px;
	top: 20px;
}
.btg-tpl .heading h1.h { font-size: 24px; color: white; margin: 0; }
.btg-tpl .heading p.h { margin: 0 0 20px; }

.btg-tpl h2 { font-size: 16px; color: white; margin: 0; }
.btg-tpl h3 { font-size: 24px; color: black; margin: 0 -23px 20px -15px; text-align: center; }
.btg-tpl .industry {
	position: absolute;
	left: 43px;
	top: 95px;
	width: 103px;
	padding: 0 23px 0 15px;
	font-size: 11px;
}
.btg-tpl .shared {
	position: absolute;
	left: 247px;
	top: 196px;
	width: 217px;
	font-size: 11px;
}
.btg-tpl .rto {
	position: absolute;
	left: 526px;
	top: 95px;
	width: 103px;
	padding: 0 23px 0 15px;
	font-size: 11px;
}
.btg-tpl .box ul { list-style: none; margin: 0; padding: 0; }
.btg-tpl .box li {
	margin: 10px 0;
	border: 1px white solid;
	background: #770d69;
	padding: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 5px 5px 2px #534c56;
	-moz-box-shadow: 5px 5px 2px #534c56;
	-webkit-box-shadow: 5px 5px 2px #534c56;
	-ms-filter: progid:DXImageTransform.Microsoft.DropShadow(offX=5,offY=5,color=#534c56);
}

.caption { display: block; text-align: center; font-style: italic; }


#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: none; clear: both; }
#overlay img { border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}

/* Portfolio */
.pf-outer { border: 1px #ccc solid; margin-top: 20px; padding: 12px; width: 539px; margin: auto; }
.pf-item { background: #444 none repeat scroll 0 0; color: white; overflow: hidden; padding: 15px 275px 15px 15px; position: relative; line-height: 1.2; }
.pf-logo { position: absolute; right: 20px; top: 20px; }
.pf-item .visit { border: none; color: white; font-size: 120%; left: 281px; position: absolute; top: 217px; }
.pf-item .visit img { margin-right: 20px; vertical-align: middle; }
.pf-item h2 { font: 200% Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 0; color: white; }
.pf-item h3 { font: bold 110% Arial,Helvetica,sans-serif; margin: 10px 0; padding: 0; color: white; }
.pf-item a { text-decoration: none; }

/* Gallery */
.gal {
	width: 526px;
	height: 414px;
	z-index: 5;
	border: 1px solid #000;
	overflow: hidden;
}
#galcontainer {
	margin: 25px 4px 4px;
	border: 1px solid #ccc;
	padding: 12px;

}
.galcontainer {
	width: 528px;
}

.gal h2 { color: #fff; }
#content #pfgal a { border-bottom: none; }
#pfgal {
	width: 526px;
	height: 414px;
	z-index: 5;
	border: 1px solid #000;
}
#pfgal img.thumbnail { display: none; }

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/loading-bar-black.gif);
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2 { margin: 8px; }

.jdGallery .slideInfoZone p
{
	display: none;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('../img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	/*position: absolute;*/
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url(../images/fleche1.gif) no-repeat center left;
}

* html .jdGallery a.left { background: url(../images/fleche1.gif) no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url(../images/fleche2.gif) no-repeat center right;
}

* html .jdGallery a.right { background: url(../images/fleche2.gif) no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('../img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('../img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

ul.flat {
 list-style-type:none;
 padding-left:0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:1px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

/* background-image-based CSS3 example */

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.graphic li {
 margin-bottom:2px;
}

/* ul.graphic li a, */
ul.graphic li a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:inline-block;
 padding-left:22px;
 min-height:16px;
 border:3px solid #666;
 background-color:#666;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0px 3px 0px 20px;
 min-width:19em;
 _width:19em;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
 text-shadow: 0 0 0 #000; /* stupid Safari "fat" font rendering tweak */
}

ul.graphic li a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.15s ease-in-out;
}

ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background:#333 url(/images/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_play.gif); /* IE 6 */
 border-color:#333;
}

ul.graphic li a.sm2_paused {
 background-color:#999;
 border-color:#999;
}

ul.graphic li a.sm2_paused:hover {
 background:#999 url(/images/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_play.gif);
 border-color:#999;
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#336699 url(/images/icon_pause.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_pause.gif);
 border-color:#336699;
 text-decoration:none;
}

/* hide button while playing?
ul.graphic li a.sm2_playing {
 background-image:none;
}
*/
/* flat CSS example */

ul.flat a.sm2_link {
 /* default state: "a playable link" */
 border-left:6px solid #999;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 border-left-color:#33cc33;
}

#googleSearch {
	width: 700px;
	float: right;
}

#googleSearch .gsc-input input { height: 19px; }

/** FLOW PLAYER */

.floverlay {
	display: none;
	background-color: #000;
	width: 900px;
	height: 400px;
	padding: 0 !important;
}