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




* {
	margin: 0;
}
html, body {
	height: 100%;
}

.footer, .push {
	height: 118px; /* .push must be the same height as .footer */
}



body  {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	background-image: url(/media/images/generic/header.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a {
	color: #008B8F;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

#floor-gradient {
	background-image: url(/media/images/home/floor-gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0px 398px;
}

#container strong {
	font-weight: bold;
}

#container ul {
	padding-left: 16px;
	padding-bottom: 1em;
	list-style-type: disc;
}
#container li {
	list-style-type: disc;
}
#container ol li {
	list-style-type: decimal;
}

#container em { font-style: italic; }

#intro #headerWrap {
	height: 80px;
	float: left;
}


#container #intro h1,  #container #mainContent h1 {
	font-size: 167%;
	font-weight: bold;
	color: #008b8f;
	width: 560px;
	line-height: 120%;
	margin-bottom: 0.4em;
	padding-left: 6px;
}


#container #mainContent h2 {
	font-size: 131%; 
	font-weight: bold;
	color: #008B8F;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-left: 6px;
}

#container #rightCol h2 {
	font-size: 131%; 
	font-weight: bold;
	color: #008B8F;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}



#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -118px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	text-align: left;
	line-height: 1.5em;

} 
#breadcrumb {
	font-size: 85%;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBEBEC;
	margin-bottom: 10px;
}

#header .slogan {
	text-indent: -9999px;
}

#header {
	height: 122px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
} 

#header  .headerHome  {
	display: block;
	height: 122px;
	width: 250px;
	float: left;
}

#navbar {
	height: 42px;
}
#navbtns {
	float: left;
	width: 638px;
}

#navbar ul {
	margin: 0px;
	padding: 0px;
}
#navbar li {
	display: inline;
	float: left;
	color: #FFFFFF;
}
#navbar a:hover {
	background-position: 0px -42px;
}


.nav-home a {
	display: block;
	width: 80px;
	height: 42px;
	background-image: url(/media/images/generic/nav-home.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.nav-about a {
	display: block;
	height: 42px;
	width: 100px;
	background-image: url(/media/images/generic/nav-about.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.nav-services a {
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 97px;
	background-image: url(/media/images/generic/nav-services.gif);
	background-repeat: repeat;
}
.nav-portfolio a {
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 87px;
	background-image: url(/media/images/generic/nav-portfolio.gif);
	background-repeat: no-repeat;
}
.nav-news a {
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 188px;
	background-image: url(/media/images/generic/nav-news.gif);
	background-repeat: no-repeat;
}
.nav-contact a {
	background-image: url(/media/images/generic/nav-contact.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 83px;
}

#rightCol {
	float: right;
	width: 310px;
	margin-top: 20px;
}
.portletgreen {
	background-color: #dbebec;
	padding: 15px;
}

#rightCol p {
	font-size: 85%;
}

#rightCol h3 {
	color: #008b8f;
	font-weight: bold;
	font-size: 116%;
}
.rightColImage {
	width: 310px;
	float: right;
}
.imageBorderTop {
	background-image: url(/media/images/generic/image-border-top.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 310px;
	background-position: center bottom;
}
.imageBorder {
	width: 265px;
	background-image: url(/media/images/generic/image-border.png);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 30px;
}
.imageBorderBtm {
	height: 15px;
	width: 310px;
	background-image: url(/media/images/generic/image-border-btm.png);
	background-repeat: no-repeat;
	margin-bottom:20px;
}

.imageBorderWrap600 {
	width: 600px;
	float: left;
}
.imageBorderTop600 {
	background-image: url(/media/images/generic/image-border-top-600.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 600px;
}
.imageBorder600 {
	width: 570px;
	background-image: url(/media/images/generic/image-border-600.png);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}
.imageBorderBtm600 {
	height: 12px;
	width: 600px;
	background-image: url(/media/images/generic/image-border-btm-600.png);
	background-repeat: no-repeat;
	margin-bottom:20px;
}

.imageBorderWrap190 {
	width: 190px;
	float: left;
	margin-right: 10px;
}
.imageBorderTop190 {
	background-image: url(/media/images/generic/image-border-top-190.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 190px;
}
.imageBorder190 {
	width: 160px;
	background-image: url(/media/images/generic/image-border-190.png);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 15px;
}
.imageBorderBtm190 {
	height: 12px;
	width: 190px;
	background-image: url(/media/images/generic/image-border-btm-190.png);
	background-repeat: no-repeat;
	margin-bottom:20px;
}


#leftCol {
	width: 310px;
	float: right;
	margin: 0px;
	padding: 0px;
	
}
#leftCol p {
	font-size: 85%;
}

#leftCol h3 {
	color: #008b8f;
	font-weight: bold;
	font-size: 116%;
}

#leftCol .panel310top {
	width: 310px;
	height: 15px;
	background-image: url(/media/images/generic/panel310-top.png);
	background-repeat: no-repeat;
	background-position: 0px top;

}
#leftCol #newsfeature h3 {
	width: 160px;
}



