/** COPYRIGHT ADAM SANDERS, PORTRAIT SOFTWARE 2010 **/

/***************************/
/* RESET MARGINS & PADDING */
/***************************/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}


/**************/
/* TYPOGRAPHY */
/**************/

body {

	font-family: Helvetica, Arial, sans-serif;     /* web safe fonts */
	font-size: 13px;    /* 12px */
	font-weight: normal;
	line-height: 140%;    /* 19.2px */
	background: #E9F5FC;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Droid Sans', sans-serif;
}

h1 {
  font-size: 2.5em;
  font-weight: normal;
  color: #404040;
}

h2 {
  font-size: 1.633em;
  font-weight: normal;
  color: #007DC3;
  margin: 0px 0 15px 0;
  line-height: 130%;
}

h3 {
  font-size: 1.25em; 
  font-weight: normal;
    color: #404040;
	margin: 0 0 5px 0;
}

h4 {
  font-size: 1.25em;
  font-weight: normal;
  color: #007DC3;
  	margin: 0px 0 15px;
	line-height: 125%;

}

h5 {
  font-size: 1.1em;
  font-weight: normal;
  color: #007DC3;
}

h6 {
  font-size: 1.1em;
  font-weight: normal;
    color: #404040;
}

h2.home-title {
	font-size: 1.733em;
}

.dark {
	color: #404040;
}
.grey {
	color: #666666;
}

b, strong {
	color: #555555;
}

/*****************/
/* DEFAULT LINKS */
/*****************/

a {
  color: #007DC3;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:link,
a:visited {
  color: #007DC3;
}  

a:hover,
a:active {
  text-decoration: underline;
}

.links {
	clear: both;
}

a.no-underline:hover,
a.no-underline:active {
	text-decoration: none;
}

.more-link {
	font-weight: bold;
}

/**********/
/* LAYOUT */
/**********/

html {
/*  background: #ffffff;                               /* background & font color */
  color: #666666;
}

#expander {
	float: left;
	height: 610px;
	width: 1px;
}


#page {
  margin: 0;
  width: 100%;
  background: url(images/header-bg.jpg) no-repeat scroll top center;
  height: 700px;
  text-align:center;
}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 140%;
  margin: 0 0 15px;
}

#master-container {
	width: 990px;
	margin: 0 auto 0;
	background-color: #FFF;
	box-shadow: 0 0 4px #6A6B6D;
}
#container {
	width: 951px;
	margin: 15px 0 0x;
	padding: 20px 20px 30px 20px;
	position: relative;
	text-align: left;
	/*background: #FFF url(images/container-bg.gif) repeat-y top center;*/
	float:left;
}
.indent {
	padding-left: 120px;
}

.meta {
	margin-bottom: 0px;	
}

#what, #why {
	width: 330px;
	float: left;
}

#what {
	margin-right: 15px;
}
#main-message {
	float: left;
	z-index: 1;
	position: relative;
	padding: 5px;
	border: 1px solid #cccccc;
	height: 260px;
	margin-bottom: 15px;
}
#main-message object,
#main-message embed {
	z-index: 1;	
}

.customer, .partner {
	position: relative;
	margin-bottom: 25px;
	clear: both;
}

#customer-success {
	float: left;
	margin: 30px 0 20px 0;
}



/*********/
/* LISTS */
/*********/

ul {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ul li ul {
	margin: 0.5em 0 0;	
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em;
}
ul.menu {
	list-style-position: inside;
}
ul.menu li,
.item-list ul li {
  margin: 0.15em 0 0.15em 0.5em;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0px;
}
ul.menu li.expanded ul.menu {
	margin: 0 0 0 12px;
}

ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  margin: 0 0 0 1.6em;
  padding: 0 0 3px;
}

ul li,
ul.menu li,
.item-list ul li,
li.leaf {
	list-style-image: none;
	list-style-type: disc;
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em;
}

div.block ul {
  padding: 0 0 3px;
}

ul.links li,
ul.links.inline {
  background: transparent;
}

/* remove list styling on login block and taxonomy */
#user-login-form div.item-list ul li,
div.terms ul li {
  list-style-type: none;
  margin: 0;
}

/* adjust openid link */
html.js #user-login-form li.openid-processed, 
html.js #user-login li.openid-processed {
  font-weight: bold;
  list-style-type: none;
  margin: 10px 0 0 -6px;
  padding-left: 20px;
  padding-top: 0.2em
}

ul.arrow li {
	background: url('icons/arrow.jpg') no-repeat left 5px;
	list-style-type: none;
	margin: 2px 0;
	padding-left: 13px;
	
}

body.layout-main-last #sidebar-last li.leaf,
body.layout-main-last #sidebar-last ul.menu li,
body.layout-main-last #sidebar-last .item-list ul li,
#content-content .node ul li,
 {
  background: url('images/green-bullet.png') no-repeat left 0.50em;
  list-style-image: none;
  list-style-type: none;
  padding-left: 1.666em;
}
ul.contact {
	list-style-position: outside;
	list-style-type: none;
	padding-bottom: 40px;
}
ul.contact li {
	list-style-type: none;
	float: left;
	height: 24px;
	padding: 8px 0 0 38px;
	margin: 0 35px 0 0;

}
ul.contact li.skype {
	background: url('images/skype32.png') no-repeat left; 
}
ul.contact li.email {
	background: url('images/email32.png') no-repeat left; 
}
ul.contact li.linkedin {
	background: url('images/linkedin32.png') no-repeat left; 
}


/*********/
/* ICONS */
/*********/

.pdf-24 {
	background: url('icons/pdf-24.jpg') no-repeat left;
	padding: 5px 0 0 30px;
	font-size: 1.333em;
  	font-weight: normal;
    color: #404040;
	
}
.pdf-24 a {
	color: #404040;
}

/***********/
/* COLOURS */
/***********/

.blue {
	color: #007DC3;
}

.green {
	color: #99cc00;
}

.purple {
	color: #522398;
}

.orange {
	color: #FF5800;
}

.red {
	color: #E00034;
}

a img.blue,
a img.green,
a img.purple,
a img.orange,
a img.red {
	border: 2px solid #747F81;
}

a:hover img.blue {
	border: 2px solid #007DC3;
}

a:hover img.green {
	border: 2px solid #99cc00;
}

a:hover img.purple {
	border: 2px solid #522398;
}

a:hover img.orange {
	border: 2px solid #FF5800;
}

a:hover img.red {
	border: 2px solid #E00034;
}


/**************/
/* QUICK TABS */
/**************/

div.block-quicktabs {
	padding-top: 30px;
}

#content div.quicktabs_main {
	/*border-top: 1px solid #99cc00;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	margin-top: 0px;
	background: #F1F1F1 url(images/corner.jpg) no-repeat bottom right;
	width: 645px;
	padding: 15px 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	clear: both;

}
div.block-quicktabs div.block-wrapper {
	margin: 0;
	float: none;
}
div.block ul.quicktabs_tabs {
	padding: 0 0 0 10px;
	margin-bottom: 0px;
	float: left;
}

ul.quicktabs_tabs li{
	color: #666666;
	font-size: 13px;
	margin: 0 4px 0 0;
	padding: 0 0 0 5px;
	display: block;
	float: left;
	height: 27px;
}

ul.quicktabs_tabs li a {
	padding: 5px 45px 0px 40px;
	color: #666666;
	float: left;
	height: 22px;
}

ul.quicktabs_tabs li.active a,
ul.quicktabs_tabs li.active a.visited,
ul.quicktabs_tabs li.active a:hover,
ul.quicktabs_tabs li.active:hover a.active {
	text-decoration: none;
	color: #99cc00;
	background: url("images/tab-right.jpg") no-repeat scroll right -3px transparent;

}

ul.quicktabs_tabs li.active,
ul.quicktabs_tabs li:hover.active {
	background: url("images/tab-left.jpg") no-repeat scroll left -3px transparent;
}

ul.quicktabs_tabs li {
	background: url("images/tab-left.jpg") no-repeat scroll left -38px transparent;
}

ul.quicktabs_tabs li a,
ul.quicktabs_tabs li a.visited {
	background: url("images/tab-right.jpg") no-repeat scroll right -38px transparent;
	text-decoration: none;
}

ul.quicktabs_tabs li:hover {
	background: url("images/tab-left.jpg") no-repeat scroll left -73px transparent;
}

ul.quicktabs_tabs li:hover a,
ul.quicktabs_tabs li:hover a.visited {
	background: url("images/tab-right.jpg") no-repeat scroll right -73px transparent;
	text-decoration: none;
}



/********/
/* MISC */
/********/

