body {
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background:#cde6f9 url(../images/body-bg.jpg) repeat-x;
}
img {border-style:none;}
a {
	color:#000;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

/*page*/
#page {
	margin:33px auto 0;
	width:864px;
}
#page .top {
	width:100%;
	overflow:hidden;
	height:16px;
	background:url(../images/cont-top-bg.png) no-repeat;
}
#page .inner {
	padding:0;
	height:1%;
	background:url(../images/cont-inn-bg.png) repeat-y;
}
/*header*/
.inner .header {
	padding:16px 0 0;
	border-bottom:1px solid #666765;
	margin:0 9px 0 36px;
}
.header img#logo
{
margin: 0 125px 0 0;
padding: 0;
overflow:hidden;
width:230px;
height:91px;
float:left;
}

.header img#logo a {
	display:block;
	height:100%;
	text-indent:-9999px;
	width:230px;
}
/*menu*/

.menu {
	overflow:hidden;
	list-style:none;
	height:36px;
	margin:73px 0 0;
}
.menu li {
	float:left;
	margin:0 1px 0 0;
	height:36px;
	cursor: pointer;
}
.menu li .features {
	width:95px;
	background:url(../images/features.gif) no-repeat;
		cursor: pointer;
}
.menu li .blog {
	width:72px;
	background:url(../images/blog.gif) no-repeat;
	cursor: pointer;
}
.menu li .about {
	width:95px;
	background:url(../images/about.gif) no-repeat;
	cursor: pointer;
}
.menu li .faq {
	width:61px;
	background:url(../images/faq.gif) no-repeat;
	cursor: pointer;
}
.menu li .register {
	width:96px;
	background:url(../images/register.gif) no-repeat;
	cursor: pointer;
}
.menu li a {
	display:block;
	height:36px;
}
.menu li a span {
	text-indent:-9999px;
	height:36px;
	width: 100%;
	overflow: hidden;
	display: block;
}
/*content*/
#page .content {
	height:1%;
	padding:0 0 12px 0;
}
.content:after {
	content:" ";
	display:block;
	width:100%;
	overflow:hidden;
	height:1%;
	clear:both;
}
/*right column*/
.content .right-col {
	float:right;
	width:332px;
	padding-top: 32px;
}
.right-col blockquote {
	font:30px Verdana, Arial, Helvetica, sans-serif;
	color:#7033cc;
	margin:0 45px 25px 14px;
	quotes: none;
}
.right-col blockquote:after, .right-col blockquote:before {content: none;}
.right-col blockquote cite {
	margin:0 0 0 40px;
	font-style:normal;
}
.right-col .gallery-list {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.gallery-list li { margin:0 0 31px 0;}
.gallery-list li.last { margin: 0;}
.gallery-list li img { margin:0 0 8px 0;}
/* text - this is used for all non index pages*/
.content .text {
	padding:0 28px 0 35px;
	overflow: hidden;
	height: 1%;
}

.text h1 {
	margin:15px 0 16px 0;
	overflow:hidden;
	width:394px;
	height:30px;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


.text h1 span {
	display:block;
	width:394px;
	height:30px;
	text-indent:-9999px;
}

.text h2
{
	font:16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.content .text p {
	margin:0 0 16px 0;
	padding:0 47px 0 0;
}
.content .text h3 {
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.content .text-list {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	height: 1%;
}
.text-list li {
	width: 100%;
	vertical-align: top;
	overflow: hidden;
}
.text-list li span {
	float:left;
	margin:0;
}
.text-list li p {
	margin:0 !important;
	padding:0 28px 0 20px !important;
	overflow: hidden;
	height: 1%;
}

.footer {
	color:#363635;
	padding:38px 0 45px 7px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/cont-btn-bg.png) no-repeat;
}

.footer p {
	margin:0 40px 0 0;
	padding:0;
	display:inline;
}
.footer .menu-ftr {
	overflow:hidden;
	list-style:none;
	padding:0;
	display:inline;
	margin:0 20px 0 0;
}
.footer .menu-ftr li {
	display:inline;
	padding:0 10px 0 0;
	margin:0;
}
.footer .menu-add {
	overflow:hidden;
	list-style:none;
	padding:0;
	display:inline;
	margin:0;
}
.footer .menu-add li {
	display:inline;
	padding:0 10px 0 0;
	margin:0;
}

/*inner-page  This is for the index page.*/
.content .text-inner {
	margin:0;
}
.text-inner h1 {
	margin:25px 0 20px 36px;
	overflow:hidden;
	width:394px;
	height:30px;
}
.text-inner h1.serendipity {background:url(../images/txt-bg.gif) no-repeat;}
.text-inner h1 span {
	display:block;
	width:394px;
	height:30px;
	text-indent:-9999px;
}
.text-inner .inner-block {
	width:934px;
	margin:0 -35px;
	position:relative;
}
.inner-block .block-bottom {
	width:100%;
	overflow:hidden;
	height:28px;
	background:url(../images/block-btn-bg.png) no-repeat;
}
.inner-block .inner-txt {
	padding:0;
	height:1%;
	overflow:hidden;
	background:url(../images/block-top-bg.png) no-repeat;
	padding:0 0 25px;
}
.inner-txt p {
	font:24px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#fff;
}
.inner-txt .left {
	width:338px;
	float:left;
}
.inner-txt .left p {
	padding:38px 0 3px 47px;
	margin:0;
}
.inner-txt .left img { padding:0 0 0 40px;}
.inner-txt .centre {
	width:285px;
	float:left;
}
.inner-txt .centre p {
	padding:64px 0 7px 4px;
	margin:0;
}

.inner-txt .right {
	position:relative;
	z-index:1;
	height: 1%;
	overflow: hidden;
	width:264px;
}
.inner-txt .right p {
	padding:64px 0 31px 0;
	margin:0;
}
.right a.button {
	overflow:hidden;
	width:201px;
	height:85px;
	text-indent: -9999px;
	background:url(../images/button.png) no-repeat;
	margin:0 auto 34px;
	display:block;
}

.right a.more {
	font:24px Myriad Pro, Arial, Helvetica, sans-serif;
	color: #1b66a3;
	text-decoration: underline;
	letter-spacing:-1px;

}
.right a.more:hover { text-decoration: none;}

/*continuing of text-inner*/
.text-inner .right-col-inner {
	float:right;
	padding:0 56px 0 0;
	width:354px;
}
.right-col-inner h4 {
	font: bold 25px Myriad Pro, Arial, Helvetica, sans-serif;
	color: #636567;
	margin:18px 0 6px;
	text-align:center;
}
.right-col-inner img { margin:0 0 16px 0;}

/*left-column-inner*/
.text-inner .left-col-inner{
	margin:0 443px 0 0;
	padding:51px 31px 0 36px;
	width:350px;
}
.left-col-inner p {
	font:20px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#666765;
	margin:0 0 44px;
}

.left-col-inner ul {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	height: 1%;
}
.left-col-inner ul li {
	vertical-align: top;
	overflow: hidden;
	padding:0 0 0 20px;
}
.left-col-inner ul li p{
	margin:0;
	padding:0;
}


/*Features page*/



#feature-knowledge
{
height:340px;
}

#feature-knowledge img#feature-image-knowledge
{
float:left;
margin: 30px 10px 0 20px;
}

#feature-knowledge a.button {
	overflow:hidden;
	width:201px;
	height:85px;
	text-indent: -9999px;
	background:url(../images/button.png) no-repeat;
	margin:4px 0 34px 490px;
	display:block;
}

#feature-knowledge #feature-text-knowledge
{
padding-top:20px;
}

#feature-quick
{
height:124px;
}

#feature-image-quick
{
float:right;
margin:2px 40px 0 50px;
}
#feature-text-quick
{
padding-top:20px;
}

#feature-files
{
height:178px;
}

#feature-image-files
{
float:left;
margin: 0px 52px 0 76px;
}

#feature-text-files
{
padding-top:38px;
}

#feature-contacts
{
height:150px;
}

#feature-image-contacts
{
float:right;
margin:4px 68px 0 28px;
}

#feature-text-contacts
{
padding-top:25px;
}

#feature-calendar
{
height:148px;
}

#feature-image-calendar
{
float:left;
margin:2px 67px 0 118px;
}

#feature-text-calendar
{
padding-top:16px;
}

#feature-map
{
height:200px;
}

#feature-image-map
{
float:right;
margin:0px 10px 0 20px;
}

#feature-text-map
{
padding-top:40px;
}

#feature-attachment
{
height:136px;
}

#feature-image-attachment
{
float:left;
margin:20px 32px 20px 32px;
}

#feature-text-attachment
{
padding-top:10px;
}

#feature-corporate
{
Height: 185px;
}

#feature-image-corporate
{
float:right;
margin:0px 10px 0 30px;
}

#feature-text-corporate
{
padding-top:50px;
}



/*Instruction for shared drives and sharepoint*/
.text .wideheader h1
{
	margin:25px 0 26px 0;
	overflow:hidden;
	width:800px;
	height:30px;
}

/* Vertical Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav 
{ 
	list-style: none; 
	padding-top: 2em; 
	float: left; 
	width: 310px; }
.ui-tabs .ui-tabs-nav li
{  
	height:45px; 
	width: auto;
}
.ui-tabs .ui-tabs-nav li a 
{ 
	padding-left: 10px; 
	height:45px; 
	width: auto;
}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li a:active, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background: url(../images/selectedTabBG.png) no-repeat !important;
	display: block;
	color: #FFF; 
	height: 45px;
	width: 310 px;
	top: 25%;
	vertical-align: middle;
	text-decoration: none;
	background-position: 55px 0px !important;
	}
.ui-tabs .ui-tabs-panel { 
	padding-top: 1.2em;
	float: left; 
	width: 40em;
	}

.ui-tabs .ui-tabs-panel h2{
	color: #5dc7e4;
}
.ui-tabs .ui-tabs-panel .greenHeader{
	color: #8ac63e;
	font-size: 20px;
}
.screenshotImage{
	padding-top: 5px;
	padding-bottom: 5px;
}
.ui-tabs .ui-tabs-hide { 
	display: none; 
}