﻿/* Start General Settings */





body {
	top:0px;
	margin:0px;
	text-align:center;
	font-size:12px;
	font-family:arial;
	background:url(../images/bg.gif) #bd9469;
	color:#000;
	text-align:center;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border: none;
}
.hidden {
	display:none;
}

/*  Settings */

div#website-wrapper {
	width:946px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height:auto;
	overflow-y:auto;
	padding-bottom:20px;
}
#phone-number {
	margin-top:8px;
	height:23px;
	padding-right:4px;
	color:white;
	font-size:14px;
	text-align:right;
}
#phone-number img {
	padding-right:5px;
}
div#header {
	width:946px;
	height:126px;
	overflow:hidden;
}
div#footer {
	width:946px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:auto;
	overflow-y:auto;
	padding-bottom:20px;
}
div#footer-menu {
	color:white;
	font-size:15px;
	font-weight:bold;
}
div#footer-menu a{
	color:white;
	text-decoration:none;
}
div#footer-menu a:hover {
	text-decoration:underline;
}
div#copyrights {
	margin-top:10px;
}
div#copyrights span{
	color:#333333;
	font-size:11px;
}
div#copyrights a {
	color:#333333;
}
div#copyrights a:hover {
	text-decoration:none;
}
div#copyrights img{
	vertical-align:middle;
	padding-right:10px;
}

/*  Menu */

div#menu {
	margin-top:9px;
	width:946px;
	height:41px;
	background:url(../images/menu_bg.gif);
}
div#menu div.right {
	float:right;
	width:14px;
	height:41px;
	background:url(../images/menu_right.gif);
}
div#menu a {
	display:block;
	float:left;
	height:41px;
	color:white;
	text-decoration:none;
	font-size:16px;
}
div#menu a span.txt {
	display:block;
	float:left;
	height:30px;
	padding-top:11px;
	padding-right:10px;
	padding-left:10px;
	color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
div#menu a:hover,
div#menu a:hover span.txt {
	color:black;
}
div#menu a span.lft {
	float:left;
	width:1px;
	height:41px;
	background:url(../images/menu_l.gif);
	cursor:pointer;
}
div#menu a span.menuleft {
	display:blockl;
	float:left;
	width:13px;
	height:41px;
	background:url(../images/menu_left.gif);
	cursor:pointer;
}
div#menu a span.rgt {
	float:left;
	width:1px;
	height:41px;
	background:url(../images/menu_r.gif);
	cursor:pointer;
}
div#menu a.selected span.lft {
	background:url(../images/menu_l_g.gif);
}
div#menu a.selected span.menuleft {
	background:url(../images/menu_left_g.gif);
}
div#menu a.selected span.rgt {
	background:url(../images/menu_r_g.gif);
}
div#menu a.selected span.txt {
	background:url(../images/menu_bg_g.gif);
}


/* Content */

div#content {
	float:left;
	margin-top:9px;
	height:auto;
	overflow-y:auto;
}
div#content .top {
	width:706px;
	height:13px;
	background:url(../images/content_top.gif);
	overflow:hidden;
}
div#content .middle {
	width:660px;
	padding-left:23px;
	padding-right:23px;
	padding-bottom:10px;
	background:url(../images/content_bg.gif);
	height:auto;
	overflow-y:auto;
}
div#content .bottom {
	width:706px;
	height:13px;
	background:url(../images/content_bottom.gif);
	overflow:hidden;
}

div.homepagebenner {
	padding-top:10px;
	text-align:center;
}
div.homepagebenner img {
	margin-left:auto;
	margin-right:auto;
}

/* Right-Side */

div#rightside {
	margin:0px;
	float:right;
	margin-top:9px;
	height:auto;
	overflow-y:auto;
	padding-bottom:20px;
	overflow:hidden;
}
#twosideswrapper {
	width:946px;
}

/* Boxes */

div#three-boxes-wrapper {
	margin-top:15px;
	height:auto;
	overflow-y:auto;
	padding-bottom:15px;
}
div#three-boxes-wrapper div.box1 {
	float:left;
}
div#three-boxes-wrapper div.box1pur {
	float:right;
}
div#three-boxes-wrapper div.box1red {
	margin-left:20px;
}
div.box1 h2 a{
	text-decoration:none;
	color:white;
}
div.box1 h2 a:hover{
	text-decoration:underline;
}
div.box1 h2{
	display:block;
	margin:0px;
	padding:0px;
	width:168px;
	height:24px;
	padding-left:37px;
	padding-top:7px;
	color:white;
	font-size:17px;
}
div.box1red h2{
	background:url(../images/box1red_top.gif);
}
div.box1green h2{
	background:url(../images/box1green_top.gif);
}
div.box1pur h2{
	width:173px;
	background:url(../images/box1pur_top.gif);
}
div.box1 p{
	display:block;
	margin:0px;
	width:185px;
	height:209px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	color:#333333;
	font-size:14px;
}
div.box1 p a{
	color:#0000ff;
}
div.box1 p a:hover{
	text-decoration:none;
}
div.box1red p{
	background:#ffccff;
}
div.box1green p{
	background:#e5f2bf;
}
div.box1pur p{
	width:190px;
	background:#ccccff;
}
div.box1 img{
	display:block;
	margin:0px;
	margin-bottom:20px;
}
div.box1red img{
	border: 1px solid #bf99bf;
}
div.box1green img{
	border: 1px solid #acb58f;
}
div.box1pur img{
	border: 1px solid #9999bf;
}
div.box1 div.boxbottom {
	width:205px;
	height:8px;
	overflow:hidden;
}
div.box1red div.boxbottom {
	background:url(../images/box1red_bottom.gif);
}
div.box1green div.boxbottom {
	background:url(../images/box1green_bottom.gif);
}
div.box1pur div.boxbottom {
	width:210px;
	background:url(../images/box1pur_bottom.gif);
}