hr {
  border: 1px solid #D6DDB9;
}

div.content a.feed-icon img,
div.content th img {
  border: 0;             /* remove image borders where we don't want them */
}

/* format initial startup page list nicely */
#first-time p {
  clear: both;
}

#first-time ol {
  list-style-position: outside;
  margin-left: 2em;
}

.feed-icon {
	position: absolute; 
	right: 0px; 
	top: 1px;
}


/******************/
/*     LOGOS      */
/******************/

div.logos {
	margin-bottom: 10px;
}


div.logos img {
	border: 0px solid #828585;
	margin-right: 45px;
}

div.logos a:hover img {
	border: 0px solid #99cc00;
}

/***************/
/* PRODUCT CTA */
/***************/

div.block-wrapper div.grey-cta {
	background: #FFF url(images/product-cta-bg.jpg) no-repeat top left;
	padding: 10px;
	height: 140px;
}

div.block-wrapper div.grey-cta h2.title {
	border: none;
}

div.block-wrapper div.grey-cta h2.title.blue {
	color: #007DC3;
}

/*******************/
/*  CAMPAIGN CTA   */
/*******************/

div.block-wrapper div.campaign-cta {
	background: transparent url(/sites/portrait/files/media/images/system/campaign-CTA.gif) no-repeat top left;
	padding-top: 7px;
	height: 118px;
}

/*****************/
/*  DOWNLOAD CTA */
/*****************/

#sidebar-right div.block-wrapper.download-cta {
	background: #F1F1F1 url(images/corner.jpg) no-repeat bottom right;
	padding: 10px;
	width: 235px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

#sidebar-right div.download-cta img {
	border: 2px solid #cccccc;

}

#sidebar-right div.download-cta a:hover img {
	border: 2px solid #007DC3;

}

#sidebar-right div.download-cta p {
	margin: 5px 0 0 0;
}

#sidebar-right div.download-cta h6 {
	margin-bottom: 5px;	
}

div.download-cta h2.title {
	border: none;
	color: #007DC3;
}

/***************/
/* MAIN CALLOUT*/
/***************/

div.main-callout,
div.block-wrapper.main-callout {
	background: #F1F1F1 url(images/corner.jpg) no-repeat bottom right;
	padding: 15px;
	float: left;
	clear: both;
	width: 645px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

div.main-callout a img {
	border: 2px solid #cccccc;
	margin-right: 15px;
	float: left;
}

div.main-callout a.no-border img,
#sidebar-right div.download-cta a.no-border img {
	border: 0;
}

div.main-callout a:hover img {
	border: 2px solid #007DC3;

}

div.main-callout a.no-border:hover img,
#sidebar-right div.download-cta a.no-border:hover img {
	border: 0;
}

div.main-callout h6 {
	margin-bottom: 5px;	
}

div.node div.main-callout h2.title,
div.main-callout h2.title {
	border: none;
	color: #007DC3;
	padding-top: 0;
	margin: 2px 0 10px;
}



/********************/
/* ALL PAGE REGIONS */
/********************/

body.front h1.title {
	display: none;
}

#top-right {
	width: 255px;
	float: left;
	margin-bottom: 5px;
	height: 27px;
}

#top-right div.block-wrapper,
#top-right p {
	margin: 0;
}
#top-right a.stbutton {

}

#preface {
	clear: both;
}

/*******************/
/* TOP REGION      */
/******************/

#top-wrapper {
	height: 26px;
	width: 950px;
	position: relative;
	margin: 0px auto;
	padding: 0 20px;
	line-height: normal;
}

#top {
	text-align: center;
	margin: 0px auto;
	padding: 0;
	line-height: normal;
}
#top-wrapper #top-links div.block-wrapper {
	float: left;
	font-weight: normal;
	padding: 0 0px 0 0;
	margin: 0 0 0 0;
}

#top-links {
	float: right;
	margin: 0px auto;
	padding: 0;
	line-height: normal;
	font-size: 85%;
	padding: 7px 4px 0 0;
	height: 0;
}
#top-links a {
	color: #828585;
	font-weight: normal;
}
#top ul.menu {
	list-style-position: outside;
	float: right;
	clear: both;
	
}

#top div.block ul.menu {
	padding: 0;
	}

#top ul.menu li, #top ul.menu li.leaf {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
}

/******************/
/* HEADER REGIONS */
/******************/

#header-top {
	background: transparent url(images/header-top.jpg) no-repeat bottom center;
	height: 10px;
	margin: 0;
	padding: 0;
}

#header {
  background-color: #fff;
  padding-left: 15px;
}

#header-wrapper {
  background-color: #4670B0;
  background-image: -moz-linear-gradient(top,#4670b0,#125aa2);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4670b0),to(#125aa2));
  background-image: -webkit-linear-gradient(top,#4670b0,#125aa2);
  background-image: -ms-linear-gradient(top,#4670b0,#125aa2);
  background-image: -o-linear-gradient(top,#4670b0,#125aa2);
  background-image: linear-gradient(top,#4670b0,#125aa2);
  padding: 0;
  height: 60px;
}



#search-box input#edit-search-theme-form-1 {
  width: 170px;
}

/* theming for header search box */
#search-box input.form-submit {
  background: #EFEBE7;
  border: 1px solid #ccc;
  color: #194765;
  cursor: pointer; 
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  padding: 3px 3px 2px;
  outline: none;
  text-transform: none;
  -moz-border-radius: 0;
  -moz-outline-radius: 0;
  -webkit-border-radius: 0;
}

#search-box label,
#search-box a.advanced-search-link {
  display: none;
}
#edit-search-block-form-1-wrapper label {
	display:none;
}
#header-wrapper #search-box {
  float: right;
  padding: 0px;
  width: 191px;
  height: 28px;
	margin: 15px 20px 0 0; 
	background-image: url(images/ui-sprite-01.png);
	background-position: -22px -30px;
}

#header-wrapper #search-box input#edit-search-theme-form-1 {
	width: 154px;
	margin: 3px 0 0;
	padding: 3px 3px 0 5px;
	height: 17px;
	float: left;
	background: transparent;
	border: none;
}
#header-wrapper #search-box input.form-submit {
	background: transparent;
	cursor: pointer;
	text-indent: -999em;
	border: none;
	width: 27px;
	margin: 0;
}
#header-wrapper #search-box input.form-text {
	padding: 2px 2px 2px 0;
}
#header-wrapper #search-box input#edit-search-theme-form-1 .form-item {
	margin: 0;
}
#logo {                            /* logo postion.  default image replaced if you upload your own */
  float: left;
	margin: 14px 0 0 20px;
}

#strap-line {
  float: left;
  width: 230px;
  border-left: 1px solid #cccccc;
  margin: 14px 0 0 14px;
  padding: 0 0 0 13px;

}
#strap-line div.block-wrapper,
#strap-line div.block-wrapper p {
	margin: 2px 0 0;
}

#header-right {
  float: right;
  width: 325px;
  line-height: 0;
  margin: 30px 0 0 0;
  padding: 0;
}
#header-right div.block-wrapper, #header-right div.block-wrapper p {
	margin: 0;
	padding: 0;
}

