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

/* Developed by: Adam Duro */



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

/* --( Web Design Styles )-- */

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

/*NEW STYLES FOR v3*/

#mip_v2_banner {
	background: transparent url('http://img01.inmotionhosting.com/_img/mip_v2_banner.jpg') scroll 0 0;
	background-repeat: no-repeat;
	width: 596px;
	height: 180px;
}

#consultation {
	background: transparent url('http://img01.inmotionhosting.com/_img/mip_heading_v3_consultation.png') scroll 0 0;
	background-repeat: no-repeat;
	width: 596px;
	height: 25px;
	text-indent: -9999px;
}

#howitworks {
	background: transparent url('http://img01.inmotionhosting.com/_img/mip_heading_v3_howitworks.png') scroll 0 0;
	background-repeat: no-repeat;
	width: 596px;
	height: 25px;
	text-indent: -9999px;
	margin-top: 18px;
}

#galleries {
	background: transparent url('http://img01.inmotionhosting.com/_img/mip_heading_v3_galleries.png') scroll 0 0;
	background-repeat: no-repeat;
	width: 596px;
	height: 25px;
	text-indent: -9999px;
	clear: both;
	margin-top: -15px;
}

#howitworks_container {

}

#howitworks_left {
	margin: 0;
	padding: 0;
	width: 295px;
	float: left;
}

#howitworks_right {
	margin: 0;
	padding: 0;
	width: 255px;
	float: left;
	padding-left: 40px;
}

#howitworks_right p {
	clear: both;
	margin: 0;
	height: 33px;
}

#howitworks_right img {
	float: left;
}

#howitworks_right span {
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 15px;
}

.featured_site img {
	padding: 1px;
	border: 1px solid #CCC;
}

.featured_site img:hover {
	padding: 1px;
	border: 1px solid #999;
}

.featured_verticals {
	border: 1px solid #CCC;
	height: 207px;
	float: left;
	width: 146px;
	padding: 10px;
	padding-top: 5px;
}

.featured_verticals p {
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-size: 0.9em;
	
}

.featured_verticals h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
}

.featured_site_title {
	display: block;
	width: 195px;
	height: 19px;
	text-align: center;
	margin-top: -30px;
	background:#F0F0F0 none repeat scroll 0 0;
	position: relative;
	z-index: 10;
	border-top: none;
	padding-top: 3px;
	margin-left: 2px;
	border-top: 1px solid #BBBBBB;
}

.featured_site_img {
	display: block;
	width: 210px;
	height: 230px;
}

.featured_site {
	float: left;
}

.featured_site_left {
	margin-left: 0px;
}

#gallery_container {
	color: #000;
	height: 235px;
}

#gallery_container a, #gallery_container a:visited {
	text-decoration: underline;
	color: #000;
}

#gallery_container a:hover {
	text-decoration: none;
	color: #000;
}

#team {
	margin-bottom: 20px;
}

#team h2 {
	background: transparent url('http://img01.inmotionhosting.com/_img/addnl_content_team.png') scroll 0 0;
	background-repeat: no-repeat;
	width: 202px;
	height: 13px;
	text-indent: -9999px;
}

#spotlights h2 {
	background: transparent url('http://img01.inmotionhosting.com/_img/addnl_content_spotlights.png') scroll 0 0;
	background-repeat: no-repeat;
	width: 202px;
	height: 17px;
	text-indent: -9999px
}

#spotlights img {
	margin-left: 7px;
}

.spotlights_visit_link {
	font-size: 11px;
	font-weight: bold;
}

.mip_quote {
	background: transparent url('http://img01.inmotionhosting.com/_img/icon_quote_LGreen.png') scroll 0 0;
	background-repeat: no-repeat;
	text-indent: 20px;
}

#addnl_content img {
	border: none;
}

/*END NEW STYLES*/


#design #main_nav {

	border-bottom-color: #5ca732;

}

#design #page_intro h1 {

	width: 352px;

	background: url(http://img01.inmotionhosting.com/_img/heading_page_design_test.gif) no-repeat;

}

#design #page_intro #product_awards {

	width: 202px;

	float: right;

	padding-top: 20px;

	padding-bottom: 0;

}

#design #page_intro #product_awards .more {

	text-align: right; 

	font-size: .9em;

}

