/* ---------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS
------------------------------------------------------------------------

These are default styles that every page needs to inherit */

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, "Lucida Grande", Verdana, Geneva, sans-serif;
	background:#579961 url(../images/bg.jpg) repeat-x;
}

hr {display:none;}

.sep-line {
	width:890px;
	margin:0 auto;
	height:1px;
	border-bottom:1px solid #bdd2ba;
	line-height:0px;
	font-size:0px;
}

a.link1 {color:#e4041f; text-decoration:none}
a:visited.link1 {color:#f4285c; text-decoration:none}
a:hover.link1 {color:#e4041f; text-decoration:underline}
a:active.link1 {color:#e4041f; text-decoration:underline}


/* ********* CLEAR FIX HACK ********* */

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

.cf {display: inline-block;}

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

.clear {clear:both;	}


/* ---------------------------------------------------------------------
            GLOBAL STYLES - STRUCTURAL RULES
------------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* Main holders for content and backgrounds */

#main_container {
	width:1014px;
	margin:0 auto;
	text-align:center;
	background:url(../images/backgr_vertical.gif) repeat-y left top;
}

#content-wrapper {
	width:100%;
	height:auto !important;
	text-align:left;
	background:url(../images/backgr_main.jpg) no-repeat left top; 
}

#footer {
	width:1014px;
	margin:0 auto;
	text-align:center;
	background:url(../images/backgr_footer.gif) no-repeat center top;
	padding-bottom:30px;
}

/* //////// Actual Content Wrapper \\\\\\\\ */

#content {
	width:990px;
	min-height:950px;
	*height:950px;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}

/* //////// HEADER \\\\\\\\ */

#header {
	width:990px;
	position:relative;
}

#header h1 {
	display:block;
	float:left;
	margin:58px 0 0 0;	
}

#header h1 a {
	display:block;
	width:193px;
	height:109px;
	text-indent:-9999px;
	background:url(../images/MountView_logo.jpg) no-repeat;
	margin-left:42px;
}


/* //////// MENU \\\\\\\\ */

#menu {
	padding:136px 28px 0 0;
	float:right;
}

#menu-about {
	position:absolute;
	right:28px;
	top:37px;
}

#header ul li a#about {
	background-image:url(../images/menu-about.gif);
	width:54px;
	height:11px;
	font-size:0;
}

#header ul li a:hover#about {
	background-position: 0 0;
}

#header ul{
	display:inline;
	height:29px;
}

#header ul li {
	display:block;
	height:29px;
	float:left;
}

#header ul li a {
	display:block;
	height:29px;
	background-position: bottom left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-right:20px;
}

#header ul li a:hover, #header ul li a.active {
	background-position:0 -2px;
}

#header ul li a#home {
	background-image:url(../images/menu-home.gif);
	width:43px;
}

#header ul li a#how {
	background-image:url(../images/menu-how.gif);
	width:111px;
}

#header ul li a#is-it {
	background-image:url(../images/menu-is-it.gif);
	width:93px;
}

#header ul li a#testimonials {
	background-image:url(../images/menu-testimonials.gif);
	width:100px;
}

#header ul li a#contact {
	background-image:url(../images/menu-contact.gif);
	width:66px;
}

#header ul li a#pricing {
	background-image:url(../images/menu-pricing.gif);
	width:58px;
}


/* //////// Banner \\\\\\\\ */

#banner {
	width:910px;
	height:189px;
	background:url(../images/banner.jpg) no-repeat;
	margin-left:38px;
}



/* //////// COLUMNS \\\\\\\\ */

#columns {
	width:902px;
	margin-left:38px;
	padding-top:15px;
}

#columns.home_page {
	padding-top:38px; 
}

#columns.score_page {
	padding-top:25px; 
}

#columns.feat_page {
	width:912px;
	padding-top:25px; 
}

#columns #leftcol {
	float:left;
	width:430px;
	margin-left:13px;
	font-size:1.2em;
	line-height:1.5;
	color:#333; 
}

#columns.score_page #leftcol {
	width:415px;
	margin-top:14px;
}

#columns.feat_page #leftcol {
	width:558px;
	margin-top:14px;
}

#columns.itworks_page #leftcol {
	width:530px;
	margin-top:14px;
	color:#393737;
}

#columns.why_page #leftcol {
	width:540px;
	margin-top:14px;
	color:#000;
}

#columns #leftcol p {
 	padding-bottom:20px;
 	line-height:1.4;
 }