#header-bottom {
  margin: auto 0;
  width: 100%;
  float: left;
  z-index: 100;    /* fixes IE z-index bug */
  background-color: #C6E7FA;
  background-image: -moz-linear-gradient(center top , #C6E7FA, #9EDAF7);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#C6E7FA),to(#9EDAF7));
  background-image: -webkit-linear-gradient(top,#C6E7FA,#9EDAF7);
  background-image: -ms-linear-gradient(top,#C6E7FA,#9EDAF7);
  background-image: -o-linear-gradient(top,#C6E7FA,#9EDAF7);
  background-image: linear-gradient(top,#C6E7FA,#9EDAF7);
  height: 25px;
  position: relative;

}

/********************************/
/* SLIDESHOW */
/********************************/

#slideshow {
	display: block;
	float: left;
	margin-bottom: 20px;
}

#slideshow #views-nivo-slider-rotating_banner-block_1 {
	border-bottom: 1px solid #ccc;
}

#slideshow .nivo-caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-image: -moz-linear-gradient(center top , #eceded, #e0e0e0);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#eceded),to(#e0e0e0));
  	background-image: -webkit-linear-gradient(top,#eceded,#e0e0e0);
  	background-image: -ms-linear-gradient(top,#eceded,#e0e0e0);
  	background-image: -o-linear-gradient(top,#eceded,#e0e0e0);
  	background-image: linear-gradient(top,#eceded,#e0e0e0);
	background-color: #eee;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #ccc;
	z-index: 89;
	left: 0;
	color: #444;
	height: 40px;
	text-align: left;
}



#slideshow .nivo-controlNav {
	position: absolute;
	left: 20px;
	bottom: -15px;
	float: left;
}

#slideshow .nivo-controlNav a {
	background: transparent;
	border: 0 none;
	float: left;
	display: block;
	height: 38px;
	width: 53px;
	padding: 0;
	
}

#slideshow .nivo-controlNav a img {
	box-shadow: 0 0 2px #6A6B6D;
	border: 2px solid #FFF;
}


#slideshow .nivo-controlNav a.active,
#slideshow .nivo-controlNav a:hover {
	position: relative;
	bottom: 15px;
	padding-bottom: 15px;
}

#slideshow .nivo-caption p {
	margin: 0 0 0 200px;
	padding: 11px 20px 11px 0px;
}

#slideshow .nivoSlider a.nivo-imageLink {
	display: none;
}

#slideshow div.block-wrapper {
	margin: 0;
	height: 350px;
	overflow: hidden;
}

/********************************/
/* POSTSRCIPT FULL */
/********************************/

#postscript-full {
	float: left;
	text-align: left;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px 0;
	padding: 15px 20px;
	width: 950px;
}

#postscript-full div.block-wrapper,
#postscript-full h4 {
	margin: 0;
}

ul.logo-list {
	list-style-type: none;
	margin: 0;
	padding: 0; !important
}

div.block ul.logo-list {
	padding: 0;
}

ul.logo-list li {
	float: left;
	list-style-type: none;
	height: 40px;
	margin-left: 45px;
	padding: 0;
}
ul.logo-list li a {
	background-image: url(images/logo-sprite.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	float: left;
	height: 40px;
}

ul.logo-list li.usbank a {
	width: 118px;
	background-position: 0 -39px;
}

ul.logo-list li.usbank a:hover {
	width: 118px;
	background-position: 0 1px;
}

ul.logo-list li.three a {
	width: 30px;
	background-position: 0 -121px;
}

ul.logo-list li.three a:hover {
	width: 30px;
	background-position: 0 -81px;
}

ul.logo-list li.nationwide a {
	width: 120px;
	background-position: 0 -200px;
}

ul.logo-list li.nationwide a:hover {
	width: 120px;
	background-position: 0 -160px;
}

ul.logo-list li.tmobile a {
	width: 118px;
	background-position: 0 -280px;
}

ul.logo-list li.tmobile a:hover {
	width: 118px;
	background-position: 0 -240px;
}

ul.logo-list li.mobank a {
	width: 43px;
	background-position: 0 -360px;
}

ul.logo-list li.mobank a:hover {
	width: 43px;
	background-position: 0 -320px;
}

ul.logo-list li.teliasonera a {
	width: 142px;
	background-position: 0 -440px;
}

ul.logo-list li.teliasonera a:hover {
	width: 142px;
	background-position: 0 -400px;
}

/********************************/
/* REGIONS */
/********************************/

#preface {
	margin-bottom: 20px;
}

#preface h2 {
	margin-left: 15px;
	font-size: 1.733em;
	padding-top: 5px;
	width: 465px;
}

#preface h3 {
	margin-left: 15px;
}

#preface h4 {
	margin: 0 0 5px 15px;
}

#preface p {
	width:  450px;
	margin-left: 15px;
}

#preface ul {
	width: 465px;
}

#preface li {
	border-top: 2px dotted #cccccc;
	list-style-type: none;
	padding: 3px 10px 7px 45px;
	margin: 0;
}

#preface ul.menu {
	position: absolute;
	left: 15px;
	bottom: 10px;
	padding: 0;
	margin: 0;
}

#content-wrapper #preface div.block ul.menu li {
	border: none;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 45px 0 0;
}

#preface div.block ul.menu li a,
#preface div.block ul.menu li a:visited {
	color: #666666;
}

#preface div.block ul.menu li a:hover,
#preface div.block ul.menu li.active a{
	color: #007DC3;
	text-decoration: none;
}

#preface div.block ul.menu li.button a {

}

#preface div.block ul.menu li.button {

}

#preface div.block-wrapper {
	margin: 0px;
}

#preface .pd-overview,
#preface .product-overview {
	height: 275px;
	position: relative;
	background: #efefef url('images/overview-preface-bg.jpg') no-repeat top left;
	padding: 15px 15px 15px 0;
}

#preface .pd-home {
	height: 240px;
	position: relative;
	background: #efefef url('images/home-preface-bg.jpg') no-repeat top left;
	padding: 15px 15px 15px 0;
}

#preface .pd-benefits,
#preface .pd-features,
#preface .pd-new {
	height: 160px;
	position: relative;
	padding: 15px 15px 15px 0;
}


#preface .pd-benefits {
	background: #efefef url('images/preface-bg.jpg') no-repeat top left;
}

#preface .pd-features {
	background: #efefef url('images/preface-bg.jpg') no-repeat top left;
}

#preface .pd-new {
	background: #efefef url('images/whats-new-preface.jpg') no-repeat top left;
}

#preface .pd-overview #pd-overview-img  {
	position: absolute; 
	top: -23px; 
	right: -10px; 
	background: transparent url('images/overview-preface-img.png') no-repeat top right; 
	width: 481px; 
	height: 327px;
}

#preface #pe-overview-img {
	position: absolute;
	top: 19px;
	right: 40px;
	background: transparent url('images/pe-preface.png') no-repeat top right; 
	width: 335px;
	height: 285px;
}

#preface .pd-home #pd-home-img  {
	position: absolute; 
	top: 5px; 
	right: -10px; 
	background: transparent url('images/home-preface-img.png') no-repeat top right; 
	width: 385px; 
	height: 262px;
}

#preface .pd-benefits #pd-benefits-img  {
	position: absolute; 
	top: -32px; 
	right: 1px; 
	background: transparent url('images/benefits-preface-img.png') no-repeat top right; 
	width: 488px; 
	height: 221px;
}

#preface .pd-features #pd-features-img  {
	position: absolute; 
	top: -32px; 
	right: 1px; 
	background: transparent url('images/features-preface-img.png') no-repeat top right; 
	width: 381px; 
	height: 221px;
}

#preface .pd-home #pd-home-img a:hover {
	text-decoration: none;
}



/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/
/*
#main {
  background: transparent url('images/content-gradient.png') repeat-x 0 1px;
  padding-left: 15px;
}

#main-wrapper {
  margin: 0 auto;
  width: 960px;
}

#main-wrapper a.active {
  color: #144A6E;
  text-decoration: underline;
}
*/
/*******************/
/* SIDEBAR REGIONS */
/*******************/

#sidebar-right {
  float: left;
  width: 255px;
}

#sidebar-last {
  background: transparent;
  float: right;
  margin: 0 0 0 10px;
}
#quote {
	padding: 30px 0px 5px 0px;
	background: #FFF url(images/quote.jpg) no-repeat right 10px;
	border-color: #cccccc;
	border-width: 2px 0;
	border-style: dotted;
}

#quote p,
.quote p { 
	color: #007DC3;
	font-size: 1.033em;
	font-weight: bold;
}
#quote .grey, 
#quote .dark,
.quote .grey, 
.quote .dark {
	font-weight: normal;
}

#sidebar-right div.block ul li a,
#sidebar-right div.block ul.menu li a,
#sidebar-right div.block ul li a:visited,
#sidebar-right div.block ul.menu li a:visited {
	font-size: 1em;
	color: #666666;
}

/*******************/
/* CONTENT REGIONS */
/*******************/

#content-wrapper {
	float: left;
  position: relative;
}

#content-top {
  margin: 0;
  clear: both;
}

#content {
  margin: 0 20px 0 0;
  float: left;
  width: 675px;
}

#content-inner {
}

#content-bottom {
  clear: both;
  margin: 0;
}


/**********************************/
/* POSTSCRIPT REGIONS  */
/**********************************/

#postscript {
  clear: both;
  margin: 0;
  width: 645px;
}

