/*
	Style Index

	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


/* undohtml.css
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	font: 75% Tahoma, Verdana, Helvetica;
	background: #fff url(/images/header-logo.png) repeat-x center top;
	color: #404040;
	}

#header {
	height: 103px;
    position:relative;
}

#header-nav {
    width: 500px;
    float: left;
}

#print-header {
    display: none;
}
#container {
	width: 960px;
	margin: 0 auto;
}

#feature {
    padding: 5px 0;
}

#content-container {
	width: 100%;
    padding-top: 10px;
    min-height: 500px;
}

#left-column {
    float: left;
    width: 197px;
    padding-right: 5px;
}

#main-content {
    float: left;
    width: 460px;
    padding: 0 10px;
}

#right-column {
    float: left;
    width: 273px;
    padding-left: 5px;
}

#sub-footer {
    width: 960px;
    margin: 0 auto 50px auto;
}

#footer {
	background: url(/images/bg-footer.png) repeat-x bottom center;
	height: 330px;
	padding-top:10px;
	color:#989D97;
	}
	
#print-footer {
    display:none;
}
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/
#login-tab {
	position:absolute;
	top:3px;
	right:0;
	height:19px;
	width:132px;
	background:url(/images/login-tab-bg.gif) no-repeat;
	}

#login-tab a {
	display:block;
	height:19px;
	width:95px;
	color:white;
	padding-left:37px;
	text-decoration:none;
	}

#signup-tab {
    margin-top: 64px;
    float: right;
    }

/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/
#left-column ul.features {
    background:#EBF0F6 none repeat scroll 0 0;
    border:1px solid #D7E4ED;
    padding:15px 10px;
    }

#left-column ul.features li {
    background:transparent url(/images/sidebar-li-bg.gif) no-repeat scroll 0 5px;
    margin-bottom:15px;
    padding-left:22px;
    }

#left-column ul.features li h2 {
    color:#36739A;
    font-family:"Trebuchet MS",verdana,arial;
    font-size:16px;
    font-weight:bold;
    margin:0;
    }

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/
#content-container a,
#content-container a:link,
#content-container a:visited {
	color:#347498;
	text-decoration:underline;
	}

#content-container a:hover {
 	text-decoration:none;
 	color:#FC9501;
	}

#content-container h2.page-title {
	font:24px "trebuchet MS";
	color:#3A5974;
	border-bottom: 1px solid #D2D2D2;
	margin: 10px 0 15px 8px;
	padding-bottom: 5px;
	}
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {

	}

#main-content h1 {
	margin: 7px 0;
	font:22px tahoma, arial, verdana;
	color:#3A5974;
	}

#main-content h2 {
	font:20px tahoma, arial, verdana;
	color:#3A5974;
	margin-bottom:10px;
	}

#main-content h3 {
	font:18px tahoma, arial, verdana;
	color:#3A5974;
	margin-bottom:10px;
	}

#main-content h4 {
    font:16px tahoma, arial, verdana;
    color:#3A5974;
    margin-bottom:10px;
	}

#main-content h5 {
    font:14px tahoma, arial, verdana;
    color:#3A5974;
    margin-bottom:10px;
	}

#main-content h6 {
    font:12px tahoma, arial, verdana;
    color:#3A5974;
    margin-bottom:10px;
	}

#main-content p, #main-content li {
	line-height:1.5;
	margin:5px 0;
	}

#main-content ul {
    margin: 0 10px 0 0;
}

#main-content ul li {
    background:transparent url(/images/icon-arrow.gif) no-repeat scroll 0 4px;
    padding: 2px 0 2px 20px;
}

#main-content ol {
    margin: 0 0 0 10px;
}

#main-content ol li {
    background: none;
    list-style: decimal;
    margin-left: 15px;
    padding-left: 0;
}

#main-content table {
    border-collapse: collapse;
    border: 1px solid #3A5974;
}

#main-content .simplify {
    list-style: none;
    background: url(/images/icons/benefits/simplify.png) no-repeat -12px 0;
    margin: 5px 0;
    padding: 0 20px 0 70px;
}

#main-content .work-anywhere {
    list-style: none;
    background: url(/images/icons/benefits/work-anywhere.png) no-repeat -12px 0;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .safe-secure {
    list-style: none;
    background: url(/images/icons/benefits/safe-secure.png) no-repeat -12px 0;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .outsource {
    list-style: none;
    background: url(/images/icons/benefits/outsource.png) no-repeat -12px -3px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .rebrand {
    list-style: none;
    background: url(/images/icons/benefits/rebrand.png) no-repeat -12px -4px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .not-just-cms {
    list-style: none;
    background: url(/images/icons/benefits/not-just-cms.png) no-repeat -12px -4px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .cms-hosting {
    list-style: none;
    background: url(/images/icons/benefits/cms-hosting.png) no-repeat -12px -3px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .costs-nothing {
    list-style: none;
    background: url(/images/icons/benefits/costs-nothing.png) no-repeat -9px -3px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .website-in-minutes {
    list-style: none;
    background: url(/images/icons/benefits/more-time.png) no-repeat -9px -3px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .automatic-updates {
    list-style: none;
    background: url(/images/icons/benefits/automatic-updates.png) no-repeat -9px -3px;
    margin: 5px 0;
    padding: 0 0 0 70px;
}

#main-content .col1 {
    width: 350px;
    height: 120px;
}

#main-content .col2 {
    width: 350px;
    margin-left: 500px;
    height: 120px;
}

#main-content .coltopper {
    margin-top: -625px;
}


/* Blockquote Styles //////////////////////////////////////////////////////////////////////////////////////////*/

