/*-- global page defaults --*/

body{
	font-family:Arial, Helvetica;
	margin:0;
	padding:0;
	background-image:url(images/body-bg.png);
	background-repeat:repeat-x;
	background-color:#f5f5f5;
	}
	
a:active {
	outline:none;
	}

a:focus {
	-moz-outline-style:none;
	}

/*-- global object defaults --*/

form {
	padding:0;
	margin:0;
	}
	
input {
	padding:0;
	margin:0;
	}
	
img {
	border:0;
	}
	
a img {
	border:0;
	}
	
label {
	font-weight:bold;
	}
	
.error-msg {
	color:#cc0000;
	font-size:11px;
	}
	
#special-note, #special-note a {
	color:#cc0000;
	font-size:11px;
	}
	
.label-error-msg {
	color:#cc0000;
	}
	
.notify-msg {
	color:#33cc00;
	font-size:11px;
	}
	
.clear {
	clear:both;
	}

.divider-sm {
	height:25px;
	clear:both;
	}

.divider-md {
	height:40px;
	clear:both;
	}
	
.share {
	float:left;
	}

.learn_button input {
	font-family:Arial, Helvetica;
    font-size: 11px;
    color: #666;
    text-align:center;
	overflow: visible;
	min-width:75px;
	padding:5px;
	margin:10px 0 0 0;
	border:0;
	background-color:#fff;
	background-image:url(images/learn-bg.png);
	background-repeat:repeat-x;
	cursor: pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}

.submit_button input {
	font-family:Arial, Helvetica;
    font-size: 14px;
    color: #fff;
    text-align:center;
	overflow: visible;
	min-width:120px;
	padding:5px;
	margin:0;
	border:0;
	background-color:#000;
	background-image:url(images/btn-bg.png);
	background-repeat:repeat-x;
	cursor: pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}

input[type=text] {
	font-family:Arial, Helvetica;
	font-size:14px;
	background-color:#fff;
	border:#ccc 1px solid;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px 4px 3px 4px;
	height:20px;
	width:225px;
	}
	
input[type=password] {
	font-family:Arial, Helvetica;
	font-size:14px;
	background-color:#fff;
	border:#ccc 1px solid;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px 4px 3px 4px;
	height:20px;
	width:225px;
	}
	
label.error {
	font-size:11px;
	float:none;
	color:#cc0000;
	padding-left:5px;
	padding-bottom:5px;
	}

input.error {
	border:#cc0000 1px solid;
	}
	
#prod-views img {
	float:left;
	border:#ccc 1px solid;
	margin:5px 15px 0 0;
	}
	
/*-- header --*/

#header {
	width:100%;
	height:101px;
	background-image:url(images/head-bg.png);
	background-repeat:repeat-x;
	}
	
#header-cont {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header-cont .logo {
	margin-left:-10px;
	}

#main {
	width:100%;
	}
	
#main-cont {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}

/*-- module display index --*/

.dev-col-header {
	font-family:Arial, Helvetica;
    font-size: 24px;
	font-weight: normal;
    color: #333;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
}

.mod-col-header {
	font-family:Arial, Helvetica;
    font-size: 24px;
	font-weight: normal;
    color: #333;
	margin:35px 0 15px 0;
	padding:0;
	text-align:center;
}


.dev-col-pre {
	display:none;	
}

.dev-col-lt, .dev-col-md, .dev-col-rt {
	float:left;
	}
	
.dev-col-lt a {
	background-image:url(images/blocks-index.png);
	width:196px;
	height:230px;
	display:block;
	}
	
.dev-col-lt a:hover {
	background-image:url(images/blocks-index-hv.png);
	}

.dev-col-md a {
	background-image:url(images/monthly-index.png);
	width:196px;
	height:230px;
	display:block;
	}
	
.dev-col-md a:hover {
	background-image:url(images/monthly-index-hv.png);
	}
	
.dev-col-rt a {
	background-image:url(images/retainer-index.png);
	width:196px;
	height:230px;
	display:block;
	}
	
.dev-col-rt a:hover {
	background-image:url(images/retainer-index-hv.png);
	}

/*-- module display index --*/

.mod-col-lt, .mod-col-rt {
	float:left;
	}
	
.mod-col-lt a {
	background-image:url(images/ksega-index.png);
	width:294px;
	height:150px;
	display:block;
	}
	
.mod-col-lt a:hover {
	background-image:url(images/ksega-index-hv.png);
	}

