/* ============================ common ============================== */
body { 
	color: #190d55; background: #fff;
	font: normal 69% Arial, Tahoma, Verdana, sans-serif;
}

a { color: #c0c852; text-decoration: none; }
a:hover, a:active, a:focus { color: #190d55; text-decoration: underline; }

img { display: block; }
a img { border: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{height: 1%;} /* ie */

/* ========================== common end ============================ */

/* ============================ layout ============================== */
#navigation li.nav-events 	{ width: 60px; }
#navigation li.nav-events 	span{ background: url(../img/nav-events.gif) no-repeat 0 0; }

#holder{ 
	width: 761px;
	margin: 0 auto;
}

#header{
	width: 100%; height: 105px;
	margin: 0 0 19px 0; padding: 105px 0 0 0;
}
#home #header{ background: url(../img/bg-header-home.jpg) no-repeat 0 0; }
#subpage #header{ background: url(../img/bg-header-subpage.jpg) no-repeat 0 0; }
#subpageblue #header{ background: url(../img/bg-header-home.jpg) no-repeat 0 0; }

#content, #contentideate, #contentstretch, #contentgenerate, #contentpresent, #contentresolve, #contentconnect { 
	float: left;
	width: 498px;
}
#home #content{ background: url(../img/bg-content-home.jpg) no-repeat 0 0; }
#subpage #content{ background: url(../img/bg-content-subpage.jpg) no-repeat 0 0; }
#subpageblue #content{ background: url(../img/bg-content-home.jpg) no-repeat 0 0; }
#contentideate{ background: url(../img/bg-ideate.jpg) no-repeat 0 0; }
#contentstretch{ background: url(../img/bg-stretch.jpg) no-repeat 0 0; }
#contentconnect{ background: url(../img/bg-connect.jpg) no-repeat 0 0; }
#contentgenerate{ background: url(../img/bg-generate.jpg) no-repeat 0 0; }
#contentpresent{ background: url(../img/bg-present.jpg) no-repeat 0 0; }
#contentresolve{ background: url(../img/bg-resolve.jpg) no-repeat 0 0; }

#side-bar{ 
	position: relative; float: right;
	width: 240px;
}
/*#home #side-bar{ background: url(../img/bg-sidebar-home.jpg) no-repeat 100% 0; }
#subpage #side-bar{ background: url(../img/bg-sidebar-subpage.jpg) no-repeat 100% 100%; }*/
#subpageblue #side-bar.sbn{ background-image: none; }
#subpage #side-bar.sbn{ background-image: none; }

#footer{ 
	clear: both;
	width: 100%; height: 271px;
}
.content_footer {
	background:url(../img/content_footer.gif) no-repeat bottom left;
	width:498px;
	height:18px;
	float:left;
	margin-top:-14px;
}
.content_footer2 {
	background:url(../img/content_footer.gif) no-repeat bottom left;
	width:499px;
	height:18px;
	float:left;
	margin-top:-14px;
}
#home #footer{ background: url(../img/bg-footer-home.jpg) no-repeat 0 0; }
#subpage #footer{ background: url(../img/bg-footer-subpage.jpg) no-repeat 0 0; }
#subpageblue #footer{ background: url(../img/bg-footer-home.jpg) no-repeat 0 0; }

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header a{
	display: block;
	width: 241px; height: 104px;
}

/* ========================== header end ============================ */

/* ========================== navigation ============================ */

#navigation{ 
	width: 100%; height: 34px;
	margin: 0 0 17px 0;
}
#navigation li{ float: left; }
#navigation li a{
	position: relative; display: block;
	height: 34px; width: 100%; cursor:pointer;
}
#navigation li.nav-home 		{ width: 93px; }
#navigation li.nav-about 		{ width: 107px; }
#navigation li.nav-support 		{ width: 68px; }
#navigation li.nav-facilities 	{ width: 70px; }
#navigation li.nav-partners 	{ width: 72px; }
#navigation li.nav-stories 		{ width: 116px; }
#navigation li.nav-news 		{ width: 104px; }
#navigation li.nav-gallery 		{ width: 60px; }
#navigation li.nav-contact 		{ width: 70px; }
#navigation li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#navigation li.nav-home 		span{ background: url(../img/nav-home.gif) no-repeat 0 0; }
#navigation li.nav-about 		span{ background: url(../img/nav-about.gif) no-repeat 0 0; }
#navigation li.nav-support 		span{ background: url(../img/nav-support.gif) no-repeat 0 0; }
#navigation li.nav-facilities 	span{ background: url(../img/nav-facilities.gif) no-repeat 0 0; }
#navigation li.nav-partners 	span{ background: url(../img/nav-partners.gif) no-repeat 0 0; }
#navigation li.nav-stories 		span{ background: url(../img/nav-stories.gif) no-repeat 0 0; }
#navigation li.nav-news 		span{ background: url(../img/nav-news.gif) no-repeat 0 0; }
#navigation li.nav-gallery 		span{ background: url(../img/nav-gallery.gif) no-repeat 0 0; }
#navigation li.nav-contact 		span{ background: url(../img/nav-contact.gif) no-repeat 0 0; }
#navigation li.active a span,
#navigation a:hover span,
#navigation a:focus span,
#navigation a:active span{ background-position: 0 100%; }

