/* GENERAL ******************************************************************************************************************* */

	body#home  { background:#dedede url(../img/design_sherriff/bg_home.jpg) repeat-x;  }
	body { background:#dedede url(../img/design_sherriff/bg_sub.jpg) repeat-x; margin: 0; padding: 0; font-family: Arial; font-size: 12px; color:#707070; }

	#shell { margin: 0; padding: 0; }
	
	#home #container { width: 943px;  margin: 0 auto; padding: 0; }
	#container {  margin: 0 auto; padding: 0;  }
	

	a { color:#1a4ba5;}
	a:hover{ text-decoration: none; }

	h1  { color:#062d96; font-size: 26px; font-weight: normal;  margin: 30px 0 20px 0; }
	h2  { color:#235ec2; font-size: 18px; font-weight: normal;  margin: 0; }
	p, ul, ol { line-height: 180%;}
	strong  { color:#062d96;  }
	.required { color:#ff0000; font-weight: bold;}
	.loginSeparator { margin: 0 8px;}
	img { border: none;}
	
	#error_form { color: #ff0000; font-weight: bold;}
	.success { color:#00CC00; font-weight: bold;}

/* HEADER ******************************************************************************************************************* */

	#home #headerShell { background:url(../img/design_sherriff/bg_home_header.jpg) no-repeat; height: 345px;}
	#headerShell {   background:url(../img/design_sherriff/bg_sub_header.jpg) no-repeat; width: 943px; height: 235px; margin: 0 auto; padding: 0;}

		#cta_freewebsite { position: absolute; margin: 120px 0 0 620px; width: 218px; height: 76px; display: block; }
		#cta_freewebsite a { background:url(../img/design_sherriff/cta_freewebsite.png);  width: 218px; height: 76px; display: block;}
		
		#logo { margin: 0 0 0 40px; width: 201px; height: 117px; background:url(../img/design_sherriff/logo.png); position: absolute;}
		#logo a { display: block; width: 201px; height: 117px; }
		
		#nav {}
		#nav ul { text-align: right; padding: 25px 40px 0 220px; margin:0;  }
		#nav ul li { margin: 0  0 0 20px; display: inline;}
		#nav ul li a { padding: 4px 8px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; font-size: 15px; letter-spacing:-1px;}
		#nav ul li#nlogin a { color:#8dc0ff; border: 1px; }
		#nav ul li a:hover { background:#011a63 url(../img/design_sherriff/bg_navbtn.jpg); color:#8dc0ff; }
		
		#howitworks #nav ul li#nhowitworks a, 
		#demo #nav ul li#ndemo a, 
		#signup #nav ul li#nsignup a, 
		#about #nav ul li#nabout a, 
		#contact #nav ul li#ncontact a, 
		#login #nav ul li#nlogin a { background:#011a63 url(../img/design_sherriff/bg_navbtn.jpg); color:#8dc0ff; border-top: 2px solid #f85c0c; }
		
		#headerContent { position: absolute; margin: 104px 0 0 46px;height: 43px; width: 400px; }
		#home #headerContent { background:url(../img/design_sherriff/title_home.png) no-repeat; position: absolute; margin: 110px 0 0 46px; height: 193px; width: 500px;}
		#howitworks #headerContent { background:url(../img/design_sherriff/title_howitworks.png) no-repeat; }
		#demo #headerContent { background:url(../img/design_sherriff/title_demo.png) no-repeat; }
		#signup #headerContent { background:url(../img/design_sherriff/title_signup.png) no-repeat; height:55px; }
		#about #headerContent { background:url(../img/design_sherriff/title_about.png) no-repeat;  }
		#contact #headerContent { background:url(../img/design_sherriff/title_contact.png) no-repeat;  }
		#login #headerContent { background:url(../img/design_sherriff/title_login.png) no-repeat; width: 520px;  }
		#advertise #headerContent { background:url(../img/design_sherriff/title_advertise.png) no-repeat; }
		#termsofuse #headerContent { background:url(../img/design_sherriff/title_termsofuse.png) no-repeat;}
		#websearch #headerContent { background:url(../img/design_sherriff/title_websearch.png) no-repeat;}
		
		#home #screenshot { display: block; margin: 45px 0 0 570px; position: absolute; padding: 49px 0 0 1px; width: 347px; height: 281px; background:url(../img/design_sherriff/bg_screenshot.png); display: block;}
		#screenshot { display: none;}



/* BODY ******************************************************************************************************************* */


	#home #contentShell { height: 323px; background: none;  margin: 0 25px 0 0px;}
	#contentShell { height: auto; background: #fff; padding: 0px 25px 25px 45px; margin: 0; border-top: 1px solid #fff; }
	#contentShell2 {  width: 873px; margin: 0 auto; padding: 0 0px 0 0px; }
	
		#intro_content {  position: absolute; color: #fff; top: 0;  margin: 235px 0 0 0; width: 430px; padding:0; line-height: 180%;}
		#intro_content strong { color:#f8c426;}
		
		#cta_main {  width: 480px; height: 45px; padding: 17px 0 30px 0; margin:0;}
		#cta_main ul { margin: 0; padding: 0;}
		#cta_main ul li { float: left; margin: 0 15px 0 0; list-style: none; width: 212px; height: 45px;}
		#cta_main ul li a { display: block; width: 210px; height: 43px;}
		#cta_main ul li#cta_signup a { background:url(../img/design_sherriff/btn_signup.gif)}
		#cta_main ul li#cta_ourfeatures a { background:url(../img/design_sherriff/btn_ourfeatures.gif)}
		#cta_main ul li a:hover{}
	
		
		/* SIDES ------------------------------------------ */
		
			#side { display: none;  }
			
			#login #side  {  display: block;  width: 200px; margin: 0; padding: 31px 0px 0 0px; float: left;}
			#side_login { width: 200px; height: 150px;  }
		
		/* SUB NAVIGATION  --------------------------------*/

			#about #side,#termsofuse #side,#advertise #side, #contact #side, #signup #side, #login #side  {    display: block;  width: 200px; margin: 3px 0 0 0; padding: 0px 0px 0 0px; float: left; }

			#about #content,
			#termsofuse #content,
			#advertise #content,
			#contact #content,
			#login #content,
			#signup #content  { width: 620px; margin: 0 0 0 200px; padding: 0 0 0 30px;  }
			
			ul#side_about { margin: 0; padding: 0;}
			ul#side_about li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; list-style: none;}
			ul#side_about li a { display: block; padding: 4px 0 0 8px; width: 196px; height: 26px; font-weight: bold; font-size: 13px;}
			ul#side_about li a:hover { color:#fff; background:url(../img/design_sherriff/btn_subnavhover.gif);}
			#about ul#side_about li#nabout a,
			#termsofuse ul#side_about li#nterms a,
			#advertise ul#side_about li#nadvertise a,
			#contact ul#side_about li#ncontact a,
			#signup ul#side_about li#nsignup a
			 { color:#fff; background:url(../img/design_sherriff/btn_subnavhover.gif); text-decoration: none;}
		
		/* HOME --------------------------------*/
		
		
		#home #content { padding: 0; width: 913px; background: none;}
		
		/*#content {  width: 913px; margin: 0 auto; padding: 0 55px 0 92px;}*/
		#content {  width: 873px; margin: 0 auto; padding: 0;}
		
		#content a { color:#f96811; }
			
			#col1, #col2, #col3 { display: block;   height: 255px; width: 264px; float: left; margin: 0 40px 0px 0; }

			#col1 { background: url(../img/design_sherriff/home_colpic2.jpg) no-repeat; }
			#col2 { background: url(../img/design_sherriff/home_colpic3.jpg) no-repeat; }
			#col3 { background: url(../img/design_sherriff/home_colpic1.jpg) no-repeat; }
			#col1 h2, #col2 h2, #col3 h2  { color:#062d96; font-size: 18px; font-weight: bold; padding: 125px 0 0 0; margin: 0; }
			#col1 a, #col2 a, #col3 a { color:#f96811;}
			#col1 p, #col2 p, #col3 p { margin: 0; padding: 5px 0 0 0; line-height: 150%;}


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

		#how1, #how2, #how3 { display: block; width: 237px; height: 175px; padding: 90px 20px 0 20px; font-size: 20px; line-height: 180%; font-weight: bold; color: #fff; text-align: center; float: left; margin: 0 12px 25px 0;}
		#how1 { background:url(../img/design_sherriff/bg_how1.jpg);}
		#how2 { background:url(../img/design_sherriff/bg_how2.jpg);}
		#how3 { background:url(../img/design_sherriff/bg_how3.jpg);}
		#how1 a, #how2 a, #how3 a { color: #ffd292;}

		/* DEMO --------------------------------*/

		#demo1, #demo2, #demo3 { width: 277px;  padding: 0 0 20px 0; margin: 10px 20px 0 0; text-align: center; background: url(../img/design_sherriff/bg_demobrowser.jpg) no-repeat; display: block;   float: left; margin: 0 20px 0 0;}
		#demo3 { margin: 0;}
		
		#demo1 img, #demo2 img, #demo3 img { margin: 48px 0 0 1px;}
		#demo1 h1, #demo2 h1, #demo3 h1 { font-size: 18px; margin: 0; padding: 20px 0 0 0;}
		#demo1 h2, #demo2 h2, #demo3 h2 { font-size: 14px;}
		#demo1 span, #demo2 span, #demo3 span { display: block;}
		#demo1 span a, #demo2 span a, #demo3 span a { margin: 10px auto 0 auto; display: block; width: 169px; height: 33px; background:url(../img/design_sherriff/btn_viewlivewebsite.gif);}
		
		#ribbon1, #ribbon2 , #ribbon3 { position: absolute; height: 122px; width: 122px; margin: 134px 0 0 162px; }
		#ribbon1 { background:url(../img/design_sherriff/icon_ribbon1.gif);}
		#ribbon2 { background:url(../img/design_sherriff/icon_ribbon2.gif);}
		#ribbon3 { background:url(../img/design_sherriff/icon_ribbon3.gif);}

		/* CONTACT --------------------------------*/
		#frmContactUs { padding: 20px 0 0 0; background:#eee; padding: 30px; border: 1px solid #ccc; width: 500px; }
		dt { width: 155px; float: left; margin: 4px 0 10px 0; color:#062d96; font-weight: bold;}
		dd { margin: 0 0 10px 0;}
		

		#frmContactUs dt { font-weight: bold; color:#062d96; }
		

		/* SIGN-UP -------------------------------- */
		
		#frmSignupTrial h1 { }
		#frmSignupTrial h2 { padding: 3px 0 0 10px; width: 541px; height: 33px; margin: 10px 0; font-size: 25px; color:#fff; font-weight: normal; background:url(../img/design_sherriff/bg_signupheaders.jpg); }
		#frmSignupTrial .signupbox { background:#eee; border: 1px solid #ccc;  padding: 20px; margin: 0 0 30px 0;  width: 470px; }


		/* SIGN-UP REVIEW PAGE-------------------------------- */
		#frmSignup dt { float: left; background:#eee; width: 155px;  margin: 0px 0 10px 0; color:#062d96; font-weight: bold;}
		#frmSignup dd { background:#ccc; display: block; padding: 0; height: 15px;  margin: 4px 0 10px 0px; width: 340px; }
		#signup h2 {  display: block;  padding: 3px 0 0 10px; width: 541px; height: 33px; margin: 40px 0 10px 0; font-size: 25px; color:#fff; font-weight: normal; background:url(../img/design_sherriff/bg_signupheaders.jpg); }
		
		/* login ------------------------------------------ */

		#box_login, #box_passwordreset { background:#eee; border: 1px solid #ccc; width: 460px; padding: 30px 0 0 30px;}
		
		#box_login dt { width: 80px;}
		#box_passwordreset dt { width: 170px;   }
		#box_passwordreset dd {   }
		#box_login span#forgot { font-weight: bold; color:#FF0000;}
		#login h2 { padding: 3px 0 0 10px; width: 541px; height: 33px; margin: 40px 0 10px 0; font-size: 25px; color:#fff; font-weight: normal; background:url(../img/design_sherriff/bg_signupheaders.jpg); }

/* FOOTER ******************************************************************************************************************* */

	#home #footerShell { padding: 0 0 40px 45px;}
	#footerShell { width: 943px; font-size: 12px; background:#dedede; padding: 0 0 40px 90px; margin: 20px auto 0 auto;}
	#footerShell a { color: 1a4ba5;}
		
		#footerNav {}
		#footerNav ul { float: left; margin: 0; padding: 0;  }
		#footerNav ul li { margin: 0 12px 0 0; display: inline; }
		#footerNav ul li a { }
		#footerNav ul li a:hover {}

		#copyright { margin: 10px 0 0 0; color:#a8a8a8; }
		#copyright a { margin: 0 5px; color:#a8a8a8;}
		
		#footerNav2 {}
		#footerNav2 ul { text-align: right; margin: 0 69px 0 0; padding: 0;  }
		#footerNav2 ul li { margin: 0 0 0 12px; display: inline; }
		#footerNav2 ul li#nadvertise a { font-weight: bold; color:#f96811; }
		#footerNav2 ul li a:hover {}


/* MISC */
	
	/* WEB SEARCH */
	
		#navbar td a { display: block; padding: 5px; border: 1px solid #ccc;}