#postscript-first {
	width: 195px;
	float: left;
	margin: 0 30px 0 0;
}

#postscript-middle {
	width: 195px;
	float: left;
	margin: 0 30px 0 0;
}

#postscript-last {
	width: 195px;
	float: left;
}

.postscript-img {
	width: 195px;
	height: 96px;
	/*border: 2px solid #cccccc;*/
	padding: 0;
	margin: 0 0 15px 0;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#postscript.main-callout {
	padding: 15px 15px 0;
}

#postscript.main-callout .postscript-img a img {
	border: 2px solid #cccccc;
}

#postscript.main-callout .postscript-img a:hover img {
	border: 2px solid #999999;
}

.postscript-img a:hover img {
	opacity: 0.75;
}

#postscript-first h6,
#postscript-first p,
#postscript-middle h6,
#postscript-middle p,
#postscript-last h6,
#postscript-last p {
	margin-right: 2px;
	margin-left: 2px;
}


/*****************/
/* FOOTER REGION */
/*****************/


/******FOOTER******/

#footer {
  clear: both;
  display: block;
  margin: auto 0;
  overflow: hidden;
  padding: 10px 20px;
  /*width: 990px;
  height: 110px;*/
  background-color: #E0E7EE;
  text-align: left;
  color: #444;
}
#footer-left{
	float: left;
	width: 675px;
	margin: 0 0 0 20px;
	border-top: 2px dotted #cccccc;
}
#footer-left div.block-wrapper {
	margin: 0 0 0px 0;
	float: left;
}

#footer .site-featured {
	width: 150px;
	margin: 0 38px 0 0;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 1px 0 0;
	float: left;
}

#footer .section {
	float: left;
	width: 170px;
	margin: 0 20px 0 0;
	
}

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

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



#footer .heading {
	color: #444444;
	font-size: 93%;
	font-weight: bold;
	margin: 10px 0 20px;
	display: block;
}

#footer .site-featured li {
	margin: 0 0 1em;
}

#footer .section li {
	margin: 0 0 0.75em;
}

#footer .section li a {
	font-size: 85%;
}

#footer .site-featured li a {
	font-weight: bold;
	font-size: 85%;
}

#footer div.block ul li a,
#footer div.block ul.menu li a {
  color: #444;
}

#legal-notice {
  background: #F4F7E7;
  clear: both;
  color: #AAA;
  display: none;
  font-size: 0.9em;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

#legal-notice a {
  color: #6699CC;
}

/*********************/
/* PRODUCT ICON MENU */
/*********************/

#top-right div.product-icon-menu {
	margin-top: 10px;
}

div.product-icon-menu ul {
	margin: 0;
	padding: 0;
}

div.product-icon-menu ul li {
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	margin-right: 15px;
	list-style: none;
	float: left;
}

div.product-icon-menu ul li.last {
	margin-right: 0;
}

div.product-icon-menu ul li a {
	padding: 2px 9px 6px 10px;
	
}

div.product-icon-menu ul li a,
div.product-icon-menu ul li a:hover {
	text-decoration: none;
}

div.product-icon-menu ul li.dialogue a {
	background: url('images/portrait-dialogue-icon-22.png') no-repeat top left;
}

div.product-icon-menu ul li.io a {
	background: url('images/portrait-io-icon-22.png') no-repeat top left;
}

div.product-icon-menu ul li.pca a {
	background: url('images/portrait-customer-analytics-icon-22.png') no-repeat top left;
}

div.product-icon-menu ul li.uplift a {
	background: url('images/portrait-uplift-icon-22.png') no-repeat top left;
}

div.product-icon-menu ul li.explorer a {
	background: url('images/portrait-explorer-icon-22.png') no-repeat top left;
}

div.product-icon-menu ul li.foundation a {
	background: url('images/portrait-foundation-icon-22.png') no-repeat top left;
}

#preface div.product-icon-menu {
	position: absolute;
	bottom: 15px;
}

#preface div.product-icon-menu ul {
	margin: 0 0 0 45px;
}

#preface div.product-icon-menu ul li {
	padding: 0;
	margin: 0 15px 0 0;
	border: 0px;
}


/****************************************/
/*          COLUMN LAYOUTS              */
/*                                      */
/* Classes for different column layouts */
/* that are applied to the <body> tag.  */
/****************************************/

/************************/
/* SINGLE COLUMN LAYOUT */
/* (Main Content)       */
/************************/

body.layout-main #content-wrapper {
  margin: 0 0 0 0;
  width: 950px;
}


/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Sidebar:Main Content) */
/**************************/

body.layout-first-main #sidebar-first {
  margin: 24px 14px 0 0;
  width: 240px;
}

body.layout-first-main #content-wrapper {
  margin: 34px 0 0 0;
  width: 706px;
}


/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Main Content:Sidebar) */
/**************************/

body.layout-main-last #content-wrapper {
  margin: 32px 20px 0 0;
  position: relative;
  width: 470px;
  z-index: 1;
}

body.layout-main-last #sidebar-last {
  background-color: transparent;
  margin: 32px 0 0 0;
  width: 470px;
}


/**********************************/
/*      THREE COLUMN LAYOUT       */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/

body.layout-first-main-last #sidebar-first {
  margin: 40px 20px 0 0;
  width: 240px;
}

body.layout-first-main-last #content-wrapper {
  margin: 40px 0 0;
  width: 700px;
}

body.layout-first-main-last #content-wrapper #content-inner {
}

body.layout-first-main-last #content-wrapper #sidebar-last {
  background-color: #F4F7E7;
  margin: 0;
  padding: 0 0 0 20px;
  width: 280px;
}

body.full-node.layout-first-main-last #sidebar-last {
  margin: 0;
}


/******************/
/* HELPER CLASSES */
/******************/

.hide {
  display: none;
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block;
  font-size: 0;
  height: 0; 
  visibility: hidden;
}

.relative {
	position: relative;
}

.enlarge {
	position: absolute;
	top: -5px;
	right: -5px;
	height: 16px;
	width: 16px;
	background: transparent url('images/enlarge.png') no-repeat top right;
}

a:hover .enlarge {
	background: transparent url('images/enlarge-hover.png') no-repeat top right;
	text-decoration: none;
}

.left-column {
	float: left;
	margin: 0 25px 35px 0;
	width: 325px;
}

.right-column {
	float: left;
	width: 325px;
	margin: 0 0 35px 0;
}

.right-column-wide {
	float: left;
	width: 425px;
	margin: 0 0 10px 0;
}

.row {
	border-top: 2px dotted #cccccc;
	clear: both;
	padding-top: 10px;
	float: left;
	padding-bottom: 0px;
	height: 160px;
	width: 100%;  /* Needed for IE6 */
}

.row ul {
	margin-bottom: 0;
}

.margin-right-25 {
	margin-right: 25px;
}

.quote {
	
}

h3.quote {
	margin: 0 0 4px 0; 
	padding: 10px 7px; 
	line-height: 125%;
	color: #fff;
	text-align: center;
	height: 59px;
	background: #ffffff url('images/bubble-blue.jpg') no-repeat top left;

}

a:hover img.border {
	border: 2px solid #007DC3;
}

img.border {
	border: 2px solid #cccccc;
}

a.no-border img {
	border: 0px; 
}

p.runtime {
	font-size: 0.9em;
	margin-bottom: 5px;
}

/************/
/* HEADINGS */
/************/

h1.title {                                        /* page titles */
  clear: left;
  font-size: 1.733em;
  font-weight: normal;
  line-height: 1.272em;
  color: #404040;
  margin: 10px 20px 15px 0;
  width: 675px;
  float: left;
}  

h2.subtitle {
	color: #007DC3;
	font-size: 2.13em;
	font-weight: lighter;
	margin: 5px 0 20px;
	line-height: 120%;
}
.subtitle {
	color: #828585;
}

h2.title {        /* block titles, node titles */
  font-size: 1.333em;
  color: #404040;
  font-weight: normal;
  padding-bottom: 1px;
  margin-bottom: 6px;
  border-bottom: 2px dotted #cccccc;
}  

h2.title a:link,
h2.title a:visited {
	color: #404040;
}  


h2.title a:hover,
h2.title a:active {
  color: #007DC3;
  text-decoration: none;
}  

div.node h2.title {
  border-bottom: 2px dotted #cccccc;
  padding-top: 10px;
}