#leftCol #newsfeature  {
	margin-top: 10px;
	width: 310px;
	float: right;
	clear: right;
	height: auto;
	padding: 0px;
}

#leftCol #newsfeature img {
	float: right;
	padding: 11px;
	background-image: url(/media/images/generic/thumb-bg-green.gif);
	background-repeat: no-repeat;
	display: block;
	/* margin-left: 5px; */
	width: 98px;
	height: 98px;
}
#leftCol .panel310mid {
	width: 280px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #CCE7E8;

}
#leftCol #newsfeature .panel310mid p {
	font-size: 85%;
}

#leftCol .panel310btm {
	height: 15px;
	width: 310px;
	background-image: url(/media/images/generic/panel310-btm.png);
	background-position: 0px bottom;
	margin-bottom: 15px;

}
#leftCol #panel310gradient {
	background-image: url(/media/images/generic/panel310-gradient.jpg);
	background-repeat: no-repeat;
	width: 280px;
	padding: 15px;
	background-position: top;
	float: right;


}
#leftCol #panel310gradient p {
	font-size: 85%;
}

#container #intro {
	height: auto;
	width: 960px;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}
.intropara {
	font-size: 93%;
	float: left;
	width: 660px;
}

#container .intropara ul {
	
}
#container .intropara li {
	list-style-type: disc;	
}


#secondPara img {
	float: right;
}



#latest-work {
	height: 271px;
	width: 940px;
	background-image: url(/media/images/home/latest-work-bg.gif);
	background-repeat: no-repeat;
	padding: 10px;
}
.latest-work-title {
	float: right;
	color: #ccffff;
	width: 200px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	font-weight: bold;
	clear: both;
	background-color: #333333;
}
#mainContent .date {
	font-size: 77%;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

#mainContent p {
	margin-bottom: 0.7em;
	padding-left: 6px;
}

#mainContentHome p {
	margin-bottom: 0.7em;
	padding-left: 6px;
	width: 380px;
}

#mainContent ul {
	padding-left:22px;
}

#mainContent li {
	padding-left:6px;
	list-style-type: disc;
}

