@charset "utf-8";

/* CSS Document */



body{

	background:#FFFFFF;

	font-family: Tahoma, verdana;

	font-size:12px;

	margin-top:0px;

	margin-left:0px;

	text-align:center;

	color:#333333;

}



h1{

	color:#214099;

	font-size:20px;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:25px;

}



h2{

	color:#214099;

	font-size:14px;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:12px;

}



h3{

	color:#214099;

	font-size:12px;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:5px;

}



h4{

	color:#214099;

	font-size:14px;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:0px;

	line-height:10px;

}



hr{

	margin-top:25px;

	margin-bottom:35px;

	height:1px;

}



p{

	margin-top:5px;

	margin-bottom:15px;

}



img{

	border:none;

}



form{

	margin:0px;

	padding:0px;

}



a{

	color:#000000;

	font-weight:bold;

	text-decoration:none;

}



a:hover{

	text-decoration:underline;

}



#wrapper{

	width:890px;

	background:#FFFFFF;

}



#topbanner{

	width:890px;

	margin-top:10px;

	height:56px;

}



#topbanner #logo{

	float:left;

}



#topbanner #call{

	float:left;

	color:#214099;

	font-size:16px;

	font-weight:bold;

	text-align:center;

	padding-top:15px;

	width:300px;

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



}



#topbanner #right{

	font-size:11px;

	float:right;

	font-weight:bold;

	width:310px;

	margin-top:16px;

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

}



#topbanner #right img{

	float:right;

}



#topbanner #right div{

	float:left;

	margin-top:20px;

}



#topbanner #right div #login{

	color:#1418c3;

}



#navbar{

	margin-top:5px;

	margin-bottom:0px;

	height:40px;

}



#navbar ul{

	margin:0px;

	padding:0px;

	list-style:none;

	width:890px;

}



#navbar ul li{

	float:left;

	height:40px;

}



#homebanner{

	padding:0px;

	vertical-align:top;

}



#bannerbox{

	width:890px;

	margin-top:10px;

}



#bannerbox #topbar{

	width:890px;

	height:36px;

	background:url(../../images/topbar.jpg) top left no-repeat;

	text-align:left;

}



#bannerbox #topbar img{

	margin-top:12px;

	margin-left:24px;

	float:left;

}



#bannerbox #topbar div{

	float:right;

	margin-top:12px;

	font-weight:bold;

	margin-right:15px;

	font-size:10px;

}



#bannerbox #topbar div a{

	color:#1418c3;

}



#contents{

	width:890px;

}



#contents #left{

	width:600px;

	text-align:left;

	float:left;

	padding-top:8px;

	padding-left:3px;

}



#contents #right{

	width:240px;

	float:right;

}



#contents #left #breadcrumbs{

	color:#1418c3;

	font-size:10px;

	margin-bottom:10px;

}



#contents #left #breadcrumbs a{

	color:#1418c3;

	font-weight:normal;

}



#contents #left #listitems{

	margin-top:15px;

	width:605px;

	margin-left:5px;

}



#contents #left #listitems #item{

	margin-bottom:10px;

}



#contents #left #listitems #item h2{

	margin-bottom:10px;

}



#contents #left #listitems #item #icon{

	width:65px;

	text-align:left;

	float:left;

}



#contents #left #listitems #item #text ul{

	margin-left:12px;

	padding-left:4px;

	font-weight:bold;

	list-style-position:outside;

	margin-top:0px;

}



#contents #left ul#list{

	margin-left:12px;

	padding-left:4px;

	list-style-position:outside;



}



#contents #left #listitems #item #text a, #contents #left a{

	color:#333399;

	font-weight:normal;

	text-decoration:underline;

}



#contents #left #listitems #item #text a:hover, #contents #left a:hover{

	text-decoration:none;

}





#contents #left #listitems #item #text{

	width:530px;

	float:left;

	margin-left:10px;

}







#contents #right #smallbox{

	width:233px;

	margin-bottom:10px;

}



