/* InMotion Hosting Website v3.0 - Content Styles */

/* Developed by: Adam Duro */



/* ---------------------------------------------- */

/* --( WebBuilder Styles )-- */

/* ---------------------------------------------- */



#webbuilder #page_intro {

	width: 596px;

	float: left;

}

#webbuilder #page_intro h1 {

	display: block;

	width: 352px;

	height: 55px;

	text-indent: -3000px;

	margin-top: 0;

	background: url(../_img/heading_page_premium_webbuilder.gif) no-repeat;

}

#webbuilder #page_intro .copy {

	background: url(../_img/builder_pageintro_bg.gif) repeat-x bottom left;

}

#webbuilder #page_intro ol {

	margin: 0;

	padding: 0;

	height: 131px;

}

#webbuilder #page_intro ol li {

	list-style-type: none;

	display: inline;

	margin: 0;

	padding: 0;

}

#webbuilder #page_intro ol li h3 {

	display: block;

	float: left;

	text-indent: -3000px;

	height: 117px;

	text-decoration: none;

	margin: 0 !important;

}

#webbuilder #page_intro ol li#step1 h3 {

	background: url(../_img/builder_pageintro_choose1.gif) no-repeat;

	width: 160px;

}

#webbuilder #page_intro ol li#step2 h3 {

	background: url(../_img/builder_pageintro_add2.gif) no-repeat;

	width: 172px;

}

#webbuilder #page_intro ol li#step3 h3 {

	background: url(../_img/builder_pageintro_publish3.gif) no-repeat;

	width: 132px;

}

#webbuilder #page_intro ol li span.corner {

	display: block;

	width: 10px;

	height: 131px;

}

#webbuilder #page_intro ol li span.leftside {

	float: left;

	background: url(../_img/builder_pageintro_leftcorner.gif) no-repeat;

	margin-right: 6px;

}

#webbuilder #page_intro ol li span.rightside {

	float: right;

	background: url(../_img/builder_pageintro_rightcorner.gif) no-repeat;

}

#webbuilder #page_intro ol li span.arrow {

	float: left;

	display: block;

	width: 13px;

	height: 25px;

	background: url(../_img/builder_pageintro_arrow.gif) no-repeat;

	margin-top: 46px;

}

#webbuilder #page_intro ol li#step1 span.arrow {

	margin-left: 20px;

	margin-right: 10px;

}

#webbuilder #page_intro ol li#step2 span.arrow {

	margin-left: 15px;

	margin-right: 25px;

}


/* WEB BUILDER CTA LINK - PAGE INTRO TWO */ 


#webbuilder #page_introTwo {

	width: 596px;

	float: left;

}

#webbuilder #page_introTwo h1 {

	display: block;

	width: 352px;

	height: 55px;

	text-indent: -3000px;

	margin-top: 0;

	background: url(../_img/heading_page_premium_webbuilder.gif) no-repeat;

}

#webbuilder #page_introTwo .copy {
float:left;
width:586px;
background: url(../_img/builder_pageintro_bg.gif) repeat-x bottom left;

}

#webbuilder #page_introTwo ol {

	margin: 0;

	padding: 3px 0 0 0;

	height: 131px;

}

#webbuilder #page_introTwo ol li {

	list-style-type: none;

	display: inline;

	margin: 0;

	padding: 0;

}

#webbuilder #page_introTwo ol li h3 {

	display: block;

	float: left;

	text-indent: -3000px;

	height: 124px;

	text-decoration: none;

	margin: 0 !important;

}

#webbuilder #page_introTwo ol li#step1 h3 {

	background: url(../_img/builder_pageintro_choose-new.gif) no-repeat;

	width: 160px;

}

#webbuilder #page_introTwo ol li#step2 h3 {

	background: url(../_img/builder_pageintro_add-new.gif) no-repeat;

	width: 172px;

}

#webbuilder #page_introTwo ol li#step3 h3 {

	background: url(../_img/builder_pageintro_publish-new.gif) no-repeat;

	width: 147px;
	
	cursor:pointer;

}

#webbuilder #page_introTwo ol li span.corner {

	display: block;

	width: 10px;

	height: 131px;

}

#webbuilder #page_introTwo ol li span.leftside {

	float: left;

	background: url(../_img/builder_pageintro_leftcorner.gif) no-repeat;

	margin-right: 6px;

}

#webbuilder #page_introTwo ol li span.rightside {

	float: right;

	background: url(../_img/builder_pageintro_rightcorner.gif) no-repeat;

}

#webbuilder #page_introTwo ol li span.arrow {

	float: left;

	display: block;

	width: 13px;

	height: 25px;

	background: url(../_img/builder_pageintro_arrow.gif) no-repeat;

	margin-top: 46px;

}

#webbuilder #page_introTwo ol li#step1 span.arrow {

	margin-left: 20px;

	margin-right: 5px;

}

#webbuilder #page_introTwo ol li#step2 span.arrow {

	margin-left: 15px;

	margin-right: 25px;

}
/* END */ 


#webbuilder #main_content {

	margin-top: 15px;

}

#webbuilder #main_content .keyfeatures {

	margin: auto 6px;

	float: left;

	width: 280px;

}

#webbuilder #main_content .keyfeatures dt {

	background: url(../_img/icon_information.gif) no-repeat left center;

	font-weight: bold;

	color: #666;

	font-size: 1.25em;

	padding: 2px 0 2px 30px;

}

#webbuilder #main_content .keyfeatures dd {

	margin-left: 30px;

	margin-bottom: 1em;

}

