@charset "UTF-8";
/* 

Last Modified - 06/30/2009 [created]


Author:				Corey Haggard (http://www.coreymade.com
Primary Use:		Kodo Web Hosting Site
Copyright:			2009 Kodo Web Hosting / CoreyMade Creative Studios


 */



/*======================================================================
1.0 - BODY ELEMENTS
=======================================================================*/

body {	
	background-image:url(http://www.kodohost.com/images/background.jpg);
	background-repeat:repeat-x;
	background-color:#E4F3FB;
}
.clear {
	clear:both;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
h2 {
	font-family:"Lucida Grande";
	font-size:27px;
	font-weight:lighter;
	color:#178BC8;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#52AFE3;
	font-weight:lighter;
	margin:0px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	line-height:19px;
}
/*======================================================================
2.0 - CONTAINER (SITE WIDTH)
=======================================================================*/

.container {
	width:935px;
	margin-left:auto;
	margin-right:auto;
}

/*======================================================================
3.0 - TOP LINKS (CLIENT NAVIGATION)
=======================================================================*/
.top_nav {
	width:400px;
	float:right;
	text-align:right;
	padding-bottom:5px;
}
.top_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.top_nav ul li {	
	display:inline;
}
.top_nav ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding:0px 8px 0px 8px;
	border-right:1px solid #fff;
}

/*======================================================================
4.0 - SITE CONTAINER
=======================================================================*/

.site_container {	
	background-color:#fff;
	padding-left:15px;
	padding-right:0px;
}

/*======================================================================
5.0 - LOGO AND LIVE HELP 
=======================================================================*/

.logo {
	width:200px;
	float:left;
}
.help {
	width:187px;
	float:right;
}	

/*======================================================================
6.0 - MAIN NAVIGATION ELEMENTS
=======================================================================*/

.main_nav {
	width:550px;
	float:right;
}
.main_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.main_nav ul li {
	display:inline;
	background-image:url(http://www.kodohost.com/images/nav_div.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:10px;
}
.main_nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#168BC8;
}
.main_nav ul li a:hover {
	text-decoration:none;
}

/*======================================================================
7.0 - ROTATOR FOR HOMEPAGE
=======================================================================*/

.rotator {	
	margin-top:5px;
}

/*======================================================================
8.0 - HOMEPAGE 
=======================================================================*/

.hp_left {
	width:530px;
	float:left;
}
.hp_right {	
	width:367px;
	float:right;
	padding-top:25px;
}

/*======================================================================
8.1 - PLANS SECTIONS
=======================================================================*/

.plan_one {
	background-image:url(http://www.kodohost.com/images/plan1_bg.jpg);
	background-repeat:no-repeat;
}
.plan_two {
	background-image:url(http://www.kodohost.com/images/plan2_bg.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
}
.plan_three {
	background-image:url(http://www.kodohost.com/images/plan3_bg.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
}
.sub_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:bold;
	padding-left:80px;
	padding-bottom:15px;
}
.features_lt {
	width:171px;
	float:left;
	display:inline;
	margin-left:10px;
}
.features_rt {
	width:136px;
	float:left;
	display:inline;
	margin-left:20px;
}
.feature {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-top:4px;
	padding-bottom:4px;
}
.order_now {
	padding-top:5px;
	padding-bottom:15px;
	padding-left:10px;
}

/*======================================================================
8.2 - DEMO SECTION (FOR CPANEL)
=======================================================================*/

.demo {	
	background-image:url(http://www.kodohost.com/images/demo_bg.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	margin-top:25px;
}
.demo_heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333;
	padding-top:15px;
	padding-left:120px;
	padding-bottom:5px;
}
.demo_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	padding-top:0px;
	padding-left:120px;
	padding-top:4px;
}

/*======================================================================
9.0 - FOOTER
=======================================================================*/

.footer {
	padding-top:10px;
	padding-bottom:20px;
}
.ft_left {
	width:460px;
	float:left;
}
.ft_right {
	width:460px;
	float:right;
}

/*======================================================================
9.1 - FOOTER NAVIGATION
=======================================================================*/

.footer_nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.footer_nav ul li {
	display:inline;
}
.footer_nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3497CB;
	border-right:1px solid #3497CB;
	padding:0px 7px 0px 7px;
}

/*======================================================================
9.2 - LEGAL NAVIGATION ON FOOTER
=======================================================================*/

.legal {
	padding-top:15px;
	text-align:right;
}
.legal ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.legal ul li {
	display:inline;
}
.legal ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3497CB;
	border-right:1px solid #3497CB;
	padding:0px 7px 0px 7px;
}

