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

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

html {
	background: #292929;
}

a:link { color: #3B4D4C; }
a:visited { color: #587472; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

body {
	color: #000;
	background: #F0E4B4 url(images/body_bg.jpg) repeat-x;
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	font-size: 1.2em;
}

#header {
	height: 100px;
}

	#demo { width: 300px; float: left; margin-top: 10px; }
		#demo a { color: #fff; font-weight: bold; }
	#topNav { float: right; width: 560px; margin-top: 10px; }
	#topNav ul li { float: right; width: 75px; text-align: center; display: block;}
	#topNav ul li a {
		display: block;
		color: #fff;
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
	}
	
	#header .logo {
		margin: 20px 0px 0px 0; 
		float: left; 
	}
	
	#tagline { float: left; margin: 50px 0px 0px 175px; }
	#header h1 { font-size: 1.6em; font-weight: bold; }
	#header p { }
	
#nav {
	float: right;
	height: 40px;
	margin: 30px 0 0 0;
	width: 607px;
	padding: 18px 0 0 24px;
	background: url(images/nav_bground.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	overflow: visible;
}

	#nav ul li {
		float: left;
	}
	
	#nav ul li a {
		border-left:3px solid #587472;
		color:#000000;
		font-size:1.4em;
		font-weight:600;
		height:23px;
		margin-right:20px;
		padding:3px 0 3px 4px;
		text-decoration:none;
	}
	
	#nav ul li a:hover, #nav ul li.active a {
		border-left: 3px solid #75200F;
		background: none;
	}
	
	#nav ul li.last a { margin-right: 0px; }

#featured {
	margin: 33px 0 0 0;
	height: 25px;
	line-height: 25px;
	clear: both;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em; 
}

	#featured img { vertical-align: middle; margin-left: 10px; }

#main {
	min-height: 500px;
	margin: 15px 0 0 0;
	clear: both;
	font-size: 1.2em;
}

	#main p {
		margin-bottom: 15px; 
	}
	
	#main h1 {
		font-size: 2em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
		color: #3B4D4C;
	}
	
	#main h2 {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 7px;
	}

	#main h3 {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h4 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h5 {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h6 {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}
	
	#main ul li {
		margin: 0 0 1em 3em;
		display: list-item;
		list-style-type: disc;
		line-height: 125%;
	}
	
	#main ol li {
		margin: 0 0 1em 3em;
		display: list-item;
		list-style-type: decimal;
		line-height: 125%;
	}
	
	#main ul, #main ol {
		margin-bottom: 15px;
	}

#main blockquote {
	color: #333;
	font-style: italic;
	padding: 0em 0em 0em 1.5em;
	margin-left: 2.5em;
	border-left: 3px solid #000;
}

#breadcrumbs { float: right; font-size: .9em; margin: 0 0 2em 0; }
	#breadcrumbs .B_currentCrumb { font-weight: bold; }
	#id3 #breadcrumbs, #id4 #breadcrumbs, #id26 #breadcrumbs, #id27 #breadcrumbs, #id6 #breadcrumbs, #id7 #breadcrumbs, #id16 #breadcrumbs, #id18 #breadcrumbs { display: none; }

/* ONE COLUMN TEMPLATE */
#content {
	width: 600px;
	padding: 25px;
	float: left;
}

/* TWO COLUMN TEMPLATE */
#content2 {
	width: 910px;
	padding: 25px;
}

#sidebar {
	width: 266px;
	margin: 50px 15px 25px 15px;
	float: right;
}
	.sidebar { width: 210px; background: url(images/sidebar_bg.png) repeat-y; padding: 10px 28px; }
		#sidebar p { padding-bottom: 10px; margin: 0; }
		#sidebar h2 { padding-bottom: 10px; }
		
	#tutorialSide ul li {
		margin: 0 0 1em .5em;
		text-decoration: none;
		font-size: .9em;
		list-style-type: none; 
	}
		#tutorialSide h3 { margin: 0 0 1em 0; text-align: center; }
		#tutorialSide ul li a{ text-decoration: none; }
			#tutorialSide ul li a:hover { text-decoration: underline; }