#design #get_started_box {
	background: #F0F0F0 url(http://img01.inmotionhosting.com/_img/order_box_bg.gif) repeat-x scroll center bottom;
	width: 202px;
	height: 105px;
}

#design #get_started_box div {
	background: transparent url(http://img01.inmotionhosting.com/_img/order_box_head.gif) no-repeat scroll 0 0;
	height: 10px;
}

#design #get_started_box h3 {
	background: transparent url(http://img01.inmotionhosting.com/_img/order_box_start_mip.gif) no-repeat scroll center center;
	height: 33px;
	width: 173px;
	margin: 0px 0px 0px 14px;
	text-indent: -9999px;
}

#design #get_started_box a {
	background: transparent url(http://img01.inmotionhosting.com/_img/get_started_now_btn_mip.gif) repeat scroll 0 0;
	height: 35px;
	width: 195px;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin-left: 4px;
}

#design #get_started_box a:hover {
	background-position: 0px 36px;
}

#order_box h4 a {
	width:195px;
	background: transparent url(http://img01.inmotionhosting.com/_img/get_started_now_btn_mip.gif);
	height: 35px;
	background-position: 0px 0px;
}

#order_box h4 a:hover {
	background-position: 0px 36px;
}

#design #page_intro .graphic {

	text-align: center;

}

#design #page_intro .testimonial {

	font-size: .9em;

	margin: 1em 1em 1em 1.5em;

}

#design #page_intro .testimonial h4 {

	display: block;

	float: left;

	width: 80px;

	text-indent: -3000px;

	background: url(http://img01.inmotionhosting.com/_img/testimonial_abc.gif) no-repeat;

	height: 80px;

}

#design #page_intro .testimonial2 {

	font-size: .9em;

	margin: 1em 1em 1em 1.5em;

}

#design #page_intro .testimonial2 h4 {

	display: block;

	float: left;

	width: 80px;

	text-indent: -3000px;

	background: url(http://img01.inmotionhosting.com/_img/testimonial_dm.jpg) no-repeat;

	height: 80px;

}

#design #page_intro .testimonial2 .name {

	display: block;

	text-align: left;

}

#design #page_intro .testimonial .name {

	display: block;

	text-align: left;

}

#design #main_content .graphic {

	float: left;

	margin: 0 15px 0 0;

}

#design #main_content .include {

	display: block;

	width: 300px;

	margin: 0 0 0 240px;

}

/* Case Study */

	#design .case_study {

		background: #f0f0f0;

	}

	#design .case_study h2 {

		display: block;

		padding: 4px;

		font-size: 1.2em;

		color: #FFFFFF;

		background: #363636 url(http://img01.inmotionhosting.com/_img/table_specs_bgHead.gif) repeat-x top;

		border-bottom: solid 1px #FFFFFF;

		margin: 0;

	}

	#design .case_study .copy {

		background: url(http://img01.inmotionhosting.com/_img/table_specs_bgGray.gif) repeat-x top;

		position: relative;

		padding: 10px;

	}

	#design .case_study .copy dl {

		margin: 0;

		display: block;

		position: absolute;

	}

	#design .case_study .copy dl dt {

		display: block;

		font-size: .9em;

		font-weight: bold;

		padding: 0 0 3px 0;

	}

	#design .case_study .copy dl.new {

		top: 118px;

	}

	#design .case_study .copy dl.new dt {

		text-align: right;

	}

	#design .case_study .copy dl.bonjour {

		top: 60px;

		position: absolute;

	}

	#design .case_study .copy dl.bonjour dt {

		text-align: right;

	}

	#design .case_study .copy dl dd {

		display: block;

		padding: 0;

		margin: 0;

	}

	#design .case_study .copy dl dd img {

		border: solid 1px #CCCCCC;

	}

	#design .case_study .testimonial {

		margin: 0 0 0 140px;

		background: #FFFFFF;

		padding: 8px;

		font-size: .9em;

	}

	#design .case_study .testimonial p {

		line-height: 1.4em;

		margin-top: .5em;

		margin-bottom: .5em;

	}

	#design .case_study .testimonial .name {

		display: block;

		text-align: left;

	}