#columns #leftcol #left_subcol {
	width:283px;
	float:left;
}


#columns #leftcol #left_subcoltest {
	width:283px;
	float:left;

	
}

#columns.feat_page #leftcol #left_subcol {
	font-weight:bold;
	color:#898989;
	line-height:1.2; 
}

#columns.why_page #leftcol #left_subcol {
	width:267px;
	font-weight:normal;
	color:#898989;
	line-height:1.2;
	padding-top:98px;
	background:url(../images/illustration1.gif) left top no-repeat;
}

#columns #leftcol #right_subcol {
	width:250px;
	float:left;
	padding-left:20px;
	padding-top:25px;
}

#columns.feat_page #leftcol #right_subcol {
	color:#898989;
	line-height:1.2;
}

#columns.why_page #leftcol #right_subcol {
	width:250px;
	font-weight:normal;
	color:#898989;
	line-height:1.2;
	padding-top:98px;
	padding-left:0px;
	margin-left:21px;
	background:url(../images/illustration2.gif) left top no-repeat;
}

#columns #leftcol #right_subcol p {
	margin:15px 0 0 0;
	padding:0;
}

#columns.why_page #leftcol #left_subcol h4, #columns.why_page #leftcol #right_subcol h4 {
	color:#e4041f;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:1;
}


/* //////// SIDEBAR \\\\\\\\ */

#columns .sidebar {
	width:428px;
	float:right;
	clear:right;
}

#columns .sidebar#bar1 {
	margin-right:0px;
	margin-left:20px;
}

#columns.home_page .sidebar#bar1 {
	margin-top:17px;
}

#columns.score_page .sidebar#bar1 {
	margin-right:9px;
	margin-left:10px;
}

#columns .sidebar#bar2, #columns .sidebar#bar_steps {
	width:323px;
	
}

#columns .sidebar#bar_steps {
	margin-top:15px;
	margin-bottom:80px;
}


.sidebar h3 {
	display:block;
	width:100%; 
	text-indent:-9999px;
}

.sidebar#bar1 h3#home_sidetitle {
	height:45px;
	background:url(../images/sidebar1_title1.gif) no-repeat;
}

.sidebar#bar1 h3#score_sidetitle {
	height:45px;
	background:url(../images/sidebar1_title2.gif) no-repeat;
}

.sidebar#bar2 h3#feat_sidetitle {
	height:27px;
	background:url(../images/sidebar2_title1.gif) no-repeat;
}

.sidebar h3#itworks_sidetitle1 {
	height:27px;
	background:url(../images/sidebar2_title2.jpg) no-repeat;
}

.sidebar h3#itworks_sidetitleraw {
	width:323px;
	background:url(../images/rawnet-logo.gif) no-repeat;
}

.sidebar h3#itworks_sidetitle2 {
	height:27px;
	background:url(../images/sidebar2_title3.gif) no-repeat;
}

.sidebar h3#why_sidetitle {
	height:27px;
	background:url(../images/sidebar2_title4.jpg) no-repeat;
}


.sidebar ul li {
	float:left;
	display:block;
	width:100%;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.3;
	background-color:#ece9e6;
	padding-bottom:2px;
}

.sidebar ul li a, .sidebar ul li div {
	color:#97694e;
	text-decoration:none;
	display:block;
	padding:18px 8px 18px 50px;
}

.sidebar ul li a.contact {
	display:inline;
	padding:0;
}

.sidebar#bar1 ul li a {
	padding:10px 8px 15px 120px;
}

.sidebar#bar2 ul li a, .sidebar ul li div {
	padding:5px 8px 6px 80px;
}

.sidebar ul li a:hover {
	color:#d03c40;
	text-decoration:none;
}

.sidebar .improve_relationships {
	background:url(../images/sidebar_img1.jpg) no-repeat 25px 9px;
}

.sidebar#bar2 .improve_relationships {
	background-position:10px 12px;
}

.sidebar .repeat_business {
	background:url(../images/sidebar_img2.jpg) no-repeat 25px 13px;
}

.sidebar#bar2 .repeat_business {
	background-position:5px 10px;
}

.sidebar .clear_visibility {
	background:url(../images/sidebar_img3.jpg) no-repeat 25px 16px;
}

.sidebar#bar2 .clear_visibility {
	background-position:5px 8px;
}

.sidebar .fine_tune {
	background:url(../images/sidebar_img4.jpg) no-repeat 25px 11px;
}