div.teaser h2.title {
	padding-top: 0px;
}

/*********/
/* NODES */
/*********/

div.node {
  margin: 0 0 0px;

}

#content-content .node ul.links li,
#content-content .node ul.inline li,
#content-content .node .links a {
  background: transparent;
  margin: 0;
  padding: 0 14px 0 0;
}

div.node .read-more a,
div.node .more-link a,
div.node .links a {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
}  

#content-content .node ul.links li.comment_forbidden a {
  padding-right: 4px;
}

.submitted,
.terms {                                      /* styling for byline and tags */
  font-size: 0.9em;
}

.vocab-name {
  font-weight: bold;
}

.terms {
  line-height: 130%;
}

#content-content .terms ul.taxonomy li {
  background: transparent;
  margin: 10px 0 5px;
  padding: 0;
}

#content-content .terms ul.taxonomy ul.vocab-list,
#content-content .terms ul.taxonomy li.vocab-term {
  background: transparent;
  display: inline;
  padding: 0 0 0 2px;
}

.submitted a:link {
}

.submitted a:visited,
.submitted a:hover,
.submitted a:active {
}

div.node.full-node div.content,
div.node.teaser div.content {
 float: none;
 clear: both;
}

div.node.teaser {
	position: relative;
	padding-bottom: 30px;
}

/**/
div.teaser.node-type-blog {
	padding: 15px 0 20px 0px;
	border-top: 2px dotted #cccccc;
}

div.node.teaser .picture {
	position: absolute;
}
/**/
div.teaser.node-type-blog .picture {
	float: left;
	margin: 0 0 2px 0;
	top: 15px;
	left: 0;
}

.node-form .standard {
  clear: none;
}

.full-node div.teaser .picture {
	top: -35px;
	right: 0px;
}


div.full-node .picture {
  float: right;
  margin: 0 0 0px 4px;
  padding: 2px;
  margin-left: 5px;
}

.full-node .picture-right {
	float: right;
  margin: 0 0 4px 4px;
  padding: 0 5px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: #FFF;
} 

div.full-node .picture-right img {
	border: 0px solid #828585;
}

div.full-node .picture-right a:hover img {
	border: 0px solid #99CC00;
}


.picture-left {
	float: left;
	position: relative;
	top: -30px;
	left: 10px;
}

/**********/
/* BLOCKS */
/**********/

div.block {
  position: relative;
}

div.block-region {
  background-color: #FFFF66;
  color: #000;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 3px;
  text-align: center;
}

div.block h2.title {
	margin-top: 0px;
}

div.block .submitted {                               /* byline styles in blocks */
}

div.block .submitted a:link {
}

div.block .submitted a:visited,
div.block .submitted a:hover,
div.block .submitted a:active {
}

div.block-wrapper {                    /* spacing between blocks */
  margin: 0 0 20px 0;
}


div.block div.content {
}

#user-login-form .item-list ul li,
div.terms ul li {
  list-style-type: none;
  margin: 2px 0 0 16px;
}


#header-middle h2.block-title,
#header-last h2.block-title {
  color: #51748C;
  font-size: 1.833em;
  margin: 0;
  padding: 0;
}

#preface-wrapper h2.block-title {
  background-color: transparent;
  color: #94CE18;
  font-size: 1em;
  padding: 0;
}

#preface-wrapper .block .content {
  margin: 10px 0 0;
}

body.layout-first-main-last #sidebar-first .block-wrapper,
body.layout-first-main-last #sidebar-last .block-wrapper {
  margin: 0 0 10px;
}

/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
  background-color: #94CE18;
  color: #fff;
  padding: 8px 8px 6px 46px;
  text-align: right;
  text-shadow: #545454 1px 1px; 
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
  background: transparent url('images/block-gradient.png') no-repeat center bottom;
  border-bottom: 3px solid #F1F5F7;
  padding: 10px 10px 8px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px; 
}

/* non-rounded blocks styles = prefaces & layout-main-last blocks */
#preface-wrapper div.block div.content,
body.layout-main-last #sidebar-last div.block div.content {
  border: none;
}

body.layout-main-last #sidebar-last div.block-wrapper {
  margin: 0 0 30px;
}

#preface-wrapper div.block div.content,
body.layout-main-last #sidebar-last div.block div.content,
#footer div.block div.content {
  background: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

body.layout-main-last #sidebar-last div.block div.content {
  padding: 6px;
}

body.layout-main-last #sidebar-last h2.block-title {
  border-bottom: 1px solid #D6DDB9 ;
  background-color: transparent;
  color: #666;
  padding: 0;
  text-align: left;
  text-shadow: none;
  width: 400px;
}

#footer h2.block-title {
  background: transparent;
  color: #666;
}

#sidebar-right div.block-wrapper {
	width: 100%;
	float: left;
}

div.block-profile .label {
	display: none;
}

div.block-profile p.Name {
	font-size: 1.333em;
	color: #404040;
	font-weight: normal;
	padding: 0 3px 5px 0;
	margin: 0;
	float: left;
}

div.block-profile .picture {
	float: left; 
	padding-right: 5px;
}

div.block-profile p.Company {
	float: left;	
}

/***************/
/* BLOCK MENUS */
/***************/

#sidebar-right div.view-content ul li a,
#sidebar-right div.view-content ul.menu li a,
#sidebar-right div.view-content ul li a:visited,
#sidebar-right div.view-content ul.menu li a:visited {								
  font-size: 0.95em;
  font-weight: normal;
  line-height: normal;
  color: #666666;
}

#sidebar-right div.block ul li a:hover,
#sidebar-right div.block ul.menu li a:hover {
	color: #007DC3;
}

div.block ul li a,
div.block ul.menu li a {								

  font-weight: normal;

}

#sidebar-right div.block ul.menu li,
#sidebar-right div.block .item-list ul li {
  margin: 0 0 0 1px;
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  line-height: 115%;
  padding: 0.2em 0.5em 0.2em 0;
}
#content-wrapper div.block ul.menu li,
#content-wrapper div.block .item-list ul li {
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  margin: 2px 0;
}

div.block ul.menu li a:link,
div.block ul.menu li a:visited {
}

div.block ul.menu li a:hover,
div.block ul.menu li a:active {
}



#sidebar-right span.date-display-single,
#sidebar-right div.views-field-created {
	font-size: 0.9em;
	color: #aaaaaa
}

/*****************************************/
/* ROUNDED CORNERS FOR BLOCKS (optional) */
/*****************************************/

div.rounded-block {
  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */
}

p.rounded-topspace {
  margin-top: -14px;                                  /* removes unwanted space */
}

p.rounded-bottomspace {
  margin-bottom: -10px;                               /* removes unwanted space */
}

div.rounded-block-top-left, 
div.rounded-block-top-right, 
div.rounded-block-bottom-left, 
div.rounded-block-bottom-right { 
  background: transparent url('images/rounded-block.png') no-repeat;                         /* combined rounded corner image */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}

body.layout-main-last #sidebar-last div.rounded-block-top-left, 
body.layout-main-last #sidebar-last div.rounded-block-top-right, 
body.layout-main-last #sidebar-last div.rounded-block-bottom-left, 
body.layout-main-last #sidebar-last div.rounded-block-bottom-right { 
  background: none;
  font-size: inherit;
  height: auto;
}

div.rounded-block-top-left, 
div.rounded-block-bottom-left { 
  margin-right: 11px;                             /* width of an image corner */
}

div.rounded-block-top-right {                        /* anchor image in top right */
  background-position: 100% 0;
}

div.rounded-block-top-right,
div.rounded-block-bottom-right { 
  margin-left: 11px;                              /* width of an image corner */
  margin-top: -11px;                              /* height of an image corner */
}

body.layout-main-last #sidebar-last div.rounded-block-top-right,
body.layout-main-last #sidebar-last div.rounded-block-bottom-right { 
  margin: 0;
}

div.rounded-block-bottom-left  { 
  background-position: 0 -11px;                   /* negative height of an image corner */
}

div.rounded-block-bottom-right { 
  background-position: 100% -11px;                /* negative height of an image corner */
}

div.rounded-outside,
div.rounded-inside {
  background: transparent url('images/rounded-block-inner.png') repeat-y right;
  padding-right: 8px;
}

body.layout-main-last #sidebar-last div.rounded-outside,
body.layout-main-last #sidebar-last div.rounded-inside {
  background: none;
  margin: 0;
  padding: 0;
}