#rightside div.box2 {
	margin-bottom:10px;
}
div.box2 h2{
	display:block;
	margin:0px;
	padding:0px;
	width:210px;
	height:25px;
	padding-left:16px;
	padding-top:10px;
	color:white;
	font-size:17px;
}
div.box2yellow h2{
	background:url(../images/box2yellow_top.gif);
}
div.box2green h2{
	background:url(../images/box2green_top.gif);
}
div.box2pur h2{
	background:url(../images/box2pur_top.gif);
}
div.box2 .ctr{
	display:block;
	margin:0px;
	width:200px;
	height:auto;
	overflow-y:auto;
	padding-left:13px;
	padding-right:13px;
	padding-top:10px;
	color:#333333;
	font-size:14px;
	background:url(../images/box2_bg.gif);
	color:#666666;
}
div.box2yellow p{
	background:#ffccff;
}
div.box2green p{
	background:#e5f2bf;
}
div.box2pur p{
	width:190px;
	background:#ccccff;
}
div.box2 div.boxbottom {
	width:226px;
	height:12px;
	background:url(../images/box2_bottom.gif);
	overflow:hidden;
}
a.button-1 {
	display:block;
	float:right;
	color:white;
	text-decoration:none;
	height:33px;	
	overflow:hidden;
	margin-bottom:1px;
}
a.button-1 span.txt{
	display:block;
	float:left;
	height:27px;
	padding-top:6px;
	color:white;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	background:url(../images/button_1_bg.gif);
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}
a.button-1 span.lft{
	display:block;
	float:left;
	height:33px;
	width:6px;
	overflow:hidden;
	background:url(../images/button_1_l.gif);
	cursor:pointer;
}
a.button-1 span.rgt{
	display:block;
	float:left;
	height:33px;
	width:6px;
	overflow:hidden;
	background:url(../images/button_1_r.gif);
	cursor:pointer;
}

a.learnmore {
	display:block;
	float:right;
	text-align:right;
	font-size:15px;
	color:#666666;
	font-weight:bold;
	height:20px;
	overflow:hidden;
	text-decoration:none;
	margin-bottom:1px;
}
a.learnmore img {
	float:right;
}
a.learnmore span {
	display:block;
	float:right;
	margin-right:10px;
	cursor:pointer;
}
a.learnmore:hover,
a.learnmore:hover span {
	text-decoration:underline;
}

#testimonials .pic {
	display:block;
	text-align:center;
	padding-top:4px;
	padding-bottom:6px;
}
#testimonials .pic img{
	margin-left:auto;
	margin-right:auto;
}
#testimonials .learnmore{
	margin-top:5px;
}

#have-a-question .listitem {
	overflow:hidden;
	height:auto;
	overflow-y:auto;
	clear:left;
}
#have-a-question .listitem label{
	display:block;
	float:left;
	width:50px;
	padding-top:3px;
	color:#333333;
	font-size:13px;
}
#have-a-question .listitem input{
	display:block;
	float:right;
	width:137px;
	background:#e5f2bf;
	border: 1px solid #cccccc;
	color:#505050;
	padding-top:3px;
	padding-left:3px;
	height:17px;
	margin-bottom:6px;
	font-family:arial;
	font-size:13px;
}
#have-a-question .listitem textarea{
	display:block;
	width:194px;
	background:#e5f2bf;
	border: 1px solid #cccccc;
	color:#505050;
	padding-top:3px;
	padding-left:3px;
	height:50px;
	margin-bottom:6px;
	font-family:arial;
	font-size:13px;
}
#have-a-question a.button-1{
}

#website-examples img {
	margin-bottom:5px;
}
#get-started span.listitem {
	display:block;
	float:none;
	clear:both;
	height:auto;
	overflow-y:auto;
	margin-bottom:10px;
}
#get-started span.listitem span{
	display:block;
	float:left;
	padding-top:5px;
	padding-left:7px;
	width:163px;
}
#get-started span.listitem img{
	display:block;
	float:left;
}
#get-started .learnmore{
	margin-top:5px;
}
#quick-contact .alert{
	margin-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	height:auto;
	overflow-y:auto;
	background:white;
	display:none;
}