blockquote {
	background: url(/images/blockquote_note_img.jpg) no-repeat;
	background-position:10px 0;
	background-color: #f4f8fb;
	border-top: 5px solid #d9e6ef;
	margin-left: 20px;
	margin-bottom:15px;
	margin-top:10px;
	margin-right: 30px;
	padding-top:5px;
	padding-left: 60px;
	padding-right:5px;
	padding-bottom: 1px;
	color: #41617a;
	font: bold 13px helvetica, arial, verdana, sans-serif;
}


#main-content blockquote img {
	border: none;
}

#main-content blockquote.example {
	background: url(/images/blockquote_example_img.jpg) no-repeat;
	background-position:10px 0;
	background-color: #fde5f0;
	border-top: 5px solid #fbbeda;
	color: #3b3b3b;
}

#main-content blockquote.important {
	background: url(/images/blockquote_important_img.jpg) no-repeat;
	background-position:10px 0;
	background-color: #feecd2;
	border-top: 5px solid #fece87;
	color: #3b3b3b;
}

#main-content blockquote.script {
	background: url(/images/blockquote_script_img.jpg) no-repeat;
	background-position:10px 0;
	background-color: #f4f8fb;
	color: #41617a;
}

#main-content blockquote.script p {
	font: 10px "Courier New", Courier, monospace;
}

#main-content blockquote.brainpower {
	background: url(/images/blockquote_brainpower_img.jpg) no-repeat;
	background-position:10px 0;
	background-color: #e4f4d8;
	border-top: 5px solid #b3ea89;
	color: #3b3b3b;
}

#main-content blockquote.define {
	background-image:none;
	background-color: #f4f8fb;
	color: #3b3b3b;
	padding-left: 25px;
	padding-right: 25px;
}

#main-content blockquote p {
	margin-top:5px;
	margin-bottom: 10px;
	margin-left:0;
	padding-left: 0;
	padding-right: 5px;
}

#main-content blockquote h1 {
	font: bold 16px helvetica, arial, verdana, sans-serif;
}

#main-content blockquote ol li {
	padding-right: 5px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
}

#main-content blockquote ul li {
	padding-right: 5px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
}

.features #main-content ul li {
	background:transparent url(/images/pricing_options/blue-tick-light.jpg) no-repeat scroll 0 0;
	padding: 4px 0 4px 30px;
}