#mainContentHome {
	font-size: 93%;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: url(/media/images/generic/netsite-girl.jpg);
	background-position: 0px bottom;
	float: left;
	width: 625px;
	min-height: 380px;
	background-repeat: no-repeat;
	/* padding-right: 240px; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#mainContentHomeBackground {
	background-image: url(/media/images/generic/netsite-watermark.gif);
	background-repeat: no-repeat;
	background-position: 0px -140px;
	clear: both;
	width: 960px;
}


#mainContentHome h2, .intropara h2 {
	font-size: 153.9%;
	width: 620px;
	font-weight: bold;
	color: #008B8F;
	margin-bottom: 10px;
	padding-left: 6px;
}

#mainContent {
	font-size: 93%;
	margin: 0;
	float: left;
	width: 600px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
	

#mainContentBackground {

}


#mainContent h3 {
	font-size: 116%;
	font-weight: bold;
	color: #008B8F;
	padding-bottom: 10px;
	padding-left: 6px;


}

#mainContent h4 {
	font-size: 108%;
	font-weight: bold;
	color: #008B8F;
	padding-bottom: 10px;
	padding-left: 6px;
}
 
#footer { background-color: #DDDDDD; background-image: url(/media/images/generic/footer.gif); background-repeat: repeat-x; text-align: left; color: #FFFFFF; font-size: 85%; clear: both; margin-top: 20px; } 
#footer .contact { float: left; width: 700px; padding-top: 10px; }

#footerbg { width: 960px; margin-right: auto; margin-left: auto; background-image: url(/media/images/generic/footer-bg.gif); background-repeat: no-repeat; padding-top: 20px; height: 100px; }

.addthis_toolbox  {  width: 960px; margin-right: auto; margin-left: auto; padding-bottom: 10px }


#footerbg a {
	color: #ccffff;
	text-decoration: none;
}
#footerbg a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footerbg li {
	display: inline;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7EC3C4;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#footerbg ul { margin: 0px; clear: both; padding: 5px 0px 0px; 
}



#footer p {
	margin: 0;
}


.center {
	text-align: center;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
}
#panel310gradient label {
	width: 50px;
	float: left;
	font-size: 85%;
	font-weight: bold;

}
#subForm  .signupLabel  {
	clear: both;
	width: 280px;
	font-size: 85%;
}
#subForm input   {
	margin-bottom: 5px;
	width: 180px;
	padding: 2px;
	font-size: 85%;
	margin-top: 2px;
	float: right;
}
#subForm select   {
	margin-bottom: 5px;
	width: 280px;
	padding: 3px;
	font-size: 93%;
	margin-top: 3px;
}
#subForm #btn-submit {
	height: 31px;
	width: 113px;
}




.client-logo {
	float: left;
	padding: 15px;
}

.clear { 
	clear:both;
}


#PageTools{
	float:right;
	font-size:85%;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	background-image: url(/media/images/generic/page-tools-bg.gif);
	background-color: #7BC4C5;
	background-position: left bottom;
	height: 30px;
	min-width: 200px;
}
.PageToolsEnd {
	background-image: url(/media/images/generic/page-tools-end.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size:85%;
	float: right;
	width: 14px;
	background-color: #7BC4C5;
	padding-top: 5px;
	margin: 0px;
	height: 30px;
}



/* Page Tools Styles */

#PageTools a:link, #PageTools a:visited, #PageTools a:active  {
	text-decoration: none;
	color:#000000;
	padding-right: 5px;
} 

#PageTools a:hover {
	text-decoration: underline;
} 
#PageTools li {
	display: inline;
}


.separator{
	padding:0px 7px 0px 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

a.Smalllink:link, a.Smalllink:visited, a.Smalllink:active  {
	font-size:11px;
	padding-right:8px;
	color:#000000!important;
} 

a.Smalllink:hover {
	font-size:11px;
	padding-right:8px;
	text-decoration: underline;
}

a.Mediumlink:link, a.Mediumlink:visited, a.Mediumlink:active  {
font-size:15px;
padding-right:8px;
} 

a.Mediumlink:hover {
	font-size:15px;
	padding-right:8px;
	text-decoration: underline;
}

a.Largelink:link, a.Largelink:visited, a.Largelink:active  {
font-size:19px;
padding-right:1px;
} 

a.Largelink:hover {
	font-size:19px;
	padding-right:1px;
	text-decoration: underline;
}

/* End PageTools Styles */

/* Header Search Bar Styles */
#searchbar {
	height: 32px;
	float: right;
	margin-top: 10px;
	width: 310px;
	clear: none;
}
#container    #searchbar  label {
	font-weight: normal;
	margin-right: 5px;
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	float: right;
}
#container   #searchbar  input {
	padding: 0px;
	vertical-align: middle;

* vertical-align: text-bottom;
	width: 175px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container  #searchbar  #go  {
	height: 22px;
	width: 35px;
	vertical-align: middle;