.mod-col-rt a {
	background-image:url(images/kseve-index.png);
	width:294px;
	height:150px;
	display:block;
	}
	
.mod-col-rt a:hover {
	background-image:url(images/kseve-index-hv.png);
	}
	
/*-- resource payment display --*/

.res-col-lt, .res-col-rt {
	float:left;
	}
	
.res-col-lt a {
	background-image:url(images/resources-index.png);
	width:294px;
	height:150px;
	display:block;
	}
	
.res-col-lt a:hover {
	background-image:url(images/resources-index-hv.png);
	}

.res-col-rt a {
	background-image:url(images/make-payment.png);
	width:294px;
	height:150px;
	display:block;
	}
	
.res-col-rt a:hover {
	background-image:url(images/make-payment-hv.png);
	}

/*-- social displays --*/

#facebook-share {
	background-image:url(images/facebook-share-rtcol.png);
	width:250px;
	height:80px;
	margin-bottom:20px;
	}
	
#facebook-share .facebook-count {
	top:10px;
	margin-left:185px;
	position:relative;
	}
	
#twitter-share {
	background-image:url(images/twitter-share-rtcol.png);
	width:250px;
	height:80px;
	margin-bottom:20px;
	}
	
#twitter-share .twitter-count {
	top:10px;
	margin-left:182px;
	position:relative;
	}


/*-- sub head --*/

	
#subhead-cont-lt {
	height:34px;
	color:484848;
	width:450px;
	padding-top:18px;
	text-align:left;
	float:left;
	}
	
#subhead-cont-rt {
	height:34px;
	color:484848;
	width:450px;
	padding-top:18px;
	text-align:right;
	float:left;
	}
	
#subhead-cont-lt a, #subhead-cont-rt a {
	color:#484848;
	font-size:12px;
	text-decoration:none;
	}

#subhead-cont-lt a {
	margin-left:10px;
	}
	
#subhead-cont-lt a:hover, #subhead-cont-rt a:hover {
	text-decoration:underline;
	}

/*-- main column --*/


#main-col-lt {
	color:#484848;
	font-size:12px;
	float:left;
	width:588px;
	margin-right:20px;
	margin-bottom:20px;
	padding:20px;
	background-color:#fff;
	border:#ccc solid 1px;
	border-radius:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	}
	
#main-col-lt a {
	color:#484848;
	font-size:12px;
	text-decoration:none;
	}
	
#main-col-lt a:hover {
	text-decoration:underline;
	}
	
#main-col-lt hr {
	height:1px;
	border:none 0;
	border-top:1px solid #eeeeee;
	background-color:transparent;
	}
	
#main-col-lt h2 {
	color:#484848;
	font-size:24px;
	margin:0 0 5px 0;
	padding:0;
	}
	
#main-col-lt h3 {
	color:#484848;
	font-size:20px;
	margin:0;
	padding:0;
	}
	
#main-col-lt h5 {
	color:#484848;
	font-size:18px;
	margin:0;
	padding:0;
	}
	
#main-col-lt .prod-price {
	font-size:20px;
	color:#9e4518;
	font-weight:bold;
	margin-top:4px;
	}
	
#main-col-lt .prod-price-lg {
	font-size:26px;
	color:#9e4518;
	font-weight:bold;
	}
	
#main-col-lt .breadcrumbs, #main-col-lt .breadcrumbs a, #main-col-rt .breadcrumbs, #main-col-rt .breadcrumbs a {
	font-size:11px;
	text-decoration:none;
	}
	
#main-col-lt .breadcrumbs a:hover, #main-col-rt .breadcrumbs a:hover {
	font-size:11px;
	text-decoration:underline;
	}
	
#main-col-lt .main-bot-links {
	margin-top:40px;
	text-align:center;
    bottom:0;
	}

#main-col-lt .main-bot-links, #main-col-lt .main-bot-links a {
	color:#484848;
	font-size:12px;
	text-decoration:none;
	}
	
#main-col-lt .main-bot-links a:hover {
	text-decoration:underline;
	}
	
#main-col-lt .copyright {
	font-size:10px;
	}
	
#main-col-lt .partner-logos {
	margin:40px 0 0 0;
	width:548px;
	margin-left:auto;
	margin-right:auto;
	}

#main-col-lt .partner-logos .partner-logo {
	width:109px;
	float:left;
	text-align:center;
	}
	
#main-col-lt .lt-col {
	width:50%;
	float:left;
	}
	
#main-col-lt .rt-col {
	width:50%;
	float:left;
	}
	