div.rounded-inside {
  background-position: left;
  padding: 0 0 0 8px;
}


/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {                                   /* menu layout */
  display: block;
  float: left;
  font-family: sans-serif;
  font-size: 13px;
  color: #222222;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 100;
  width: 100%;
}
  
#primary-menu ul.links li {                       /* text styling for the top (primary) menu */
}  

#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.menu li.last {                  /* .first and .last classes applied to first and last menu & list items */
	float: right;
}

#primary-menu ul.menu li.last a.contact:hover {                  /* .first and .last classes applied to first and last menu & list items */
	background-image: -moz-linear-gradient(center top , #5B8E0F, #A1BF0F);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5B8E0F),to(#A1BF0F));
  	background-image: -webkit-linear-gradient(top,#5B8E0F,#A1BF0F);
  	background-image: -ms-linear-gradient(top,#5B8E0F,#A1BF0F);
  	background-image: -o-linear-gradient(top,#5B8E0F,#A1BF0F);
  	background-image: linear-gradient(top,#5B8E0F,#A1BF0F);
	background-color: #5B8E0F;
}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
}  
  

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#primary-menu ul.menu {
	margin: 0;
	z-index: 1;
	float:left;
	width: 100%;
}

#primary-menu ul.menu li {                        /* top item layout */
  background: transparent;
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;    /* 0 0 0 10px */
  
  
}

#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
  background-position: left -29px;
}

#primary-menu ul.menu li a {
  background: transparent;
  display: block;
  padding: 4px 25px 3px;    /* 5px 10px 1px 0 */
  margin: 0;
  text-decoration: none;
  letter-spacing: 0px;
  color: #444;
  font-weight: bold;
  font-size: 93%;
}

#primary-menu ul.menu li a.home {
	background-image: url(images/home.png);
	background-repeat:no-repeat;
	width: 16px;
	text-indent: -999em;
	background-position: 0 5px;
}

#primary-menu ul.menu li a.home:hover {
	background-position: 0 -17px;
}

#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a {
  background-color:#6a6b6d;
  color:#fff;
}

/*#primary-menu ul.menu li.first a {
	background-image: url(images/home.png);
	background-repeat: no-repeat;
	width: 16px;
}*/

/* FIND ME */

#primary-menu ul.menu li ul {
   display: none;
 
}
  
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
  display: block;
  left: auto;
    background: #F1FCFC;
  /*left: -999em;*/
  opacity: 0.95;
  margin: 0;

  position: absolute;
  
  width: auto;
  z-index: 100;
  border: 3px solid #6A6B6D;
    padding: 22px 22px 16px 22px;
	color: #444444;
	

}

#primary-menu ul.menu li.last ul,
#primary-menu ul.menu li.last:hover ul {
	right: 0px;
 	border: 3px solid #6A6B6D;

}

  
#primary-menu ul.menu li ul li {
  background: transparent;
  font-family: Helvetica, Arial, Sans-serif;
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 0px 0px 3px;
  float: none;
}

/*#primary-menu ul.menu li ul li.first {  DELETE ???
	padding: 0px 4px 0px 4px;
}

#primary-menu ul.menu li ul li.last {
  	padding: 0px 4px 0;
}*/

#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  background: transparent;
  color: #444444;
  display: block;
  margin: 0;
  text-transform: none;
  width: 175px;
  border: none;
  padding: 0 10px 0 0;
    font-weight: normal;
  font-size: 13px;
  line-height: 1.75em;
}

#primary-menu ul.menu li ul li a:hover {
  color: #444;
  display: block;
  margin: 0;
  text-decoration: underline;

}



#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
  /*display: none;*/
  /*left: 0px;
  top: 0px;*/
}

#primary-menu ul.menu li ul li ul.menu,
#primary-menu ul.menu li ul li.last ul.menu,
#primary-menu ul.menu li ul li.first ul.menu{
left: 0;
  margin: 0 0 0 0px;
  padding: 4px 0 0px;
  float: left;
  position: relative;
  border: none;
}

#primary-menu ul.menu li ul .nolink {
	font-size: 13px;
	color: #444;
	margin: 0 0 10px;
	font-weight: bold;
}

#primary-menu ul.menu li ul li ul.menu li.expanded ul {
	display:none;
}
  
/******************/
/* SECONDARY MENU */
/******************/

#secondary-menu {
}


/***********/
/* MISSION */
/***********/

#mission {
  padding: 8px 0;
}

/***************/
/* BREADCRUMBS */
/***************/

#breadcrumb {
  font-size: 1em;
  line-height: 100%;
  left: 21.654em;
  position: relative;
  top: 1.333em;
  width: 700px;
}

body.layout-main-last #breadcrumb {
  left: 0;
}

.breadcrumb {
  margin: 0;
  padding: 0;
}

/************/
/* LIGHTBOX */
/************/



/********/
/* TABS */
/********/

/* styling for node tabs (e.g., View, Edit) */
#content-tabs {
  background-color: transparent;
  float: left;
  margin: 10px 0 20px;
  padding: 0;
  width: 100%;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #d1d1cc;
  clear: left;
  float: left;
  margin: 0;
  padding: 0;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #d1d1cc;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  background: transparent;
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #828585;
  float: left;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0 40px 4px 0;
  text-decoration: none;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #828585;
  font-size: 1em;
  line-height: 1.1em;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 2px solid #99cc00;
  color: #99cc00;
  padding: 0 40px 2px 0;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 2px solid #99cc00;
  color: #99cc00;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 2px solid #99cc00;
  color: #99cc00;
  padding-bottom: 2px;
}

/*********/
/* FORMS */
/*********/

form {
  margin: 0;
  padding: 0;
  clear: both;
}

select.form-select,
input.form-text,
textarea.form-textarea {                                      /* default styling for all text fields */
  background: #F6F9FB url('images/form-bg.png') left top;
  color: #828585;
  border: 1px solid #cccccc;
  padding: 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

body.layout-first-main-last select.form-select,
body.layout-first-main-last input.form-text,
body.layout-first-main-last textarea.form-textarea,
body.layout-first-main-last div.resizable-textarea,
body.layout-first-main-last div.resizable-textarea .grippie {
  max-width: 325px;
}

/*input.form-submit,
input.teaser-button {*/                                    /* default styling for all form buttons */
  /*background: transparent url('images/blue-button.png') no-repeat left center;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  font-weight: bold;
  margin: 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  outline: 1px solid #9BABB0;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}*/

#search-block-form input.form-submit {
	display:none;
}

input.form-submit:hover,
input.teaser-button:hover  {
  /*background-position: right center;*/
  cursor: pointer;
}  

fieldset {
  border: 1px solid #cccccc;
  margin: 15px 0;
  padding: 10px;
}

fieldset.collapsed {
}

fieldset legend {
  font-weight: normal;
  color: #404040;
}

html.js fieldset.collapsible legend a {
  font-weight: bold;
}

form#system-theme-settings select,
form#system-theme-settings input.form-text {
  width: 95%;
}

#user-login-form {
  text-align: left;
}

div.form-item label {
  font-weight: normal;
}

html.js input.form-autocomplete {
  background-position: 100% 5px;
}

/* prevents fields from overflowing into sidebar-last */
body.layout-main-last input.form-text {
  width: 450px;
}

/**********/
/* PAGERS */
/**********/
#content .item-list .pager {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 2px 0;
}


#content .item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

#content .item-list .pager a.active {
  color: #888;
  font-size: 1em;
  font-weight: bold;
  padding: 4px;
  text-decoration: none; 
}

#content .pager li.pager-current {
  color: #404040;
  margin: 0 4px;
  padding: 4px;
}

#content .pager-first,
#content .pager-next,
#content .pager-previous,
#content .pager-item,
#content .pager-last {
  
  margin: 0 4px;
  padding: 4px;
}

#content .pager-first:hover,
#content .pager-next:hover,
#content .pager-previous:hover,
#content .pager-item:hover,
#content .pager-previous:hover,
#content .pager-last:hover {
  background-color: #efefef;
}


/**********/
/* TABLES */
/**********/

table {
  border-collapse: collapse;
  margin: 0 0 10px;
  width: 100%;
}

.layout-first-main-last table {
  border-collapse: collapse;
  margin: 0 0 10px;
  width: 57%;
}

th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #CCC;
}

tr {
  padding: 0.1em 0.6em;
}

td {
  padding: 3px;
}