* vertical-align: text-bottom;	
	float: right;
	margin: 0px;
	
}
.btn-more-about a {
	height: 38px;
	width: 220px;
	display: block;
	background-image: url(/media/images/buttons/btn-more-about.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: right;
	margin-top: 80px;
}
.btn-enquiry a {
	height: 38px;
	width: 252px;
	display: block;
	background-image: url(/media/images/buttons/btn-enquiry-form.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float:right;
}
.btn-visit-ra a {
	height: 38px;
	width: 252px;
	display: block;
	background-image: url(/media/images/buttons/btn-visit-ra.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.btn-find-out-more a {
	height: 38px;
	width: 220px;
	display: block;
	background-image: url(/media/images/buttons/btn-find-out-more.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.btn-enquiry a:hover, .btn-more-about a:hover, .btn-find-out-more a:hover, .btn-visit-ra a:hover {
	background-position: 0px -38px;
}
#morelinks ul {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBEBEC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBEBEC;
}
#container  .morelinks li     {
	font-size: 108%;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


.testimonialWrap {
	width: 270px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
}

.portlet {
	/* width: 270px; */
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;

}

#container .testimonial {
	font-weight: bold;
	font-size: 116%;
	color: #008B8F;
	width: 280px;
}
.testimonial-name {
	font-size: 77%;
}


/* Home Package Box Slider Styles */


#homeBoxes {
	width: 960px;
	float: left;
	height: 266px;
	text-align:center; 

}

#homeBoxes a{
	text-decoration:none;
	color: #666666;
	cursor:hand;
}
#homeBoxes a:hover {
	text-decoration:none;
}
#homeBoxes ul{
	list-style: none;
	margin:0px;
	padding: 0px;

}
#homeBoxes ul li{
	padding: 0px;
	margin:0px;
	list-style:none;
	display:inline;
	float: left;
}
#homeBoxes ul li a{
	display: inline-block!important; 
	overflow: hidden; 
	height: 266px; 
	width: 146px; 
	text-align:left; 
	font-size: 85%;
}
#homeBoxes ul li a p {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 156px;
	margin: 0px;
	width: 180px;
	float: left;	
}
#homeBoxes ul li a strong {
	font-size: 100%;
	
}


#homeBoxes ul li a.ecommerce strong {
	color: #f67318;
}
#homeBoxes ul li a.sitekit strong {
	color: #0066ca;
}
#homeBoxes ul li a.socialnetworking strong {
	color: #e75409;
}

#homeBoxes ul li a.emailmarketing strong {
	color: #008c99;
}
#homeBoxes ul li a.recruitactive strong {
	color: #0c56a5;
}
#homeBoxes ul li a.zestos strong {
	color: #0083a9;
}