#footer {
	color: #fff;
	background: #292929;
	border-top: 7px solid #587472;
	padding-top: 15px;
	height: 120px;
	clear: both;
	font-size: 1.2em;
}

	#footer .legal { text-align: left; margin: 0 auto; width: 960px; line-height: 150%; }
		#footer .legal a { text-decoration: none; color: #fff; }
		.bigbuddy { color: #666; }
	#footerNav { width: 960px;  margin: 0 auto; clear: both; }
		#footerNav ul { float: right; text-align: right; margin-top: -30px; }
			#footerNav ul li { display: block; float: right; border-left: 1px solid #fff; line-height: 10px; }
				#footerNav ul li.last { border-left: none; }
				#footerNav ul li a { color: #fff; display: block; text-decoration: none; margin: 0 12px; }
					#footerNav ul li a:hover { text-decoration: underline; }
	
em { font-style: italic; }
strong { font-weight: bold; }

.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.center { margin: 0 auto; text-align: center; }
.inline { display: inline; }
.block { display: block; }

.small { font-size: .8em; color: #000; }
.large { font-size: 1.2em; }

.imageLeft { float: left; margin-right: 5px; }
.imageRight { float: right; margin-left: 5px; }


#id15 #search { display: none; }

/* CONTACT PAGE */
#EmailForm input, #EmailForm textarea { padding: .2em; width: 40%; }
#EmailForm textarea { height: 120px; width: 55%; }
#EmailForm #cfContact { width: auto; background: #3B4D4C; border: 1px solid #587472; padding: 7px; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: bold; margin-top: -15px; }
	#EmailForm #cfContact:hover { background: #587472; border: 1px solid #3b4d4c; }
#EmailForm input, #EmailForm textarea { border: 1px solid #CCC; }
	#EmailForm input:focus, #EmailForm textarea:focus { border: 1px solid #3b4d4c; }
	
.tableholder {
	padding: 0px;
	border: 2px solid #384b49;
	margin-bottom: 1.5em;
	position: relative;
	font-size: 85%;
	width: 900px;
}

th.pro, th.plus, th.basic { width: 200px; }
table.signup col.col2 {background: #f4fafd;}
table.signup col.col3 {background: #eef8fc;}
table.signup col.col4 {background: #e7f5fc;}
table.signup col.col5 {background: #def1fc;}
table.signup col.col6 {background: #d8eefb;}
table.signup col.col7 {background: #cee7f9;}

table.signup { width: 900px; }
table.signup th img {
	margin-top: 2px;
	border: none;
}
h2 {
	font-weight: bold;
	font-size: 18px;
}

#main table.signup h3 {
	margin: 0;
	padding: 0;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.5em;
}

table.signup .heading {
	background: #384b49;
	color: #FFF;
	padding: 0.5em 1em;
}

table.signup th {
	font-size: 1.25em;
	line-height: 1.2em;
	padding: 0.5em;
	text-align: center;
	color: #799e12;
	font-weight: bold;
	border: 1px solid #384b49;
}

th.cellTitle { width: 300px; font-size: 3em; }

table.signup th strong {
	color: #333;
	font-size: larger;
}

table.signup th .small {
}


table.signup td.shadedw {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

table.signup td.shaded {

}

table.signup td.shadedleft {
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
}


table.signup td {
	text-align: center;
	padding: 0.25em 0.5em;
	border: 1px solid #384b49;
}

table.signup td.banner {
	background-color: #FFF;
	color: #333;
	font-weight: bold;
}

table.signup td.dsmall {
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
}

.closeLink {
	outline: none;
	font-weight: bold;
}

.popup {
	position: absolute;
	visibility: hidden;
	background-color: #FFF;
	width: 16em;
	border: 1px solid #333;
	padding: 1em 1.5em;
	z-index: 100;
	margin: 0;
	text-align: center;
}

a.signUpBtn, a.learnMoreBtn {
	width: 87px;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
	background: url(i/btn_sign-up_sm.png) no-repeat left top;
	padding-top: 34px !important;
	height: 0px !important;	
	margin: 1em auto;
	display: block;
}

a.learnMoreBtn {
	background-image: url(i/btn_learn_more.png);
	width: 121px;
}

* html  a.signUpBtn, * html a.learnMoreBtn {
	padding-top: 0 !important;
	height: 34px !important;
}

a.signUpBtn:hover, a.learnMoreBtn:hover {background-position: left -34px;}

.tableholder .tableHead {
	background: url(i/feature_content_bg.jpg) no-repeat left -150px;
	color: #e7f5fc;
	text-align: left;
	padding: 0.5em 2em 0;
}

.tableholder .tableHead p {
	font-size: larger;
	line-height: 1.5em;
	margin-bottom: 2.5em;
}

.tableholder .tableHead a {color: #33ddf7;}

.tableholder .tableHead h1, .tableholder .tableHead h2, .tableholder .tableHead h3, .tableholder .tableHead h4, .tableholder .tableHead h5 {
	color: #FFF;
	font-size: 2.25em;
}
.templateThumbDisplay {
	width: 330px; 
	height: 198px;
	float: right;
	margin: 0 0 0 10px;
	display: inline;
	background: url('i/templateThumbDisplay-water.jpg') 0 0 no-repeat;	
}

.priceField {
	font-size: 22px;
	padding-top: 5px;
	display: block;
}

/* HOME PAGE */
#id1 { background: #F0E4B4 url(images/home_bg.jpg) repeat-x; }
#id1 #featured { height: 325px; text-align: left; font-family: Arial, Helvetica, sans-serif; }
	#featuredLeft { width: 420px; float: left; }
		#featuredLeft h1 { 
			font-size: 2em;
			font-style:italic;
			margin:20px auto auto 22px;
			width:420px;
			line-height: 125%; 
		}
		#featuredLeft h5 {
			font-size: .9em;
			line-height: 125%;
			margin: 15px auto auto 22px;
			width: 420px;
		}
		#redbar {
			background: url(images/red_bar.png) no-repeat;
			width: 409px; 
			height: 53px;
			margin: 25px auto auto 22px;
			font-size: .8em;
		}
			#redbar img { float: left; margin: 0 16px auto 8px; }
			#redbar p { line-height: 120%; padding: 8px 0 0 0; }
	#featuredRight { width: 465px; float: right; }
		#featuredRight .jdGallery { margin: 25px 0 0 0; }
			#featuredRight .slideInfoZone { display: none; }
		
#homeContent {
	margin: 45px 0px 45px 0px;
	padding-top: 0px;
	width: 960px;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	clear: both; 
}
#homeContent .designs, .features {
	width: 265px;
	padding-right: 68px;
	float: left;
	font-size: 14px;
	text-align: justify;
}
#homeContent img {
	margin-bottom: 10px;
}
.prices {
	float: left;
	padding-right: 0px;
	width: 265px;
	font-size: 14px;
	text-align: justify;
}

#id1 #main { min-height: 200px; padding-bottom: 40px; }
#latestNews { float: right; width: 250px; margin: 0 0 0 35px; }

/* DESIGNS PAGE */
#main .thumbscontainer ul li { list-style-type: none; padding: 10px 10px 0px 10px; margin: 10px 15px; display: block; float: left; }
	#main .thumbscontainer ul li:hover { background: #fff; }
	.thumbscontainer ul li img { }
	#main .thumbs li p { text-align: center; font-size: 1em; margin-bottom: 10px; }
	
/* FEATURES PAGE */
#id3 #content { width: 430px; padding: 25px 0px; }
#id3 #sidebar { width: 420px; padding: 60px 0px 15px 0px; }
#id3 .sidebar { background: none; width: 420px; padding: 0; margin: 0; }
#id3 .sidebarTop, #id3 .sidebarBottom { display: none; }
	#id3 #main p { margin-bottom: 25px; }

/* RESOURCES PAGE */
.blogTemplate p { line-height: 150%; }
#main #newsfeed li { list-style-type: none; margin-left: 0em; border-bottom: 1px solid #587472; margin-bottom: 25px; padding-bottom: 15px; }
.postDate { font-style: italic; }
#newsfeed li h2 a { text-decoration: none; font-size: 1em; line-height: 120%; color: #223031; }
	#newsfeed li h2 a:hover { color: #75200F; }
.postSummary { line-height: 150%; padding-top: 10px; }
.ditto_pages { display: none; }
#main .dsq-login-buttons li { list-style-type: none; }

#newsSidebar h1 { font-size: 1.3em; }
.newsSidebarItem { margin-bottom: 12px; }
#sidebar .newsSidebarItem h2 { padding: 0; margin: 0; }
.newsSidebarItem h2 a { font-size: .5em; text-decoration: none; line-height: 125%; }
	.newsSidebarItem h2 a:hover { background: #292929; color: #fff; }
#sidebar .newsSidebarItem .postDate { font-size: .9em; font-style: normal; padding-bottom: 2px; }

.feedburner { margin-bottom: 15px; }
#sidebar .feedburner h1 { font-size: 1.4em; margin-bottom: 2px; }


/* SIGNUP PAGE */
#signup .active { 
	padding-left: 20px; 
	background: url(images/right-arrow.png) top left no-repeat;
	font-weight: bold; 
}

#signup .incomplete { 
	padding-left: 20px; 
	color: #999;
}

#signup .complete { 
	padding-left: 20px; 
	background: url(images/check.png) top left no-repeat;
}

#id26 .tableholder, #id26 .signup { width: auto; }
#id26 .signup .cellTitle { width: 140px; }
#id26 .pro { width: 130px; }
#id26 .plus { width: 130px; }
#id26 .basic { width: 130px; }



/*---------- bubble tooltip -----------*/
.tooltip1 { display: inline; }
a.tt{
    position:relative;
    z-index:24;
    color:#FFF;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #FFF; background:;}
a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    bottom:15px; left:0;
	padding: 0 0 0 0;
	width:300px;
	color: #FFF;
    text-align: left;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding: 5px 8px 0;
    background: url(images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 15px; 
	background: url(images/bubble_filler.png) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding: 6px 8px 6px 8px;
	color: #FFF;
    background: url(images/bubble.png) no-repeat bottom;
}

#main #disqus_thread li { list-style-type: none; }