th.active img {
  display: inline;
}

tr.even td {
  background-color: #E3ECC0;
  border-bottom: 1px solid #CCC;
}

tr.odd td {
  background-color: #FDFFEF;
  border-bottom: 1px solid #CCC;
}

td.active {
  
}

tbody {
  border-top: 1px solid #CCC;
}

tbody th {
  border-bottom: 1px solid #CCC;
}

thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #CCC;
}


/*******************/
/* DRUPAL MESSAGES */
/*******************/

.node-unpublished {
  background-color: #FFF4F4;
}

.preview {
  background-color: #FFFFEA;
  padding: 0px;
}

.description {
}

div.messages {
  background: #FFFCE3;
  border: 2px solid #EED300;
  color: #C28E00;
  font-weight: bold;
  font-size: 1.166em;
  margin: 20px 0pt;
  padding: 10px;
  float: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  clear: both;
}

div.messages ul {
  list-style-position: outside;
}

div.messages em {
  color: #656C9B;
}

div.error {
  background-color: #FFF2F2;
  border-color: #FF0000;
  color: #B20000;
}

.status {
}


.help {
}

.help .more-help-link {
}

.marker {
}

.tips {

}

#help {
  clear: left;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.form-item input.error, 
.form-item textarea.error, 
.form-item select.error {
	border: 1px solid red;
}



/*--------------------------------*/
/*---- MODULE SPECIFIC STYLES ----*/
/*--------------------------------*/

/*******************/
/* BOOK NAVIGATION */
/*******************/

.book-navigation .menu {
  border-top: 1px solid #CCC;
  padding: 1em 0 0 3em;
}
.book-navigation .page-links {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  padding: 0.5em;
}

/********/
/* BLOG */
/********/

div.node-type-blog {
}

div.node-type-blog div.links ul.links li {
	margin: 0;
	padding: 0 15px 0 0;
}
body.full-node div#content {
	position: relative;
}

div.node-type-blog div.meta,
div.node-type-news div.meta {
	margin-bottom: 10px;
	font-size: 0.9em;
	clear: both;
	float: left;
}



div.node-type-blog.teaser h2.title {
	margin:0 0 0 75px;
	padding: 0 0 5px;
	border: 0;
	
}

div.node-type-blog.teaser p,
div.node-type-blog.teaser h2,
div.node-type-blog.teaser h3,
div.node-type-blog.teaser h4,
div.node-type-blog.teaser h5,
div.node-type-blog.teaser h6,
div.node-type-blog.teaser div.links,
div.node-type-blog.teaser div.meta .submitted {
	margin-left: 75px;
}

div.node-type-blog.teaser h2,
div.node-type-blog.teaser h3,
div.node-type-blog.teaser h4,
div.node-type-blog.teaser h5,
div.node-type-blog.teaser h6 {
	font-size: 1.33em;	
}


/************/
/* COMMENTS */
/************/
#comments {
  clear: both;
}

#comments .content {
  background: transparent;
  border: none;
}

#content #comments a.active {
  color: #007DC3;
  text-decoration: none;
}

.box {
  padding: 0;
}

#comment-form {
  margin: 0 0 20px;
  padding: 0;
}

#comments h2.title {
	color: #522398;
	border: none;
	margin-bottom: 30px;
	font-size: 1.633em;
	padding: 0 0 0 0;
}

#comments .box h2.title {
	color: #404040;
	border-bottom: 2px dotted #cccccc;
	margin: 30px 0 6px 0;
	padding: 0 0 1px 0; 
	font-size: 1.333em;
	background: none;
	
}

.comment {
	margin: 0 0 15px 0;
}

.comment-body {
	background: #efefef;
	border: none;
	margin: 0 0 0 69px;
	padding: 8px 8px 1px 8px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	
}

.comment p {
	margin:  0 0 8px;
}

/*.comment-body .links {
	float: right;
	clear: right;
}*/

.comment-body .submitted {
	margin: 0 0 8px;
}

.comment h3.title {
  font-weight: normal;
  margin: 0 0 0px 0;
  font-size: 1.25em;

}

.comment .links a {
  font-size: 0.9em;
  text-align: right;
}

#comments .odd {
  /*background-color: #F4F7E7;*/
  /*border: 1px solid #ddd;*/
}

#comments .even .comment-body {
  background-color: #e8e8e8;
}

#comments .comment-by-author img {
  border: 2px solid #99CC00;
}

.comment ul.links {
  text-align: right;
  clear: right;
  padding: 0 0 5px 0;
}

#content-content .comment ul.links li {
  background: transparent;
  margin: 0 10px 0 0;
  padding: 0;
}

.signature p {
  border-top: 1px solid #d6ddb9;
  font-family: serif;
  font-size: 0.916em;
  margin: 10px 0;
  padding: 0;
}

.content blockquote p {
  font-style: italic;
  margin: 0;
  padding: 0 20px 8px;
}

blockquote {
  background: url('images/close-quote.gif') no-repeat right bottom;
  color: #5A6A78;
  margin: 10px 0;
}

blockquote :first-child {
  background: url('images/open-quote.gif') no-repeat left top;
  padding: 10px 0 0 20px;
}

blockquote * > :first-child {
  background: transparent;
  padding: 0;
}

blockquote a:link {
  text-decoration: underline;
}

.comment div.picture {
	float:left;
}

.comment div.picture {
	margin-bottom: 4px;
}

.comment img {
	border: 2px solid #cccccc;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	width: 50px;
}

.comment-bubble {
	float: left;
	width: 15px;
	height: 50px;
}

#comments .odd .comment-bubble {
	background: transparent url(images/bubble-odd.jpg) no-repeat top right;
}

#comments .even .comment-bubble {
	background: transparent url(images/bubble-even.jpg) no-repeat top right;
}


/******************/
/* CONTACT US MAP */
/******************/

.oslo,
.edinburgh,
.henley,
.boston,
.sydney {
	position: absolute;
}

.oslo {
	right: 278px;
	top: 39px;
}

.edinburgh {
	left: 244px;
	top: 66px;
}

.henley {
	right: 230px;
	top: 66px;
}

.boston {
	left: 136px;
	top: 82px;
}

.sydney {
	bottom: 44px;
	right: 71px;
}

/**********/
/* FORUMS */
/**********/

#forum .description {
  font-size: 0.9em;
  margin: 0.5em;
}

#forum td.created, 
#forum td.posts, 
#forum td.topics, 
#forum td.last-reply,
#forum td.replies, 
#forum td.pager {
  white-space: nowrap;
}

#forum td.posts, 
#forum td.topics, 
#forum td.replies, 
#forum td.pager {
  text-align: center;
}

.forum-topic-navigation {
  padding: 1em 0 0 3em;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 0.5em;
}

.forum-topic-navigation .topic-previous {
  text-align: right;
  float: left;
  width: 46%;
}

.forum-topic-navigation .topic-next {
  text-align: left;
  float: right;
  width: 46%;
}

/**********/
/* PANELS */
/**********/

.tnt-panel .panel-preface-wrapper,
.tnt-panel .panel-postscript-wrapper {
}

.tnt-panel .panel-preface-first,
.tnt-panel .panel-postscript-first {
}

.tnt-panel .panel-preface-last,
.tnt-panel .panel-postscript-last {
}


/****************************************************/
/* TNT ROUNDED CORNERS FOR PANELS MODULE (optional) */
/****************************************************/

.tnt-panel {
  margin-top: 15px;
}

.tnt-panel .panel-panel {
  margin: 0 0 10px 0;
}

.rounded_corner .wrap-corner { 
  background-color: transparent !important;
}

.rounded_corner .wrap-corner .t-edge, 
.rounded_corner .wrap-corner .b-edge { 
  background-image: none;
}

.rounded_corner .wrap-corner .l-edge,
.rounded_corner .wrap-corner .r-edge {
  background-image: none !important;
}
 
.rounded_corner .wrap-corner .l-edge {
  border-left: 1px solid #cce2a3;                           /* left inside border color & width */
  border-right: 1px solid #cce2a3;                          /* right inside border color & width */
  background: #FFF;
  color: #000;
  padding-bottom: 1px;                  /* prevents gap in FF when an inner element has bottom padding */
  padding-left: 10px;
  padding-right: 10px;
}

.rounded_corner .wrap-corner .r-edge {
  padding: 0;
}