#homeBoxes ul li a.ecommerce {
	background-image: url(/media/images/home/box-ecommerce.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a:hover.ecommerce {
	background-image: url(/media/images/home/box-ecommerce-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a.sitekit {
	background-image: url(/media/images/home/box-sitekit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a:hover.sitekit {
	background-image: url(/media/images/home/box-sitekit-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a.social-media-awards {
	background-image: url(/media/images/home/box-social-media-awards.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a:hover.social-media-awards {
	background-image: url(/media/images/home/box-social-media-awards-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a.socialnetworking {
	background:url(/media/images/home/box-social-networking.gif) top left no-repeat;
}
#homeBoxes ul li a:hover.socialnetworking {
	background:url(/media/images/home/box-social-networking-over.gif) top left no-repeat;
}
#homeBoxes ul li a.emailmarketing {
	background:url(/media/images/home/box-email-marketing.gif) top left no-repeat;
}
#homeBoxes ul li a:hover.emailmarketing {
	background:url(/media/images/home/box-email-marketing-over.gif) top left no-repeat;
}
#homeBoxes ul li a.recruitactive {
	background:url(/media/images/home/box-recruit-active.gif) top left no-repeat;
}
#homeBoxes ul li a:hover.recruitactive {
	background:url(/media/images/home/box-recruit-active-over.gif) top left no-repeat;
}
#homeBoxes ul li a.zestos {
	background-image: url(/media/images/home/box-zestos.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#homeBoxes ul li a:hover.zestos {
	background:url(/media/images/home/box-zestos-over.gif) top left no-repeat;
}
#thumbs ul {
	margin: 0px;
	padding: 0px;
}
#thumbs li {
	display: inline;
	float: left;
	width: 120px;
}
.thumb a {
	background-image: url(/media/images/generic/thumb-bg.png);
	*background-image: url(/media/images/generic/thumb-bg.gif);
	background-repeat: no-repeat;
	padding: 11px;
	width: 98px;
	display: block;
}
.thumbsingle {
	float: left;
	width: 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBEBEC;
	padding-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.thumbsingle img {
	padding: 11px;
	background-image: url(/media/images/generic/thumb-bg.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	width: 98px;
	height: 98px;

}


.thumbsingle a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=50, enabled=true, sizingMethod=scale, src='/media/images/generic/thumb-bg.png');
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#container .thumbsingle p {
	clear: none;
	width: 560px;
	*width: 445px;
}

#container .thumbsingle h3 {
	clear: none;
	width: 470px;
	float: left;
	margin: 0px;
	padding: 0px;
}



.casestudythumb {
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;

}

.casestudythumb img {
	padding: 11px;
	background-image: url(/media/images/generic/thumb-bg.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 5px;
	width: 98px;
	height: 98px;

}

.casestudythumb  a:hover  img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=50, enabled=true, sizingMethod=scale, src='/media/images/generic/thumb-bg.png');
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


.casestudythumb h3 {
	clear: none;
	width: 470px;
	float: left;
	margin: 0px;
	padding: 0px;
}






.blank  {
	width: 120px;
	background-image: url(/media/images/generic/thumb-bg-blank.png);
	background-repeat: no-repeat;
	display: block;
	height: 120px;
}


.thumb img {
	background-image: url(/media/images/generic/thumb-bg-blank.png);
	*background-image: url(/media/images/generic/thumb-bg-blank.gif);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	background-repeat: no-repeat;
	width: 98px;
}
.thumb a.imagehover a:hover  img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.thumb-description {
	width: 570px;
	float: left;
	background-image: url(/media/images/generic/description-panel.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	height: 100px;
}
.thumb-description p {
	margin: 0px;
	padding: 0px;
}

.thumb-description-btm {
	width: 590px;
	height: 10px;
	float: left;
	background-image: url(/media/images/generic/description-panel-btm.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-left: 5px;
}
.padleft6px {
	padding-left: 6px;
}


#container #floor-gradient #mainContent #thumbs .thumb span {
	display: none;
}

#container #floor-gradient #mainContent #thumbs .thumb a:hover span {
	display: block;
	position: relative;
	width: 500px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #000000;
	background: black;
	font: 10px Verdana, sans-serif;
	text-align: center;
	clear: both;
}


#emailBullets li {
	margin-bottom: 10px;
}


#emailBullets {
	padding-top: 60px;
	font-weight: bold;
	width: 210px;
	float: right;
}
#emailBullets ul {
	padding-left: 16px;
}

#emailBullets ul {
	padding-left: 0px;
}

.greenhighlight {
	color: #008c99;
}


.footnote {
	font-size: 9px;
	color: #666666;
}

.thumbs img {
	border: 1px solid #999999;
	width: 108px;
	margin-right: 8px;
	float: left;
	clear: none;
	margin-bottom: 20px;
}

/*NEWS TICKER*/

#newsticker {
	width: 280px;

}

/* #newsticker img{
	float: right;
	border: 5px solid #FFFFFF;
	margin-left: 10px;
} */
#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	padding: 0px 0px;
	margin-left:0px;
	padding-right: 0px;
}
#newsticker li {
	list-style-type: none;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
display:none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}

.table td{
	border-top:1px solid #cecece;
	padding: 5px;
	vertical-align: top;
}


#container th{
	padding: 5px;
	background-color: #7BC4C5;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


#container td{
	border-top:1px solid #cecece;
	padding: 5px;
	vertical-align: top;
}

table{
width:100%!important;}

.Bobby {
	display: none;
}


#container .zfb td, #container .zfb th {
	margin-bottom: 5px;
	padding: 8px;
}

.pictureleft {
	padding: 0px;
	margin: 0px 20px 10px 0px;
	border: 0px none;
	float: left;

}

.pictureright {
	padding: 0px;
	margin: 0px 0px 10px 20px;
	border: 0px none;
	float: right;

}

.picturecenter {
	margin-bottom: 10px;
	display: block;
    margin-left: auto;
    margin-right: auto

}

.hrule {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.Bobby {
	display: none;
}


/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	padding: 0px;
	margin: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	padding: 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #008C99;
	color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {

}


/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
  See below for another method of activating the script without adding CSS here.
 */

img, div { behavior: url(/media/images/generic/iepngfix.htc) }