.sidebar#bar2 .fine_tune {
	background-position:5px 8px;
}

.sidebar .seamless_integrate {
	background:url(../images/sidebar_img5.jpg) no-repeat 17px 10px;
}

.sidebar#bar2 .questions_contact {
	background:url(../images/sidebar_img6.gif) no-repeat 16px 14px;
	color:#995a34;
	font-size:1.3em;;
	padding:13px 15px 13px 95px;
}


.sidebar#bar2 .questions_contact strong {
	font-weight:bold;
}

.sidebar#bar2 .questions_contact a {
	font-weight:bold;
	font-size:1em;
	color:#e4041f;
	text-decoration:none;
	padding:0;
	margin:0; 
}

.sidebar#bar2 .questions_contact a:hover {
	text-decoration:underline;
}

.sidebar#bar1 ul li a strong, .sidebar ul li h4 {
	color:#e4041f;
	font-size:1.6em;
	margin:0px 0 2px 0;
	font-weight:bold;
}

.sidebar#bar1 ul li a strong {
	display:block;
}

.sidebar#bar2 ul li h4 {
	font-size:1.2em;
}

.sidebar#bar_steps .item_number {
	float:left;
	display:block;
	color:#e4041f;
	font-size:1.4em;
	font-weight:bold;
	padding:7px 0 0 15px;
}

.sidebar#bar_steps .item_content {	
	display:block;
	font-weight:bold;
	color:#E4041F;
	font-size:1.3em;
	padding:7px 10px 0px 43px;
}

.sidebar#bar_steps .item_contenter {	
	display:block;
	font-weight:normal;
	color:#995b35;
	font-size:1.1em;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:110px;
	padding-right:33px;

}


.sidebar ul li p {	
	font-weight:normal;
	color:#995b35;
	font-size:1em;
	padding:0px 10px 8px 43px;
}

.sidebar_black ul li p {	
	font-weight:normal;
	color:#000000;
	font-size:1em;
	padding:0px 10px 8px 43px;
}


.sidebar#bar_steps .item_content.contact {
	padding-left:120px;
	}	

#columns.why_page .sidebar#bar2 h4 {
	font-weight:bold;
	font-size:1.3em;
	color:#393737;
	margin:12px 0 5px 15px;
}

#columns.why_page .sidebar#bar2 div {
	color:#393737;
	font-size:1.1em;
	padding:0 15px 15px 50px;
	background:url(../images/feedback_1.gif) 15px 0px no-repeat; 
}

#columns.why_page .sidebar#bar2 div p {
	font-size:0.9em;
	margin-left:-26px;
	color:#000000;
}

#columns.why_page .sidebar#bar2 div#n2, #columns.why_page .sidebar#bar2 div#n2 {
	background-image:url(../images/feedback_2.gif);
}

#columns.why_page .sidebar#bar2 div#n3, #columns.why_page .sidebar#bar2 div#n3 {
	background-image:url(../images/feedback_3.gif);
}

#columns.why_page .sidebar#bar2 div#n4, #columns.why_page .sidebar#bar2 div#n4 {
	background-image:url(../images/feedback_4.gif);
}

#columns.why_page .sidebar#bar2 div#n5, #columns.why_page .sidebar#bar2 div#n5 {
	background-image:url(../images/feedback_5.gif);
}


.sidebar li.lt {
	background:url(../images/sidebar_delimiter.gif) repeat-x left bottom #f5f3f1;
}

.sidebar li.dk {
	background:url(../images/sidebar_delimiter.gif) repeat-x left bottom #ece9e6;
}

.sidebar li.last {
	background-image:none;
	border-bottom:1px solid #ede2db;
}


/* //////// Page Titles \\\\\\\\ */

.pagetitle {
	display:block;
	text-indent:-9999px;
}

.pagetitle#score_title {
	width:384px;
	height:32px;
	background:url(../images/title_score.gif) left top no-repeat;
}

.pagetitle#itworks_title {
	width:238px;
	height:31px;
	background:url(../images/title_itworks.gif) left top no-repeat;
}

.pagetitle#why_title {
	width:317px;
	height:40px;
	background:url(../images/title_why.gif) left top no-repeat;
}

.pagetitle#testimonials_title {
	width:317px;
	height:40px;
	background:url(../images/title_testimonials.gif) left top no-repeat;
}

