/* --------------------------------------------- GENERAL BODY STYLES - SHAREPOINT HOSTING PROVIDER ---------------------------------------- */	
a  {
	color:#0066CC;
	text-decoration:underline;
}
a:hover {
	color:#FF9900;
	text-decoration:none;
}
a:link.alinknone, a:visited.alinknone {
	text-decoration:none;
}
a.alinknone:hover {
	text-decoration:underline;
	color:#FF9900;
}
body {
	background: #fff url("../images/bck.jpg") 0 0 repeat-x;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:9px 0 0 0;
}
	
	
	
/*
	------------------------------------------------------------ HEADINGS ------------------------------------------------------------	
*/
p.h1, p.h3, p.h4, p.h6 { font-weight: bold; }
h1, p.h1, h1 a, p.h1 a {/* Main Page Headings - Black */
	color:#000 !important;
	text-decoration: none !important;
	font-size: 46px;
	letter-spacing:-1px;
	line-height:36px;
	margin:0;
	padding: 0 0 10px 0;
}
h1 a:hover, p.h1 a:hover { color:#FF9900 !important; }
h2, p.h2  {/* Page Content Headings - White */
	border-bottom:1px dotted #FF6600;
	color:#FF6600;
	font-size: 26px;
	font-weight:normal;
	height:30px;
	letter-spacing:-1px;
	margin:0;
	padding: 10px 0 4px 1px;
}
h1.sub, span.h1.sub, h2.sub, span.h2.sub { display: inline; font-size: 24px; letter-spacing: normal; font-weight: bold; color: #333; margin-top: -10px; padding-top: 0; }
p.h1.hassub, p.h2.hassub { padding-bottom: 0; }

h3, p.h3 {/* Sub topics headings - Black */
	color:#000;
	font-size: 19px;
	font-weight:bold;
	margin: 0;
	padding: 4px 0 2px 0;
}
h4, p.h4 {/* Small Topic Headings */
	color:#333;
	font-size: 16px;
	font-weight:bold;
	margin:0;
	padding: 0 0 5px 0;
}
h5, p.h5 {
	color:#333;
	font-size: 22px;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:22px;
	margin: 0;
	padding: 4px 0 2px 0;
}
h6, p.h6 { /* highlighted text */
	color:#255799;
	font-size: 16px;
	font-weight:bold;
	margin:0;
	padding: 0 0 5px 0;
}

	

/* 
	MISCELLANEOUS	------------------------------------------------------------------------------------------------------------------------
*/	
.clearDiv {
	clear:both;
	height:1px;
	}		
.clearBorder {
	border-bottom:1px solid #ddd;
	clear:both;
	height:1px;
	margin-bottom:20px;
	padding-bottom:20px;
	}		
.hide {
	display:none;
	}
.show {
	display:block;
	}



/* 
	HOME PAGE - banner across page ---------------------------------------- BANNER -----------------------------------------------
*/
#banner {/*#F3F3F3 or F5F5F0 */
	background:#F3F3F3;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin: 0 0 30px 0;
	padding: 20px 0 20px 0;
	}
#bannerContainer {
	margin: 0 auto 0 auto;
	padding: 0 15px 0 15px;
	width:960px;
	}
/* BIG home page banner */
#bannerLeft {
	color:#000;
	font:normal 18px Arial, Helvetica, sans-serif;
	float:left;
	line-height:24px;
	margin: 0 30px 0 0;
	padding: 0 20px 0 20px;
	text-align:center;
	width:420px;
	}
#bannerRight {
	float:right;
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin: 0;
	padding: 0;
	text-align:left;
	width:455px;
	}
/* short banners for headings only */
#bannerLeftShort {
	color:#000;
	font:normal 18px Arial, Helvetica, sans-serif;
	float:left;
	margin: 0 10px 0 0;
	padding: 0 5px 5px 5px;
	text-align:right;
	width:420px;
	vertical-align:middle;
	}
#bannerRightBorder {
	border-left:1px solid #ddd;
	float:left;
	line-height:16px;
	margin: 0;
	padding: 0 10px 0 20px;
	text-align:left;
	width:400px;
	vertical-align:top;
	}