/*======================================================================
9.3 - COPYRIGHT INFORMATION
=======================================================================*/

.copyright {
	text-align:right;
	padding-right:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding-top:10px;
}

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*=========================================
11.0 - COMPARISON CHART
==========================================*/

.comparison {
	padding-top:35px;
	padding-left:15px;
	padding-bottom:20px;
}
.explain {
	width:213px;
	font-family:Helvetica;
	line-height:15px;
	color:#666;
	font-size:12px;
	font-weight:normal;
	padding-top:3px;
}
.table_plan_name {
	font-family:Helvetica;
	font-size:15px;
	color:#989EA3;
	padding-top:5px;
	padding-bottom:5px;
	border-right:1px solid #E3E4E6;
	border-bottom:1px solid #E3E4E6;
	text-align:center;
}
.table_plan_name_end {
	font-family:Helvetica;
	font-size:15px;
	color:#989EA3;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #E3E4E6;
	text-align:center;
}
.table_heading {
	font-family:Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#178BC8;
	padding-top:5px;
	padding-bottom:5px;
	border-right:1px solid #E3E4E6;
	border-bottom:1px solid #E3E4E6;
}
.table_feature {
	font-family:Helvetica;
	font-size:16px;
	font-weight:lighter;
	color:#A4BD59;
	padding-top:6px;
	padding-bottom:6px;
	border-right:1px solid #E3E4E6;
	border-bottom:1px solid #E3E4E6;
}
.table_feature:hover {
	background-color:#EAEBEE;
}
.table_amount {
	font-family:Helvetica;
	font-size:15px;
	font-weight:bold;
	color:#666;
	text-align:center;
	border-right:1px solid #E3E4E6;
	border-bottom:1px solid #E3E4E6;
}
.table_amount_end {
	font-family:Helvetica;
	font-size:15px;
	font-weight:bold;
	color:#666;
	text-align:center;
	border-bottom:1px solid #E3E4E6;
}
.table_spacer {
	height:30px;
}
.table_top {
	background-image:url(http://www.kodohost.com/images/plans_top.jpg);
	background-repeat:no-repeat;
}
.tb_name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#178BC8;
	
	text-align:center;
}

/*======================================================================
12.0 - FEATURES BOX WITH ICONS
=======================================================================*/

.support_box {
	background-image:url(http://www.kodohost.com/images/support_bg.jpg);
	background-repeat:no-repeat;
	width:280px;
	display:inline;
	float:left;
	padding-top:10px;
	padding-bottom:15px;
}
.features_box {
	background-image:url(http://www.kodohost.com/images/features_bg.jpg);
	background-repeat:no-repeat;
	width:280px;
	display:inline;
	margin-left:20px;
	float:left;
	padding-top:10px;
	padding-bottom:15px;
}
.control_box {
	background-image:url(http://www.kodohost.com/images/easy_control.jpg);
	background-repeat:no-repeat;
	width:280px;
	display:inline;
	margin-left:20px;
	float:left;
	padding-top:10px;
	padding-bottom:15px;
}
.box_head {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#178BC8;
}
.box_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#666;
}

.sub_head {
	width:910px;
	background-image:url(http://www.kodohost.com/images/sub_page_header.jpg);
	background-repeat:no-repeat;
	padding-top:15px;
	padding-bottom:20px;
	margin-top:5px;
}