.pagetitle#pricing_title {
	width:317px;
	height:40px;
	background:url(../images/title_pricing.gif) left top no-repeat;
}


.pagetitle#contact_title {
	width:317px;
	height:40px;
	background:url(../images/title_contact.gif) left top no-repeat;
}

.pagetitle#about_title {
	width:317px;
	height:40px;
	background:url(../images/title_about.gif) left top no-repeat;
}

/* Contact Form */

#contactForm {
	width:550px;
	padding-bottom:20px;
}

#contactForm .left, #contactForm .right {
	float:left;
	margin-right:10px;
	width:45%;
}

#contactForm .right {
	padding-left:25px;
}

#contactForm .formItem {
	padding:7px 0;
}

#contactForm label {
	display: block;
	font-size: 1em;
	font-weight:bold;
}

#contactForm .formItem input {
	width:240px;
	height:22px;
}

#contactForm .formItem select {
	width:240px;
	height:22px;
	font-size:1.1em;
}

#contactForm .formItem.checkbox input {
	width:16px;
}

#contactForm .formItem.checkbox label {
	display:inline;
}

#contactForm textarea {
	width:240px;
	height:200px;
}

#contactForm .formButtons {
	float:right;
	padding-right:9px;
}

#contactForm .error {
  color:red;
  font-weight:bold;
  margin:0;
  padding:0;
}


/* //////// SubTitles \\\\\\\\ */

.subtitle {
	display:block;
	text-indent:-9999px;	
}

.subtitle#home1 {
	width:196px;
	height:21px;
	margin:12px 0 0 0;
	background:url(../images/subtitle1.gif) left top no-repeat;
}


/* //////// Red Text \\\\\\\\ */

#columns #leftcol h4 {
	color:#e4041f;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2;
	margin:20px 0 20px 0;
	padding:0;
}

#columns #leftcol h4 a {
	color:#97694e;
	text-decoration:none;
	}

#columns #leftcol h4 a:hover {
		text-decoration:underline;
		color:#e4041f;
	}

/* //////// Testimonials \\\\\\\\ */

#green_testim {
	float:left;
	clear:left;
	width:188px;
	height:95px;
	margin-top:65px;
	margin-left:11px;
	padding:25px 0px 5px 9px;
	background-color:#ddffd8;
	overflow:hidden;
}

#green_testim .quotearea {
	display:block;
	width:148px;
	overflow:hidden;
	color:#407636;
	font-size:1.3em;
	line-height:1.1;
	font-weight:bold;
	padding:0;
	margin:0;
}

#green_testim .startquote {
	float: left;
	width:19px;
	height:14px;
	background:url(../images/greenlight_leftquote.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:-10px;
}

#green_testim .endquote {
	float:right;
	width:20px;
	height:14px;
	background:url(../images/greenlight_rightquote.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:-8px;
}

#green_testim .author {
	margin-top:5px; 
	padding:0 0 0 19px;
	color:#f4285c;
	font-size:11px;
	line-height:1.2;
	font-weight:bold;
}

#example2 {
	float:left;
	width:234px;
	height:144px;
	margin-top:46px;
	background:url(../images/example2.jpg) top left no-repeat;
}

#testim_long {
	float:left;
	clear:left;
	width:260px;
	height:106px;
	margin-top:41px;
	margin-left:15px;
	*margin-left:7px;;
	padding:10px 15px 15px 10px;
	background-color:#ddffd8;
	overflow:hidden;
}

#testim_long .quotearea {
	float:left;
	display:block;
	width:250px;
	overflow:hidden;
	color:#34a024;
	font-size:1.1em;
	line-height:1.1;
	font-weight:normal;
	padding:0 30px 0 10px;
	margin:0;
}

#testim_long .startquote {
	float: left;
	width:21px;
	height:15px;
	background:url(../images/greenlong_leftquote.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:0px;
}

#testim_long .endquote {
	float:right;
	width:21px;
	height:15px;
	background:url(../images/greenlong_rightquote.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:0px;
}

#testim_long .author {
	margin-top:5px; 
	padding:0 0 0 10px;
	color:#3b8930;
	font-size:1.1em;
	line-height:1.2;
	font-weight:bold;
}

#example3 {
	float:left;
	width:250px;
	height:152px;
	margin-top:20px;
	background:url(../images/example3.jpg) top left no-repeat;
}



/* -----------------------------------------------------------------
                           HOMEPAGE
--------------------------------------------------------------------
*/