/* call to action */
#bannerTry {
	padding:10px;
	margin:10px;		
	}	
#bannerTry table {
	border:none;
	border-collapse:collapse;
	color:#666;
	margin:0;
	padding:0;
	}
#bannerTry table td {
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle
	}
	
/* HOME PAGE : clients testimonials buzz partners */
#contentHomeAwards {
	margin: 0 auto 0 auto;
	padding:0 0 30px 0;
	width:960px;
	text-align:center;
	}
#contentHomeAwards .contentAwardFeatures {
	float:left;
	margin: 0;
	padding:0 0 0 10px;
	width:230px;
	text-align:center;
	}
.contentAwardFeaturesQuote {
	float:left;
	background: url("../images/iconQuotes.jpg") 15px 4px no-repeat;
	margin: 0;
	padding:0 0 0 35px;
	width:180px;
	text-align:left;
	}
	

/* 
	CONTENT CONTAINERS (total width = 960px, content = 600px + 275 + margins: 20px 40px 20px) --------------------- CONTENT -----------------------------------
*/
/* main content below banner */
#contentContainer {
	line-height:22px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
	}
#contentSide {
	float:left;
	margin:0 50px 0 20px;
	padding: 0;
	width: 275px;
	}
.contentSideText {
	color:#333;
	font-size:14px;
	margin: 5px 0 15px 0;
	padding:5px 5px 5px 0px;
	width: 270px;
	}
#contentMain {
	font-size:16px;
	float:right;
	margin:0 20px 0 0;
	padding:0;
	width: 590px;
	}
.contentMainText {
	color:#111;
	font-size:15px;
	margin: 5px 0 15px 0;
	padding:5px 5px 5px 0;
	width: 570px;
	}
.contentBlock {
	border-top:1px solid #ddd;
	padding:20px 0 0 0;
	margin:20px auto auto;
	text-align:center;
	width:865px;
	}	
.contentBlockLeft {
	border-top:1px solid #ddd;
	padding:25px 0 0 0;
	margin:25px auto auto;
	text-align:left;
	width:865px;
	}	



/* 
	examples list 
*/
.contentExamples {
	width: 785px;
	margin: 20px auto 20px auto;
	}
.contentExamples .picture {
	float: left;
	width: 380px;
	margin-right:25px;
	}
.contentExamples .picture img {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
.contentExamples .description {
	float: right;
	width: 375px;
	}
/* about us - testimonials page */	
.contentExamples .awards {
	background-color:#F3F8FB;
	border:1px solid #ccc;
	float: right;
	width: 275px;
	text-align:left;
	margin-left:50px;
	padding:20px;
	text-align:center;
	}
.contentExamples .awards img, .contentExamples .awards .flashvideo, .contentExamples .awards ul {
	background:#fff;
	border:1px solid #ccc;
	text-align:left;
	padding:15px;
	text-align:center;
	}


/* 
	templates list 
*/
.contentTemplates {
	width: 880px;
	margin: 20px auto 20px auto;
	}
.contentTemplates .template {
	float: left;
	width: 540px;
	}
.contentTemplates .picture img {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
.contentTemplates .description {
	float: right;
	width: 300px;
	}

.contentExamples .description h1, .contentTemplates .description h1 {
	font-weight: bold;
	font-size: 22px;
	font-family: georgia;
	color: #111;
	line-height:24px;
	margin:0;
	padding:0;
	}



/* 
	sign up page 
*/
.contentSignup {
	width: 860px;
	margin: 15px auto 20px auto;
	}
.contentSignup .signup {
	float: left;
	margin-right:40px;
	width: 420px;
	}
.contentSignup .signupdescription {
	float: right;
	width: 380px;
	}






/*
	FOOTER  -------------------------------------------------------- FOOTER ---------------------------------------------------
*/
#footer {
	background: url("../images/bckContentBot.jpg") left top no-repeat;
	clear:both;
	margin:0 auto 0 auto;		
	padding: 15px 10px 5px 10px;
	text-align:center;
	width:940px;
	}
	#footerLinks {
		border-top:1px dotted #ccc;
		color: #999;
		margin: 10px 0 0 0;
		padding: 10px 4px 4px 4px;
		}
	#footerLinks a, #footerLinks a:visited {
		color: #777;
		padding: 5px 10px 5px 10px;
		text-decoration:none;
		}
	#footerLinks a:hover {
		color: #333;
		text-decoration:underline;
		}