#main-content .site-wizard {
    background: url(/images/icons/features/site-wizard.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .multi-site {
    background: url(/images/icons/features/multi-site.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .templates {
    background: url(/images/icons/features/templates.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .content-management {
    background: url(/images/icons/features/content-management.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .website-reporting {
    background: url(/images/icons/features/website-reporting.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .pages {
    background: url(/images/icons/features/pages.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .news {
    background: url(/images/icons/features/news.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .form-builder {
    background: url(/images/icons/features/form-builder.png) no-repeat left top;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .file-browser {
    background: url(/images/icons/features/file-browser.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .locations {
    background: url(/images/icons/features/locations.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .photo-gallery {
    background: url(/images/icons/features/photo-gallery.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .email-campaign {
    background: url(/images/icons/features/email-campaign.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .surveys {
    background: url(/images/icons/features/surveys.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
    display:block!important;
}

#main-content .real-estate {
    background: url(/images/icons/features/real-estate.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#main-content .forum {
    background: url(/images/icons/features/forum.png) no-repeat 0 -6px;
    padding-left: 100px;
    margin-bottom: 20px;
    display:block!important;
}

.current_time {
    border: 1px solid #83A367;
    margin: 10px 0;
    padding: 8px;
    background-color: #9DD455;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#right-column h2 {
		font:bold 14px arial, verdana;
		color:#3A5974;
		padding-bottom:3px;
		border-bottom:1px solid #E3E2E2;
		margin-bottom:13px;
}
#right-column blockquote {
	margin: 10px 0;
	padding: 0;
	border: 0;
	background:url(/images/quote-bottom-bg.gif) left bottom no-repeat;
	padding-bottom:40px;
	margin-bottom:4px;
	color:#347297;
}

#right-column blockquote div {
	background:url(/images/quote-top-bg.gif) no-repeat;
	padding:27px 23px 10px 23px;
	line-height:1.5;
}

#right-column .examples {
    text-align:center;
    margin-bottom:10px;
}

#right-column .modules-help {
    background-color: #FBFBFB;
    border: 1px solid #D2D2D2;
    padding: 10px;
}

#right-column .modules-help-ul {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 5px;
}

#right-column .modules-help-ul li {
    padding: 4px 0;
}

#right-column .modules-help a {
    text-decoration: none;
}

#right-column .modules-help-instructions {
    font-weight: bold;
}
#right-column .roll-over-youtube,
#right-column .roll-over-google-maps,
#right-column .roll-over-google-video,
#right-column .roll-over-rss-feed {
width: 80px;
}

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/
#sub-footer img {
    float: right;
}
#sub-footer p.trial-explanation {
    float: left;
    width: 560px;
    margin-top: 60px;
    margin-left: 40px;
    color: #fff;
    line-height:16px;
}
#footer table {
    width: 960px;
    margin: 30px auto 0 auto;
}

#footer table td {
    width: 20%;
    padding-left: 20px;
}

.footer-tag-line {
	text-indent: -999px;
}
.footer-notes {
	color: #d4e0e7;
}

#footer table td.f-heading {
    font-weight: bold;
    color: #fff;
}

#footer table td a:link, #footer table td a:visited {
    color: #fff;
	text-decoration: none;
}

#footer table td a:hover, #footer table td a:active {
    color: #d4e0e7;
	text-decoration: underline;
}
#footer table td.f-cmsadvantage {
    width: 100px;
    line-height: 30px;
    padding-left: 20px;
}
#footer table td.f-partner-options {
    width: 100px;
    line-height: 24px;
    padding-left: 20px;
}
#footer table td.f-small-print {
    width: 100px;
    line-height: 24px;
    padding-left: 20px;
}
#footer table td.f-help {
    width: 100px;
    line-height: 24px;
    padding-left: 20px;
}
#footer table td.rowspan {
    padding-left: 0;
}
/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */