﻿/* CSS Document */
@font-face { 
    font-family: "Oswald"; 
    src: local("Oswald"), local("Oswald"), url("../fonts/Oswald-Regular.ttf") format("truetype"); 
} 

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	color:#666;
}

h1, h2, h3, h4 {
	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size:28px;
	color:#333;
}
h2 {
	color:#333;
}

#footer_wrapper h2 {
	color:#fff;
}

 /* Default link colors */
a:link		{ color: #1f86c8; text-decoration: underline }

a:visited	{ color: #1f86c8; text-decoration: underline }

a:active	{ color: #1f86c8; text-decoration: underline }

a:hover		{ color:#666; text-decoration: underline }

#wrapper {
	width:1000px;
	margin:auto;
}

#header_wrapper {
	background:url(../images/header_yellow_big.jpg);
	background-position:center;
	width:100%;
}

#header_top, #header, #header_bottom, #header_big_menu, #header_mid {
	margin:auto;
}

#header_top, #header, .footer, #content {
	width:980px;
	padding:10px;
}

#header_bottom, #header_big_menu {
	width:1000px;	
}

#header {
	
}

#header_mid {
	width:688px;
	text-align:center;
	margin-bottom:25px;
}

.points {
	float:left;
	width:220px;
	padding-left:20px;
	padding-right:20px;
	color:#666;
	text-align:justify;
	font-size:14px;
	font-style:italic;
	line-height:20pt;
}

#content {
	padding-bottom:35px;
}

#left {
	width:650px;
	float:left;
	margin-right:80px;
}
#right {
	width:250px;
	float:left;
}

#footer_wrapper {
	background-color:#001c3c;
	border-top:3px #1f86c8 solid;
	width:100%;
	color:#fff;
}

.footer {
	margin:auto;
}

.footer h2 {
	font-size:18px;
}

.footer ul {
	list-style-image: url('../images/footer_list_style.gif');
}
.footer ul li {
	margin-bottom:15px;
	font-size:11px;
}

#footer_bottom_wrapper {
	width:100%;
	background-color:#002b5c;
	color:#fff
}

/**** Anchored div *****/
#business_cards_ad { 
    position: fixed; 
    top: 50px; 
    right: 10px;; 
} 
.hit_box2 {
	font-size:18px;
	background-color:#65b5dd;
	float:right;
	text-align:center;
	border:1px #176699 solid;
	margin-top:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
}
a.hit_box2 {
	text-decoration:none;
	font-size:14px;
	color:#fff;
}
a.hit_box2:hover {
	background-color:#002b5c;
	color:#fff;
	cursor:pointer;
}


/**** Footer link colors ****/

.footer a:link		{ color:#999; text-decoration:none }

.footer a:visited	{ color: #999; text-decoration:none }

.footer a:active	{ color: #999; text-decoration:none }

.footer a:hover		{ color:#f15d22; text-decoration: underline }

img {
	border:0px;
}

/**** Form Styles ****/
label, .divlabel {
	display:block;
	margin-bottom:15px;
	border:1px #c4c4c4 solid;
	border-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
	font-size:14px;
}

label span, .divlabel span {
	display:block;
	float:left;
	padding-right:15px;
	text-align:left;
	margin-top: 3px;
/*	border-right:1px dashed #666;*/
	margin-right:5px;
}

label input, label textarea, .divlabel input, .divlabel textarea {
	border:none;
	color:#1f86c8;
	font-size:14px;
	background-color:#E1FFFF;
}

.button {

	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;

	border:1px solid #f15d22;

	font-size:16px;

	padding:10px;

	padding-left:18px;

	text-transform:uppercase;

	color:#000;

	border-radius:10px;

	-moz-border-radius:10px;

	background:url(../images/button_bg.png);

	background-position:left;

	background-repeat:no-repeat;

}



.button:hover {

	background-color:#f15d22;

	text-transform:uppercase;

	color:#fff;

}



/**** Warning and Alerts ****/

.warning {
	background-color:#ffb3b3;
	border:1px solid #d40008;
	color:#d40008;
	font-size:12px;
	padding:10px;
	margin-bottom:15px;
}
.warning_small {
	background-color:#ffb3b3;
	border:1px solid #d40008;
	color:#d40008;
	font-size:12px;
	padding:2px;
	text-align:center;}
.alert {
	background-color:#dbf0b8;
	border:1px solid #44800b;
	color:#44800b;
	font-size:14px;
	padding:10px;
	margin-bottom:15px;
}
.alert_small {
	background-color:#dbf0b8;
	border:1px solid #44800b;
	color:#44800b;
	font-size:12px;
	padding:2px;
	text-align:center;
	float:right;
	width:10px;
}

/***** Home-Uses menu *****/

.home_menu ul{

	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:16px;

	padding-left: 0;

	margin-left: 0;

	height: 20px;

}

 

.home_menu ul li{
	list-style: none;
	display: inline;
 }
 
.home_menu ul li a{

	border-radius:10px;

	-moz-border-radius:10px;

	padding: 8px;

	text-decoration: none;

	float: left;

	color: #000;

	margin-right:5px;
	
	border:#FF9 1px dashed;

}

 

.home_menu ul li a:hover{

	background:url(../images/home_menu_on2.gif);

	color:#fff;
	
	border:#002b5c 1px solid;

}

/***** Manage menu *****/

.manage_menu ul{

	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	padding-left: 0;

	margin-left: 0;

}

 

.manage_menu ul li{
	list-style: none;
	display: inline;
 }
 
.manage_menu ul li a{

	border-radius:10px;

	-moz-border-radius:10px;

	padding: 10px;

	text-decoration:underline;

	float: left;

	color:#039;
	
	padding-right:20px;

	margin-right:10px;
	
	border-right: 1px solid #CCC;

}

 

.manage_menu ul li a:hover{

	color:#666;

}

/***** Register menu *****/

.register_menu ul{
	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	padding-left: 0;
	margin-left: 0;
	height: 20px;
}
 
.register_menu ul li{
	list-style: none;
	display: inline;
 }
 
.register_menu ul li a{

	border-radius:10px;

	-moz-border-radius:10px;

	padding: 11px;

	text-decoration: none;

	float: left;

	color: #fff;

	margin-right:10px;

	background:url(../images/register_menu_off.gif);

}

 

.register_menu ul li a:hover{

	background:none;

	color:#000;

}

/***** Content Boxes *****/

.content_box {

	margin-bottom:30px;

	margin-left:10px;

	margin-right:10px;

	float:left;

	border:1px #1F86C8 solid;
	
	background-color:#fff;

	border-radius:10px;

	-moz-border-radius:10px;

	padding:10px;

	width:150px;

}

.subscribe_box {

	border:1px #1F86C8 solid;
	
	background-color:#fff;

	border-radius:10px;

	-moz-border-radius:10px;

	padding:10px;
	
	font-size:16px;

}

.subscribe_box tr:hover {
	background-color:#d5eeff;
}

.content_box:hover {
	background:none;
	background-color:#FF9;

}

.content_box_new {

	margin-bottom:30px;

	margin-left:10px;

	margin-right:10px;

	float:left;

	padding:10px;

	width:275px;

}

.hit_box {
	font-size:18px;
	background-color:#E8E8E8;
	float:right;
	text-align:center;
	width:50px;
	border:1px #CCC solid;
	margin-top:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
}

a.hit_box {
	text-decoration:none;
	font-size:14px;
}
a.hit_box:hover {
	background-color:#999;
	color:#fff;
	cursor:pointer;
}

.hit_box2 {
	font-size:18px;
	background-image:url(../images/home_menu_on.gif);
	float:right;
	text-align:center;
	width:50px;
	border:1px #CCC solid;
	margin-top:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
}

a.hit_box2 {
	text-decoration:none;
	font-size:14px;
}
a.hit_box2:hover {
	background-color:#999;
	color:#CCC;
	cursor:pointer;
}

.cbox_url {
	margin-top:10px;
	margin-bottom:10px;
}

.switch_view {
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#E6E6E6;
	border:1px #CCC solid;
	padding:10px;
	font-size:10px;
	width:100px;
	margin-right:40px;
}

.buttonB {

	font-family:"Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif;

	border:none;

	font-size:12px;

	padding:5px;

	padding-left:18px;

	text-transform:uppercase;

	text-decoration:none;

	color:#000;

	border-radius:10px;

	-moz-border-radius:10px;

	background:url(../images/button_bg.png);

	background-position:left;

	background-repeat:no-repeat;

}



.buttonB:hover {

	background-color:#F00;

}

a.buttonB {

	text-decoration:none;

	color:#000;

}

a.buttonB:hover {

	color:#fff;

}

.dd_menu {padding:0px; margin:0; list-style-type:none;}

.dd_menu li { }

.dd_menu li a { }

.dd_menu li:hover a { color:fff; }



.dd_menu ul {position:absolute; left:-9999px; top:-9999px; list-style-type:none;}

.dd_menu li:hover {position:relative; color:#fff;}

.dd_menu li:hover ul {left:0px; top:20px; background:lavender; padding:3px; border:1px solid grey; width:160px;}

.dd_menu li:hover ul li {height:22px; border:none;}

.dd_menu li:hover ul li a {height:22px; padding:0px; display:block; font-size:14px; width:158px; line-height:22px; text-indent:5px; color:#444; background-color:lavender; text-decoration:none; border:1px solid transparent;}

.dd_menu li:hover ul li a:hover {height:18px; background:silver; color:#000; border:solid 1px #444;}



/***** Hidden images ******/

img.hidden { display: none }



/***** Left Menu *****/

.left_menu {



}

/***** New jumptag buttons *****/
.new_button {
	padding:10px;
	border:1px #fff solid;
	border-radius:10px;
	-moz-border-radius:10px;
	margin-bottom:0px;
}
.new_button h3, p {
	margin:0px;
	padding:0px;
}

.new_button h3 a {
	text-decoration:none;
}

.new_button:hover {
	background-color:#FFC;
}

#iphone_preview #preview_image {
	height:346px;
	width:247px;
	padding-top:23px;
	padding-left:10px;
	background-image:url(../images/web_sample_background.jpg);
	float:left;
	margin-left:25px;
	margin-top:122px;
}

.qr_preview {
	float:right;
	text-align:center;
	color: #2086c8;
	padding:10px;
	width:210px;
	height:220px;
}
.icon {
	float:left;
	margin-right:10px;
}

#jname, #jbio {
	overflow:hidden;
}
 