/*
	IMAGES  ----------------------------------------------------------- IMAGES ---------------------------------------------------
*/
img {
	border:0;
	margin:0;
	padding:0;
	}	
.imgBlock {
	border:0;
	display:block;
	margin:0;
	padding:0;
	}
.imgBorder {
	border:1px solid #ccc;
	display:block;
	margin:0;
	padding:5px;
	}
.imgFloatRight {
	border:0;
	float:right;
	margin:0;
	padding:1px 0 10px 10px;
	}	
.imgFloatLeft {
	border:0;
	float:left;
	margin:0;
	padding:1px 10px 10px 0;
	}




/* 
	NAV HORIZONTAL ITEMS ACROSS TOP
*/
#mastHead {
	height:75px;
	margin:0 auto 0 auto;
	width:940px;
	}
#mastHead #logo {
	float:left;
	margin:0 15px 0 0;
	padding:2px 0 0 0;
	width: 225px;
	}
#mastHead #nav {
	float:right;
	margin:0;
	padding:0;
	width: 650px;
	}
	#navMain ul {
		margin:0;
		padding:0;
		}
	#navMain ul li {
		display: block;
		float: left;
		margin:0;
		padding:0;
		list-style-type: none;
		width: 90px;
		}
	#navMain ul li a, #navMain ul li a:visited {
		color:#255799;
		font: bold 12px Arial, Helvetica, sans-serif;
		display: block;
		height:28px;
		margin:0;
		padding: 10px 0 0 0;
		text-decoration: underline;
		text-align: center;
		width: 90px;
		}
	#navMain ul li a:hover {
		color:#FF9900;
		text-decoration: none;
		}
	/* highlight actiive page */
	.tour #navMain ul li#tour a,
	.demo #navMain ul li#demo a,
	.tutor #navMain ul li#tutor a,
	.forum #navMain ul li#forum a,
	.about #navMain ul li#about a,
	.parts #navMain ul li#parts a,
	.sign #navMain ul li#sign a,
	#navMain ul li a#active 
		{
		background: url("../images/bckNav.jpg") left bottom no-repeat;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		height:28px;
		margin:0;
		padding: 10px 0 0 0;
		}



/*
	SIGN UP FORM 
*/	
.signup fieldset {
	border: 0;
	border-top: 2px solid #ccc;
	background-color:#F3F8FB;
	font-size: 12px;
	line-height:17px;
	padding: 15px;
	font-family: verdana;
	margin: 0 0 25px 0;
	}
.signup fieldset legend {
	color:#333;
	padding: 0 7px;
	font-size: 17px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px;
	}
.signup fieldset.final {
	border-top: 3px solid green;
	background-color: #e8fcea;
	}
.signup fieldset.final legend {
	color: green;
	}
.signup fieldset.error {
	border-top: 5px solid red;
	color: red;
	font-weight: bold;
	}


.signup fieldset table th {
	font-weight: normal;
	font-size: 12px;
	padding: 2px;
	text-align: right;
	white-space: nowrap;
	vertical-align:top;
	}
.signup fieldset table td {
	font-size: 11px;
	padding: 2px;
	vertical-align:top;
	}
.signup fieldset small {
	font-size: 10px;
	color: #666;
	line-height: 1.3em;
	}

.signup fieldset input {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 2px;
	width: 220px;
	}
.signup fieldset input.inputname {
	width: 104px;
	}
.signup fieldset input.short {
	width: 145px;
	}
.signup fieldset input.normal {
	width:auto;
	}
.signup fieldset input.buttonsubmit {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 6px;
	width:auto;
	}
.signup fieldset table select#paytype {
	padding: 2px;
	margin-bottom: 3px;
	width:153px;
	}
.signup fieldset table select#ccExpMonth {
	padding: 2px;
	width:80px;
	}