/* Portfolio */

	#design #portfolio h2 {

		display: block;

		text-indent: -3000px;

		background:url(http://img01.inmotionhosting.com/_img/design_portfolio_head.gif) no-repeat;

		height: 33px;

	}

	#design #portfolio dl {

		display: block;

		margin: 0 19px 6px 0;

		float: left;

		width: 120px;

	}

	#design #portfolio dl.last { /* Extra margin-left for last portoflio piece */

		display: block;

		margin: 0 25px 6px 0;

		float: left;

	}

	#design #portfolio dl dt {

		display: block;

		text-align: center;

	}

	#design #portfolio dl dd {

		display: block;

		padding: 0;

		margin: 0;

		text-align: center;

		font-size: 10px;

	}

/* Get Started From */

	#design #get_started h2 {

		display: block;

		height: 14px;

		width: 100%;

		overflow: hidden;

		text-indent: -3000px;

		background:	url(http://img01.inmotionhosting.com/_img/design_site_evaluation.gif) no-repeat;

	}

	#design #get_started form {

		display: block;

	}

	#design #get_started fieldset {

		border: none;

		padding: 0;

		margin: 0;

		display: block;

		width: 590px;

		float: left;

	}

	#design #get_started fieldset legend {

		text-indent: -3000px;

		padding: 0;

		margin: 0;

		width: 0;

		height: 0;

		overflow: hidden;

	}

	#design #get_started ol {

		padding: 0;

		margin: 0;

	}

	#design #get_started #right {

		padding-left: 3px;

	}

	#design #get_started ol li {

		display: block;

		padding: 4px 0;

		margin: 0;

		list-style: none;

	}

	#design #get_started ol li label {

		float: left;

		width: 105px;

		font-weight: bold;

		margin-right: 10px;

		text-align: right;

	}

	#design #get_started ol li input {

		font-size: 1.3em;

		font-weight: bold;

		color: #666666;

		width: 155px;

	}

	#design #get_started ol li select {

		width: 155px;

	}

	#design #get_started ol li textarea {

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		color: #666666;

		width: 280px;

		font-size: 1em;

	}

	#design #get_started #submit {

		display: block;

		margin: auto;

		width: auto;

	}

/* Product Awards */

	#design #product_awards h2 {

		background: url(http://img01.inmotionhosting.com/_img/addnl_content_design.gif) no-repeat 0px 0px;

	}

/* Recent Additions */

	#design #recent_additions h2 {

		background: url(http://img01.inmotionhosting.com/_img/addnl_content_design.gif) no-repeat 0px -14px;

		font-size: .8em;

		text-indent: -3000px;

		display: block;

		height: 33px;

		margin: 0;

	}

	#design #recent_additions h2 dl {

		display: block;

		margin: 0 19px 6px 0;

		float: left;

		width: 120px;

	}

	#design #recent_additions dl.last { /* Extra margin-left for last portoflio piece */

		display: block;

		margin: 0 25px 6px 0;

		float: left;

	}

	#design #recent_additions dl dt {

		display: block;

		text-align: center;

	}

	#design #recent_additions dl dt a img {

		border: 1px solid #6A6A6A;

	}

	#design #recent_additions dl dd {

		display: block;

		padding: 0;

		margin: 0;

		text-align: center;

		font-size: 10px;

	}

/* Customer Testimonials */	

	#design #customer_testimonials h2 {

		background: url(http://img01.inmotionhosting.com/_img/heading_testimonials_design.gif) no-repeat;

	}

	#design #customer_testimonials .quote {

		background-image: url(http://img01.inmotionhosting.com/_img/icon_quote_green.gif);

	}

	#design #customer_testimonials .sep {

		background-image: url(http://img01.inmotionhosting.com/_img/addnl_content_design.gif);

		background-position: center -47px;

		background-color: #FFFFFF;

		height: 1px;

		margin: 22px 0 9px;

		padding: 0;

	}

/* Certifications */

	#design #industry_certs h2 {

		background: url(http://img01.inmotionhosting.com/_img/heading_certifications_design.gif) no-repeat;

	}
	
.table_tablediv{
	display: inline-block;
	width: 135px;
	float: left;
	margin: 5px;
	margin-left: 3px;
	padding: 0px;
}

.table_tablediv_container {
	display: block;
	width: 300px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}

#package_specs table tfoot tr {
	border-top: none;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-bottom: none;
}