#webbuilder #main_content #other_features {

	margin: 0 auto;

	padding: 0;

	width: 584px;

	text-align: right;

}

#webbuilder #main_content #other_features li {

	display: inline;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#webbuilder #main_content #other_features li a {

	font-weight: normal;

	margin-right: 1.6em;

	margin-left: 1.6em;

	padding: 0;

}



#webbuilder #main_content h4 {

	float: right;

	margin-top: 2.5em;
	
	padding: 2px 0 0 180px;
	
	background: url(http://img01.inmotionhosting.com/_img/builder_start_595.gif) no-repeat 0 0;

}

#webbuilder #main_content h4 a {

	display: block;

	width: 195px;

	height: 36px;

	text-indent: -3000px;

	text-decoration: none;

	background-image: url(../_img/get_started_now_btn.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

#webbuilder #main_content h4 a:hover {

	background-position: 0px -36px;

}



	/* --( Web Builder ThickBox Styles )-- */

		#builder_thickbox {

			padding: 10px;

		}

		#builder_thickbox ol li {

			margin-bottom: 1em;

		}

		#builder_thickbox ul.theme_showcase {

			margin: 0;

			padding: 0;

			display: block;

			width: 750px;

			height: 140px;

		}

		#builder_thickbox ul.theme_showcase li {

			display: block;

			float: left;

			margin-left: 0;

			padding-left: 0;

			margin-right: 5px;

			margin-bottom: 5px;

			text-align: center;

			font-weight: bold;

			color: #666;

			width: 120px;

			height: 130px;

		}

		#builder_thickbox dl#functionality dt {

			font-weight: bold;

			color: #666;

			height: 50px;

		}

		#builder_thickbox dl#functionality dt:first-letter {

			padding-left: 55px;

		}

		#builder_thickbox dl#functionality dt.blog {

			background: url(../_img/icon_blog.gif) no-repeat top left;

		}

		#builder_thickbox dl#functionality dt.photogallery {

			background: url(../_img/icon_photogallery.gif) no-repeat top left;

		}

		#builder_thickbox dl#functionality dt.messageboard {

			background: url(../_img/icon_messageboard.gif) no-repeat top left;

		}

		#builder_thickbox dl#functionality dt.guestbook {

			background: url(../_img/icon_guestbook.gif) no-repeat top left;

		}

		#builder_thickbox dl#functionality dd {

			margin-bottom: 1em;

			margin-left: 55px;

			margin-top: -35px;

		}

		#builder_thickbox dl#functionality dd.blog {

			margin-bottom: 2em;

		}

		#builder_thickbox ul.payment_processors {

			margin: 0 auto;

			padding: 0;

			width: 425px;

		}

		#builder_thickbox ul.payment_processors li {

			display: inline;

			list-style-type: none;

			margin-left: 0;

		}

		#builder_thickbox ul.payment_processors li span {

			text-indent: -3000px;

			display: block;

			float: left;

		}

		#builder_thickbox ul.payment_processors li span.paypal {

			width: 89px;

			height: 56px;

			background: url(../_img/logo_paypal.gif) no-repeat;

			padding-left: 20px;

		}

		#builder_thickbox ul.payment_processors li span.authorizenet {

			width: 171px;

			height: 48px;

			background: url(../_img/logo_authorizenet.gif) no-repeat;

			padding-left: 20px;

		}

		#builder_thickbox ul.payment_processors li span.twoco {

			width: 97px;

			height: 54px;

			background: url(../_img/logo_2co.gif) no-repeat;

		}

		#builder_thickbox ul.searchengines {

			margin: 0;

			padding: 0;

		}

		#builder_thickbox ul.searchengines li {

			display: inline;

			list-style-type: none;

			margin-left: 0;

		}

		#builder_thickbox ul.searchengines li span {

			text-indent: -3000px;

			display: block;

			float: left;

			margin-right: 20px;

		}

		#builder_thickbox ul.searchengines li span.google {

			width: 114px;

			height: 40px;

			background: url(../_img/searchengine_google.gif) no-repeat;

		}

		#builder_thickbox ul.searchengines li span.yahoo {

			width: 151px;

			height: 30px;

			background: url(../_img/searchengine_yahoo.gif) no-repeat;

			margin-top: 5px;

		}

		#builder_thickbox ul.searchengines li span.msn {

			width: 95px;

			height: 35px;

			background: url(../_img/searchengine_msn.gif) no-repeat;

		}

		#builder_thickbox ul.searchengines li span.ask {

			width: 47px;

			height: 35px;

			background: url(../_img/searchengine_ask.gif) no-repeat;

		}

		#builder_thickbox dl#publish_steps dt {

			 display: block;

			 text-indent: -3000px;

			 height: 14px;

		}

		#builder_thickbox dl#publish_steps dt.choose {

			background: url(../_img/webbuilder_feature-title_choose.gif) no-repeat;

			width: 132px;

		}

		#builder_thickbox dl#publish_steps dt.add {

			background: url(../_img/webbuilder_feature-title_add.gif) no-repeat;

			width: 142px;

		}

		#builder_thickbox dl#publish_steps dt.publish {

			background: url(../_img/webbuilder_feature-title_publish.gif) no-repeat;

			width: 61px;

		}

		#builder_thickbox dl#publish_steps dd {

			margin-left: 0;

			margin-bottom: 1em;

		}

		#builder_thickbox dl#publish_steps dd p {

			margin-top: .25em;

		}