/* ======================== navigation end ========================== */

/* ============================ content ============================= */

h2.welcome{
	position: relative;
	width: 100%; height: 103px;
}
h2.welcome span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h2-welcome.jpg) no-repeat 0 0;
}
h2.facilities{
	position: relative;
	width: 100%; height: 100px;
}
h2.facilities span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/h2-facilities.jpg) no-repeat 0 0;
}

h2.imagetitle{
	position: relative;
	width: 100%; height: 100px;
}
h2.imagetitle span{
	position: absolute;
	width: 100%; height: 100%;
}

#content h3{ 
	margin: 0 1em 1em 0.8em;
	font-weight: bold;
	font-size: 1.5em; line-height: 1.4em;
}

#content h3 span{ 
display: block;
font-weight: normal;
color: #999;
font-size: 85%;
margin-top: -5px;
}

#content p, #contentideate p, #contentstretch p, #contentgenerate p, #contentpresent p, #contentresolve p, #contentconnect p { 
	margin: 0 1em 1em 1em;
	font-size: 1.1em; line-height: 1.4em;
}
#content ul{ 
	margin: 0 1em 1em 2em;
	font-size: 1.1em; line-height: 1.4em;
}
#content li{
	padding: 0 0 0 1em;
	background: url(../img/bullet.gif) no-repeat 0 0.6em;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h3.resources {
height: 15px;
background: url(../img/h3-page-resources.gif) no-repeat;
border-bottom: 1px solid #EAEBEB;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}

#side-bar h3.headlines {
height: 15px;
background: url(../img/h3-headlines.gif) no-repeat;
border-bottom: 1px solid #EAEBEB;
padding: 0 0 5px 0;
margin: 0;
}
#side-bar h3.casestudy {
height: 15px;
background: url(../img/h3-casestudy.gif) no-repeat;
border-bottom: 1px solid #EAEBEB;
padding: 0 0 5px 0;
margin: 0;
}

#side-bar h3.subnav {
height: 15px;
background: url(../img/h3-navigation.gif) no-repeat;
border-bottom: 1px solid #EAEBEB;
padding: 0 0 5px 0;
margin: 0;
}

#side-bar h3 span {
display: none;
}

#side-bar li{
	/*border-bottom: 1px solid #eaebeb;*/
}
#side-bar li a{
	/*background: url(../img/icon-page.gif) 0 0.5em no-repeat;*/
	display: block;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.1em;
	color: #6d6e71;
}

#side-bar li {
border-bottom: 1px solid #EAEBEB;
}

#side-bar li span{
	padding: 0 0 0.5em 0;
display: block;
color: #ccc;
font-size: 90%;
margin-top: -0.5em;
}

#side-bar ul#files li a{
	background: url(../img/icon-pdf.gif) 0 0.5em no-repeat;
	display: block;
	padding: 0.5em 0 0.5em 2em;
	font-size: 1.1em;
	color: #6d6e71;
}

#side-bar img {
margin-bottom: 20px;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#footer ul{
	float: left; 
	padding: 22px 0 0 0;
	font-size: 0.9em;
}
#footer li{
	float: left;
	margin: 0 7px 0 0; padding: 0 11px 0 0;
	background: url(../img/cross.gif) no-repeat 100% 0.4em;
}
#footer li.last{
	margin: 0; padding: 0;
	background: none;
}
#footer li a{
	color: #bcbec0;
}
#footer p{
	float: right; 
	padding: 22px 0 0 0;
	font-size: 0.9em;
	color: #bcbec0;
}


/* =========================== footer end =========================== */

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto; 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 15px;
}

form.ddfm fieldset {
	padding: 0 10px 12px 10px;
	margin: 0 0 13px 0;
	display: block;
border: 1px solid #fff;
background: #F8F8F8;
}

form.ddfm fieldset legend {
font-weight: normal;
margin-bottom: 20px;
border: 1px solid #ccc;
border-bottom: none;
background: #F8F8F8;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 14%; 
	text-align: left;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
width: 150px;
display: block;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 140%;
float: left;
}

form.ddfm .fmradio p {
width: 150px;
display: block;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 140%;
	float: left;
}

form.ddfm textarea {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 5px;
}
/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 5px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 5px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
display: none;
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
}

form.ddfm .submit {
	margin-top: 15px;
	margin-left: 82px;
	text-align: left;
	clear:both;
	width: 95%;
}

form.ddfm .submit input {
padding: 5px;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

#gallery-wrapper {
padding: 0 20px 20px 20px;
}

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

ul#gallery li {
margin: 0 10px 10px 0;
padding: 0;
float: left;
border: 1px solid #ccc;
}

ul#gallery li a {
width: 99px;
height: 75px;
display: block;
}

.inputBox {
	background-color:#ECECEC;
	border:1px solid #BBBDBF;
	font-size:90%;
}

#contentstretch h2{ 
 text-align:right;
width:300px;
}

ul#gallery li a span {
display: none;
};
}