h2.example-ganim,
h2.example-websites {
	display:block;
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color:#8986ff;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:25px;
	background:url(../images/arrow_2p.gif) no-repeat;
	background-position: 0px 5px;
}
table.example-ganim-list {
	border: solid 1px #CCC;
	width: 660px;
}
table.example-ganim-list  td {
	width: 165px;
	padding: 10px 0;
}
table.example-ganim-list  td ul {
	direction: rtl;
	text-align: right;
	margin: 0 15px 0 0 ;
	padding: 0;
}
table.example-ganim-list ul li a{
	font-weight: bold;
}
hr { 
	margin:0px;
	padding:0px;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border:0px;
}


/* Content Page Settings */

#content-page a{
	color:#0000ff;
}
#content-page a:hover {
	text-decoration:none;
}
#content-page {
	font-size:14px;
	color:#333333;
	line-height:20px;
}
#content-page p {
	color:#333333;
	font-size:14px;
	line-height:20px;
}
#content-page h1 {
	margin:0px;
	padding:0px;
	display:block;
	height:31px;
	padding-top:8px;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#99cc00;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top:15px;
}
#content-page h2 {
	margin:0px;
	padding:0px;
	display:block;
	height:31px;
	padding-top:8px;
	font-size:18px;
	font-weight:bold;
	color:#8986ff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#content-page h3{
	margin:0px;
	padding:0px;
	margin-top:5px;
	padding-bottom:4px;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#84ba00;
}
#content-page hr { 
	margin:0px;
	padding:0px;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border:0px;
}

#how-does-kidster-work{
	margin-top:15px;
	height:auto;
	overflow-y:auto;
	margin-bottom:15px;
}
#how-does-kidster-work img.thephoto {
	display:block;
	float:left;
}
#how-does-kidster-work .abc {
	display:block;
	float:right;
	color:#666666;
	margin-top:10px;
}
#how-does-kidster-work .abc span.listitem {
	display:block;
	float:none;
	clear:both;
	height:auto;
	overflow-y:auto;
	margin-bottom:10px;
}
#how-does-kidster-work .abc span.listitem span{
	display:block;
	float:left;
	padding-top:5px;
	padding-left:7px;
	width:300px;
}
#how-does-kidster-work .abc span.listitem img{
	display:block;
	float:left;
}
#features {
	font-size:13px;
}
#features img.icon {
	float:left;
	padding-right:15px;
}
#features .feature {
	margin-top:15px;
	float:left;
	width: 100%;
}
#features h3{
	margin:0px;
	padding:0px;
	margin-top:5px;
	padding-bottom:4px;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#84ba00;
}

/* Gallery Settings */

#gallery-flow {
	position:relative;
	height:250px;
	overflow:hidden;
	margin-top:20px;
}
#gallery-flow img{
	position:absolute;
	border: 1px solid #c3c3c3;
}
#gallery-backyard{
	display:none;
	display:block;
}
#gallery-backyard img{
	position:absolute;
	border: 1px solid #c3c3c3;
	top:0px;
	left:17px;
	z-index:1;

}

/* Sign Up */

#sign-up-form {
	margin-top:10px;
}
#sign-up-form h2 {
	margin-top:5px;
}
#sign-up-form div.input-wrapper{
	height:auto;
	overflow-y:auto;
	margin-top:8px;
}
#sign-up-form div.input-wrapper label{
	float:left;
	width:150px;
	padding-top:3px;
	color:#333333;
	font-size:13px;
}
#sign-up-form div.input-wrapper input{
	float:left;
	width:200px;
	background:#e5f2bf;
	background:#f0f7dc;
	border: 1px solid #cccccc;
	color:#505050;
	color:#333333;
	padding-top:3px;
	padding-left:3px;
	height:17px;
	font-family:arial;
	font-size:13px;
}
#sign-up-form div.input-wrapper textarea{
	float:left;
	width:200px;
	background:#e5f2bf;
	background:#f0f7dc;
	border: 1px solid #cccccc;
	color:#505050;
	color:#333333;
	padding-top:3px;
	padding-left:3px;
	height:47px;
	font-family:arial;
	font-size:13px;
}
#sign-up-form div.input-wrapper select{
	width:150px;
	float:left;
}
#sign-up-form  .alert{
	font-weight:bold;
	color:red;
}

#caphcha-1 {
	display:none;
}
#caphcha-2 {
	display:none;
}

/* Small Gallery Settings */

#gallery {
	display:block;
	position:relative;
	width:200px;
	height:158px;
	overflow:hidden;
	background:white;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#gallery img.gallery-image {
	position:absolute;
	top:0px;
	left:0px;
}

/* More General Settings */

ul.effectless {
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}
ol.effectless {
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}
li.effectless {
	display: block;
}
div.red {
	background:red;
}
.pointer{
	cursor:pointer;
}
div.floatleft {
	float:left;
}
div.floatright{
	float:right;
}
div.floatnone{
	clear:both;
}