#intro_text {
	width:817px;
	height:107px;
	margin:11px 0 0 49px;
	background:url(../images/title_home.gif) left top no-repeat;
	text-indent:-9999px;
}

#columns.home_page #leftcol #example_big {
	width:436px;
	height:185px;
	margin-left:-6px;
	background:url(../images/example1.jpg) top right no-repeat;
}

#columns.home_page #leftcol #example_big a {
	display:block;
	text-indent:-9999px;
	width:436px;
	height:185px;
}

#columns.home_page #leftcol #testimonial_home {
	width:396px;
	height:59px;
	margin-left:-6px;
	padding:12px 20px 0 20px;
	background:url(../images/example1_testimonial.gif) top left no-repeat;
}

#testimonial_home .quotearea {
	display:block;
	width:355px;
	overflow:hidden;
	color:#fdfdfd;
	font-size:1.2em;
	line-height:1.2;
	font-weight:bold;
	padding:0 0 0 5px;
	margin:0;
}

#testimonial_home .startquote {
	float: left;
	width:18px;
	height:13px;
	background:url(../images/greenquote_left.gif) left top no-repeat;
	text-indent:-9999px;
}

#testimonial_home .endquote {
	float:right;
	width:18px;
	height:13px;
	background:url(../images/greenquote_right.gif) left top no-repeat;
	text-indent:-9999px;
}

#columns.home_page #leftcol #testimonial_home .author {
	margin:0; 
	padding:0 0 0 22px;
	color:#fdfdfd;
	font-size:0.9em;
	line-height:1.2;
	font-weight:bold;
}

a.link_more {
	color:#e4041f;
	font-weight:bold;
	text-decoration:none;
}

a:hover.link_more {
	text-decoration:underline;	
}


/* //////// Features \\\\\\\\ */

#features_container {
	margin-left:51px;
}

#features_container .feature {
	float:left;
	width:177px;
	background:url(../images/feature1.jpg) top left no-repeat;
	margin:30px 60px 0 0;
	padding-top:132px;
	color:#666666;
	font-size:1.1em;
}

#features_container.score_feats .feature {
	margin-top:45px;
}

.feature#f1 {
	background:url(../images/feature1.jpg) top left no-repeat;
}

.feature#f2 {
	background:url(../images/feature2.jpg) top left no-repeat;
}

.feature#f3 {
	background:url(../images/feature3.jpg) top left no-repeat;
}

.feature#f_last {
	background:url(../images/feature4.jpg) top left no-repeat;
}


.feature#f_last {
	margin:30px 0 0 0;
}

#features_container .feature h4 {
	font-weight:bold;
	font-size:14px;
	color:#000;
	margin:0px 0 7px 0;
}

#features_container .feature a {
	float:right;
	clear:both;
	color:#e4041f;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
}

#features_container .feature a:hover {
		text-decoration:underline;
		
}

/* -----------------------------------------------------------------
                           HOW IT WORKS
--------------------------------------------------------------------
*/

.bluebox {
	float:left;
	width:225px;
	margin:0 0 0 10px;
	padding:55px 20px 10px 20px;
	background-color:#dff1f4;
	font-size:1.2em;
	color:#59676c;
}

.plain {
	padding-top:20px;
}

.long {
	width:500px;
}

.bluebox#stars {
	background:url(../images/bluebox_img1.jpg) 13px 11px no-repeat #dff1f4;
}

.bluebox#arrows {
	background:url(../images/bluebox_img2.jpg) 19px 9px no-repeat #dff1f4;
	margin-left:8px;
}

.bluebox h4 {
	color:#04426b;
	font-size:1.4em;
	font-weight:bold;
	margin:0px 0 5px 0;
}

.bluebox p {
	margin:0 0 15px 0;	
	line-height:1.4;
}

.bluebox a {
	color:#E4041F;
	text-decoration:none;
}

.bluebox a:hover {
	text-decoration:underline;
}

/* -----------------------------------------------------------------
                           FOOTER
--------------------------------------------------------------------
*/

#footer .rawnet {
	width:59px;
	height:19px;
	margin:0 auto;
	padding-top:95px;
	padding-bottom:4px;
}

#footer .rawnet a {
	display:block;
	width:59px;
	height:19px;
	background:url(../images/rawnet.gif) no-repeat;
	text-indent:-9999px;
}

#footer p {
	color:#2b562e;
	font-size:10px;
	line-height:1.4;
}