#contents #right #smallbox #smbox-top{

	width:233px;

	height:15px;

	background:url(../../images/smbox-top.jpg) top left no-repeat;

}



#contents #right #smallbox #smbox-bg{

	width:203px;

	background:url(../../images/smbox-bg.jpg) top left repeat-y;

	padding-top:6px;

	text-align:left;

	padding-left:14px;

	padding-right:20px;

	font-size:11px;

}



#contents #right #smallbox #prev{

	float:left;

	margin-left:30px;

	margin-top:0px;

	padding-top:1px;

}



#contents #right #smallbox #next{

	margin-right:28px;

	margin-top:0px;

	padding-top:1px;

	float:right;

}





#contents #right #smallbox #smbox-bottom{

	width:233px;

	height:30px;

	background:url(../../images/smbox-bottom.jpg) top left no-repeat;

	vertical-align:bottom;

}



#contents #right #smallbox #smbox-bg #text{

	float:left;

	width:115px;

	padding-right:5px;

}



#contents #right #smallbox #smbox-bg a{

	color:#ff1200;

	font-size:10px;

}



#contents #right #smallbox #getfacts img{

	margin-top:0px;

}



#contents #right #smallbox #getfacts{

	margin-left:73px;

	margin-top:-1px;

}





#contents #right #smallbox #smbox-bg #image{

	float:left;

	width:56px;

}



#contents #right #smallbox #smbox-bg #customer_feedback{

	max-height:320px;

	min-height:320px;

	overflow: hidden; 

	position: relative;

	background:none;

	margin-left:4px;

	width:200px;

}



#contents #right #smallbox #smbox-bg #customer_feedback div{

	background:none;

	width:200px;

}





#contents #getstarted{

	margin-left:10px;

	width:640px;

}



#contents #getstarted #left{

	float:left;

	width:380px;

	border-right:#214099 1px solid;

	margin-top:0px;

}



#contents #getstarted #right{

	float:left;

	width:225px;

	text-align:left;

	padding-left:15px;

}



#contents  #form{

	margin-left:20px;

	margin-top:20px;

}



#contents #form p{

	margin-top:15px;

	padding-bottom:5px;

	height:10px;

	clear:both;

}



#contents  #left #form label{

	font-weight:bold;

	text-align:left;

	margin-right:30px;

	width:90px;

	color:#24429a;

	float:left;

	height:16px;

	padding-top:5px;

	vertical-align:bottom;

	display: block;

}



#contents #left #form input{

	width:200px;

	height:14px;

	border-top:#000000 1px solid;

	border-left:#000000 1px solid;

	border-right:#000000 1px solid;

	border-bottom:#000000 1px solid;

	padding-bottom:2px;

	font-size:11px;

	float:left;

}



#contents #left #form textarea{

	width:200px;

	height:64px;

	border-top:#000000 1px solid;

	border-left:#000000 1px solid;

	border-right:#000000 1px solid;

	border-bottom:#000000 1px solid;

	padding-bottom:2px;

	font-size:11px;

	float:left;

}



#contents #left #form #startbtn{

	width:94px;

	height:79px;

	border:none;

	padding-bottom:2px;

	margin-left:160px;

	margin-top:10px;

}



#contents ul#check{

	list-style:none;

	list-style-image:url(../../images/list-check.jpg);

	color:#214099;

	font-size:13px;

	margin-top:0px;

}



#contents #left #contactform{

 float:left;

 width:410px;

}



#contents #left #contactaddress{

	float:right;

	border-left:#000000 1px solid; 

	padding-left:30px;

	margin-top:50px;

}

 



#footer{

	margin-top:20px;

	text-align:center;

	width:890px;

	font-size:10px;

}



#footer a{

	color:#1418c3;

	font-weight:normal;

}







#dropdownform{

	float:left;

	position:absolute;

	top:112px;

	display:none;



}



#dropdownform #bg{

	background:url(../../images/ddform-bg.jpg) top left repeat-y;

	width: 294px;

	height:150px;

}