.rounded_corner .wrap-corner .t-edge .l, 
.rounded_corner .wrap-corner .t-edge .r, 
.rounded_corner .wrap-corner .b-edge .l, 
.rounded_corner .wrap-corner .b-edge .r { 
  background-image: none;                                   /* combined rounded corner image */
  font-size: 2px;                                           /* IE div correction */
  height: 11px;                                             /* height of an image corner */
  position: static;
  width: auto;
}

.rounded_corner .wrap-corner .t-edge .l, 
.rounded_corner .wrap-corner .b-edge .l { 
  margin-right: 11px;                                       /* width of an image corner */
}

.rounded_corner .wrap-corner .t-edge .r {                   /* anchor image in top right */
  background-position: 100% 0;
}

.rounded_corner .wrap-corner .t-edge .r,
.rounded_corner .wrap-corner .b-edge .r { 
  margin-left: 11px;                                        /* width of an image corner */
  margin-top: -11px;                                        /* height of an image corner */
}

.rounded_corner .wrap-corner .b-edge .l  { 
  background-position: 0 -11px;                             /* negative height of an image corner */
}

.rounded_corner .wrap-corner .b-edge .r { 
  background-position: 100% -11px;                          /* negative height of an image corner */
}


/*********/
/* POLLS */
/*********/

.poll .bar {                                      /* styles for poll ratings */
  background-color: #DDD;
}

.poll .bar .foreground {
  background-color: #999;
  float: none;
}


/************/
/* PROFILES */
/************/

.profile {
  clear: both;
  margin: 12px 0;
}

.profile h2.title {
  margin-top: 15px;
  border-bottom: 1px solid;
}

.profile dt {
  float: left;
  margin-bottom: -10px;
  padding: 0 5px;
  text-align: left;
  width: 185px;
}

.layout-first-main-last .profile dd {
  margin: 15px 5px 0 120px;
}

.layout-first-main-last .profile dt {
  width: 100px;
}

/******************/
/* SEARCH RESULTS */
/******************/

/******************/
/* DOWNLOADS */
/******************/

#block-views-white_papers-block_1 h2.title {
	border: 0px;
	  font-size: 1.633em;
  font-weight: normal;
  color: #007DC3;
  margin: 0px 0 15px 0;
  line-height: 130%;
}

/*********/
/* VIEWS */
/*********/

.view .view-comments-recent .views-field-subject {
  font-weight: bold;
}

.view .view-style-node{
}

.view .view-style-teaser{
}

.view .view-style-list{
	list-style-type: none;
}

.view .view-style-table{
}

.view .views-admin-links li {
  background: transparent !important;
}
div.view-content ul li.views-row {
	list-style-type: none;
	position: relative;
	margin-left: 0;
}

/* News overview page? */

#content #content-bottom div.views-field-title,
#content #content-bottom div.views-field-title-1,
#content #content-bottom div.views-field-title a,
#content #content-bottom div.views-field-title-1 a {
	font-size: 13px;
	margin: 0;
	border: 0;
	color: #007DC3;
}

#content #content-bottom div.views-field-title a:hover,
#content #content-bottom div.views-field-title-1 a:hover {
	text-decoration: underline;
}

#content div.block-wrapper .views-row {
	padding-bottom: 3px;
}


div.view-content div.field-content .item-list ul li {
	list-style-type: inherit;
}



/* Views row */

#content .views-row {
	padding: 0 0 30px 0;
	margin: 0;
}

#content .views-row div.node.teaser {
	padding: 0;
}

/* Views field title */

#content div.view div.views-field-title,
#content div.view div.views-field-title-1 {
	font-size: 1.333em;
  	color: #404040;
  	font-weight: normal;
  	padding-bottom: 1px;
  	margin-bottom: 6px;
  	border-bottom: 2px dotted #cccccc;
	line-height: 130%;
}

#content div.views-field-title a,
#content div.views-field-title-1 a {
	color: #404040;
}

#content div.views-field-title a:hover,
#content div.views-field-title-1 a:hover {
	color: #007DC3;
	text-decoration: none;
}



/* View node link */

#content .views-field-view-node {
	text-align: left;
	font-weight: bold;
}

/* View teaser content styling */

#content .views-field-teaser img {
	display: none;
}

#content .views-field-teaser h2,
#content .views-field-teaser h3,
#content .views-field-teaser h4,
#content .views-field-teaser h5,
#content .views-field-teaser h6 {
	color: #404040;
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: normal
}

/* Views date field */

#content .views-field-field-news-date-value,
#content .views-field-field-date-value-1,
#content .views-field-field-downloads-date-value,
#content .views-field-created,
#content .views-field-field-page-date-value{
	margin-bottom: 10px;
	font-size: 0.9em;
}

/********************/
/* SOCIAL BOOKMARKS */
/********************/

#bookmark {
	height: auto;
	float:left;
	width: 100%;
	padding: 8px 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 30px 0;
}

#bookmark ul{
	padding:0;
}

#bookmark ul li{
	background: none;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	list-style-image:none;
}

#bookmark ul li a {
	font-weight: normal;
}

#bookmark ul li.digg,
#bookmark ul li.delicious,
#bookmark ul li.facebook,
#bookmark ul li.reddit,
#bookmark ul li.stumbleupon,
#bookmark ul li.technorati,
#bookmark ul li.newsvine {
	padding-left: 20px;
	margin-left: 15px;
}

#bookmark ul li.sharethis {
	margin-left: 15px;
}

#bookmark ul li.digg {
	background: transparent url(icons/digg.jpg) no-repeat scroll left ;
}

#bookmark ul li.delicious {
	background: transparent url(icons/delicious.jpg) no-repeat scroll left ;
}

#bookmark ul li.facebook {
	background: transparent url(icons/facebook.jpg) no-repeat scroll left ;
}

#bookmark ul li.reddit {
	background: transparent url(icons/reddit.jpg) no-repeat scroll left ;
}

#bookmark ul li.stumbleupon {
	background: transparent url(icons/stumbleupon.jpg) no-repeat scroll left ;
}

#bookmark ul li.technorati {
	background: transparent url(icons/technorati.jpg) no-repeat scroll left ;
}

#bookmark ul li.newsvine {
	background: transparent url(icons/newsvine.jpg) no-repeat scroll left ;
}

/**************/
/* SHARE THIS */
/**************/

#top-right ul.share {
	padding: 3px 0 0;
}

#top-right ul.share li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#top-right ul.share li.sharethis {
	position: relative;
	top: -1px;
}

/*****************/
/* SPECIAL MENUS */
/*****************/



#primary-menu ul.menu li ul li span {
	display: block; /* NEED */
}





#primary-menu ul.menu li ul li.expanded {
	float: left;
	position: relative;
}

#primary-menu ul.menu li ul li.expanded ul li.expanded {
	float: none;
}


/*****************/
/*  LEGAL        */
/*****************/

#legal {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 20px;
}

#legal .logo {
	background-image: url(images/ui-sprite-01.png);
	background-position: -190px 0;
	display: inline-block;
	height: 20px;
	line-height: 27em;
	overflow: hidden;
	padding: 0 0 6px;
	vertical-align: middle;
	width: 123px;
	float: left;
}

#legal .legal-short {
	color: #6A6B6D;
	display: inline-block;
	font-size: 85%;
	font-weight: bold;
	margin: 4px 22px 0 11px;
}

#legal a {
	color: #6A6B6D;
}

/*****************/
/* VISIBLE GAINS */
/*****************/

.visible-gains {
	border: 1px solid #CCC;
	float: left;
	padding: 10px;
	margin: 0 0 20px;
	box-shadow: 0 0 4px #ccc;
}

/***************/
/* PRINT STYLE */
/***************/

@media print {
  body {
    background: white;
    font-size: 10pt;
  }
   
  #header,
  #header-top,
  #header-wrapper,
  #header-bottom,
  #sidebar-first,
  #sidebar-last,
  #preface-wrapper,
  #content-tabs,
  #mission,
  #slogan,
  #postscript-wrapper,
  #footer-top,
  #footer,
  #primary-menu,
  #search-box,
  #logo {
    display: none;
  }

  #page,
  #main-wrapper,
  #content-wrapper,
  #content-top,
  #content,
  #content-bottom {
    background: transparent none;
    border: 0;
    color: black;
    float: none !important;
    margin: 0;
    padding: 0;
    width: auto;
  }
  
  #content-wrapper {
    margin: 0 3%;
  }