.signup fieldset table select#ccExpYear {
	padding: 2px;
	width:60px;
	}



/* 
	ADDITIONAL FEATURES TABLE FOR HOSTING PLANS ------------------------------ TABLES ------------------------------------------------------
*/		
table.pricing {
	margin-top: 5px;
	margin-bottom: 20px;
	}
table.pricing tr.shaded td {
	background-color: #FFFFCC;
	}
table.pricing th {
	border-bottom: 2px solid #666;
	border-top: 2px solid #666;
	font-size:12px;
	font-weight:bold;
	padding: 2px 8px 2px 8px;
	}
table.pricing td {
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	border-right: 1px dotted #ccc;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #ccc;
	}
table.pricing td.level {
	border-right: 2px solid #999;
	font-weight:bold;
	text-align: right;
	}		




/*
	TABLE PLAIN, NO STYLES  
*/
.tablePlain { /* in use on sample sites */
	border:none;
	border-collapse:collapse;
	color:#333;
	margin:0;
	padding:0;
	}
.tablePlain td {
	margin:0;
	padding:4px;
	text-align:left;
	}
.tablePlain th {
	background: url("../images/bulletBlueGray.gif") left 8px no-repeat;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:2px 6px 2px 10px;
	text-align:left;
	}



/*
	SHADING
*/
.tableOdd {
	background-color:#F5FAFE;
	}
.tablerowShade {
	background: #F9F9F9;
	border-top:1px solid #E6EBEE;
	border-bottom:1px solid #E6EBEE;
	border-right:none;
	border-left:none;
	color:#CC4200;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:2px 2px 2px 10px;
	text-align:left;
	}
.tablehighlightRow { /*checkout page for domain names */
	background:#EEF3FB;
	}



/*
	FONTS - most for navigation   --------------------------------------------- FONTS -------------------------------------------------------
*/
.textCaption {
	color:#737373;
	font:normal 11px Arial, Helvetica, sans-serif;
	}	
.textNormal {
	color:#333;
	font:normal 13px Arial, Helvetica, sans-serif;
	}	
.textFat {
	color:#000;
	font:bold 26px Arial, Helvetica, sans-serif;
	}	
.textCaptionWhite {
	color:#fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:0;
	}	
.textHighlight {
	background:#FFFFCC;
	}	




/* 
	CONTENT LISTS   ---------------------------------------------------------- LISTS -------------------------------------------------------------------------
*/ 	
ul.listLinks {
	list-style:none;
	font-size:12px;
	margin:5px 0 15px 0;
	padding:0;
	text-align:left;
	}
ul.listLinks li {
	background: url("../images/bulletGray.gif") left 7px no-repeat;
	color:#555555;
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none; 
	}



/* 
	SharePoint Tutorials page.
*/	
ul.listVideos {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	}
ul.listVideos li {
	background: url("../images/iconTutorial.jpg") 0 10px no-repeat;
	color:#333;
	margin:5px;
	padding:4px 2px 10px 35px;
	list-style-type:none; 
	}
ul.listVideosPad {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	}
ul.listVideosPad li {
	background: url("../images/iconTutorial.jpg") 0 10px no-repeat;
	color:#333;
	font-weight:bold;
	margin:5px 8px 5px 0;
	padding:8px 2px 16px 35px;
	list-style-type:none; 
	}



/* 
	PDF LIST 
*/	
ul.listSmallpdf {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	}
ul.listSmallpdf li {
	background: url("../images/iconPDF.gif") 0 7px no-repeat;
	color:#333;
	margin:0;
	padding:2px 2px 2px 20px;
	list-style-type:none; 
	}
ul.listSmallpdf li.listCaption {
	background:none;
	color:#999;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:4px;
	list-style-type:none; 
	}


	
/* 
	FLASH VIDEO - DATA CENTER 
*/
#videoScreen {
	background: url("../images/bckDataCenterVid.jpg") 0 0 no-repeat;
	margin:10px 0 0 75px;		
	padding:27px 24px 0 24px;	
	height:345px;
	width:360px;
	text-align:center;
	}