#dropdownform #bottom{

	background:url(../../images/ddform-bottom.jpg) top left no-repeat;

	width: 294px;

	height:18px;

}



#dropdownform #bottom2{

	background:url(../../images/ddform-bottom2.jpg) top left no-repeat;

	width: 294px;

	height:68px;

}



#dropdownform #form{

	text-align:left;

	margin-left:30px;



}



#dropdownform #form p{

	margin-top:0px;

	padding-bottom:15px;

	height:12px;

	clear:both;

}



#dropdownform h3{

	font-size:10px;

	font-weight:normal;

	color:#333333;

	margin-bottom:10px;

}



#dropdownform #form label{

	text-align:left;

	margin-right:20px;

	width:40px;

	color:#333333;

	float:left;

	height:16px;

	padding-top:5px;

	vertical-align:bottom;

	display: block;

}



#dropdownform #bottom input{ 

	margin-top:-12px;

	margin-left:40px;

}



#dropdownform #form input{

	width:160px;

	height:14px;

	border-top:#000000 1px solid;

	border-left:#000000 1px solid;

	border-right:#000000 1px solid;

	border-bottom:#000000 1px solid;

	padding-bottom:2px;

	font-size:11px;

	float:left;

}



#dropdownform #form #getlocal{

	width:94px;

	height:79px;

	border:none;

	padding-bottom:2px;

	margin-left:160px;

	margin-top:10px;

}



#contents #left #justhuman{

	width:360px;

}



#contents #screenshot{

	float:left;

	display:none;

	position:fixed;

}



#preview{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	display:none;

	color:#fff;

}



#contents #aboutlogos{

	width:700px;

	margin-bottom:30px;

}



#contents #aboutlogos div{

	float:left;

	margin-right:80px;

}



#clear{

	clear:both;

	margin:0px;

	padding:0px;

}



/* Banner inserted before bannerbox-added by Jojo C. 3/3/2010 */

#bannerbox1{

	width:890px;

	height:143px;

	background:url(../../images/bannerbox1.jpg) top left no-repeat;

	margin-top:5px;

	margin-left:0px;

	float:left;
}


 #learnmore{

	margin-top:108px;
	
	margin-left:245px;
	
	
	float:left;

}

#janpro{
	
	margin-top:55px;
	
	margin-left:75px;
	
	float:left;

}

#japcookstudio{
	
	margin-top:55px;
	
	margin-left:15px;
	
	float:left;

}

#anytime{
	
	margin-top:55px;
	
	margin-left:21px;
	
	float:left;

}

#anytimearrow{

	margin-top:55px;
	
	margin-left:10px;
	
	float:left;

}


/* LocalConnex Promise Page -added by Jojo C. 3/3/2010 */ 


#contents ul#bluearrow{

	list-style:none;

	list-style-image:url(../../images/bluearrow.jpg);

	font-size:13px;

	margin-top:0px;

}

#janpro1{

	margin-top:10px;
	
	margin-left:65px;
	
	float:left;
}

#japcookstudio1{

	margin-top:10px;
	
	margin-left:15px;
	
	float:left;
}

#anytime1{
	
	margin-top:10px;
	
	margin-left:15px;
	
	float:left;
}

#anytimearrow1{
	margin-top:10px;
	
	margin-left:15px;
	
	float:left;
}


/* LocalConnex Case Studies Page - added by Jojo C. 3/3/2010 */


#casejanpro{

	height:230px;
	
	width:145px;
	
	margin-right:10px;
	
	float:left;

}

#caselogo{
	
	height:225px;
	
	width:145px;
	
	margin-top:10px;

	margin-right:10px;
	
	float:left;

}

#caseinfo{

	margin-top:10px;
	
	

}


.style1{

	color:#214099;

	font-size:20px;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:0px;

}

.style2{

	color:#214099;

	font-size:18px;

	font-weight:regular;

	margin-top:0px;

	margin-bottom:25px;
}

.style3{

	color:#1f419a;

	font-size:12px;

	font-weight:regular;

	margin-top:0px;

	margin-bottom:10px;

}