/*-- category tree column --*/
	
#main-col-rt .facebook-share {
	background-image:url(images/facebook-share-rtcol.png);
	width:250px;
	height:80px;
	margin-bottom:20px;
	}
	
#main-col-rt .facebook-count {
	top:10px;
	margin-left:185px;
	position:relative;
	}
	
#main-col-rt .twitter-share {
	background-image:url(images/twitter-share-rtcol.png);
	width:250px;
	height:80px;
	margin-bottom:20px;
	}
	
#main-col-rt .twitter-count {
	top:10px;
	margin-left:182px;
	position:relative;
	}

#main-col-rt .col-item {
	margin-bottom:19px;
	}

#main-col-rt {
	color:#484848;
	float:left;
	width:250px;
	}
	
#main-col-rt p {
	margin:0;
	padding:0;
	}
	
#main-col-rt a {
	color:#484848;
	text-decoration:none;
	}	
	
#main-col-rt a:hover {
	text-decoration:underline;
	}	

#main-col-rt h2 {
	color:#484848;
	font-size:20px;
	margin:0 0 5px 0;
	padding:0;
	}
	
#main-col-rt hr {
	height:1px;
	border:none 0;
	border-top:1px solid #eeeeee;
	background-color:transparent;
	}
	
#shop-cart {
	width:208px;
	padding:14px 20px 14px 20px;
	margin-bottom:20px;
	font-size:12px;
	line-height: 18px;
	background-color:#fff;
	border:#ccc solid 1px;
	border-radius:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	}
	
.social-display {
	width:125px;
	margin-left:auto;
	}

/*-- partner columns --*/

.part-lt {
	color:#484848;
	font-size:12px;
	line-height: 16px;
	width:254px;
	float:left;
	}

.part-rt {
	color:#484848;
	font-size:12px;
	line-height: 16px;
	width:254px;
	float:left;
	margin-left:40px;
	}

/*-- example code display --*/
	
pre {
	font-size:12px;
	padding:15px;
	margin:0;
	background:#eaeaea;
	border:#bababa solid 1px;
	line-height:20px;
	width:510px;
	overflow:auto;
	overflow-Y:hidden;
	}
	
pre code {
	margin:0;
	padding:18px 0;
	display:block;
	}
	
/*-- repository main display --*/
	
.repo-lt {
	float:left;
	width:274px;
	height:75px;
	padding-top:25px;
	}
	
.repo-rt {
	float:right;
	width:274px;
	height:75px;
	padding-top:25px;
	}


/*-- twitter display --*/

#twitter {
	width:208px;
	padding:14px 20px 14px 20px;
	margin-bottom:40px;
	font-size:12px;
	line-height: 18px;
	background-color:#fff;
	border:#ccc solid 1px;
	border-radius:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	}

#twitter .tweet_time a { text-decoration:none; font-size:10px; }

#twitter .tweet_time a:hover { text-decoration:underline; font-size:10px; }

.tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
	  }

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}


#featurelist-lt, #featurelist-rt  {
width:275px;
margin-top:15px;
margin-right:10px;	
}

#featurelist-lt {
	float:left;
	}
	
#featurelist-rt {
	float:right;
	}


#featurelist-lt h2, #featurelist-rt h2 {
color:#333;
font-size:18px;
font-weight:normal;
margin:0 0 0 60px;
padding-top:8px;
}

#featurelist-lt p, #featurelist-rt p {
font-size:12px;
line-height:20px;
margin:5px 0 0 60px;
color:#666;
padding:0;
}

#featurelist-lt .feature, #featurelist-rt .feature {
margin-bottom:15px;
clear:both;
}

#featurelist-lt .feature img, #featurelist-rt .feature img {
float:left;
margin-right:10px;
}

#plandisplay {
	margin-top:20px;
}

#plandisplay .plan {
	float:left;
	width:147px;
	text-align:center;
	margin-bottom:15px;
}

#plandisplay .plan h2 {
color:#333;
font-size:18px;
font-weight:bold;
margin:0;
padding:0;
}

#plandisplay .plan .price {
color:#9e4518;
font-size:14px;
font-weight:normal;
}

#plandisplay .plan .startup {
font-size:11px;
line-height:16px;
color:#666;
}

#plandisplay .plan .signup {
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:92px;
height:33px;
background-image:url(images/signup-btn-hover.png)
}

#plandisplay a:hover img {
visibility:hidden;
}

#plandisplay a:hover {
text-decoration:none;
}