/* Start of CMSMS style sheet 'basic-extend' */
/*====================================General==============================*/

*{margin:0; padding:0;}

body{background:#d1cbc2; font-size:12px; line-height:18px; color:#fff; font-family:Helvetica,"Trebuchet MS", Arial, sans-serif;}

#page {width:978px; margin:0 auto;}

#container{ margin:0; width:978px; height:773px; background:url(images/container.png); position:relative; top:0; left:0;}
#container2{ margin:0; width:978px; height:773px; background:url(images/container2.png); position:relative; top:0; left:0;}



.large{font-size:22px; margin-bottom:0;}

.large3{font-size:20px; margin-bottom:0;}
.style1 {
	font-size: 12px;
	color: #999999;
}
.style2 {
	color: #56A1D5;
	font-weight: bold;
}
.style4 {
	color: #56A1D5;
	font-style: italic;
}
.blue_bord{
border-top:1px solid #56a1d5;
}
.small{font-size:16px; font-weight:normal; margin-bottom:0;}

.large2{font-size:22px; margin-bottom:0;}

.clr{clear:both;}
h3{font-size:24px;
color:#f48029;
line-height:24px;
font-weight:normal;
}
h4{font-size:14px;
color:#f48029;
line-height:18px;
font-weight:bold;
}
p{margin-bottom:1.5em;}
h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
}
.ex{font-size:12px;
font-style:italic;
}

/*===============================Header==================================*/

.logo{background:url(images/logo.jpg) ; width:333px; height:73px; position:absolute; left:15px; top:11px;}

#nav{
	background-color:#421400;
	width:964px;
	height:34px;
	position:absolute;
	top:95px;
	left:7px;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
}
#nav ul{
margin:8px 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}
#nav li{
margin:0 15px 0 15px;
padding:0;
list-style-type:none;
display:inline;
}
#nav a{
color:#FFFFFF;
text-decoration:none;
}
#nav a:hover{
text-decoration:underline;
}
#top_nav a{
color:#56a1d5;
text-decoration:none;
}
#top_nav a:hover{
text-decoration:underline;
}
#top_nav{
	position:absolute;
	right:10px;
	top:10px;
	color:#56a1d5;
	text-align:right;
	width:200px;
	height:22px;
}

#slogan{
	background:url(images/slogan.jpg);
	width:330px;
	height:29px;
	position:absolute;
	right:10px;
	top:53px;
}
#star{
	position:absolute;
	right:15px;
	top:32px;
	width:27px;
	height:26px;
	background-image:url(images/bluestar.gif);
}
.none{margin:0; padding:0;}

/*===================================== About Page ======================================*/
#about{
	position:absolute;
	top:136px;
	left:17px;
	width: 944px;
	height:409px;
	color:#421400;
}
#about img{ margin: 2px 10px 5px 0;
}


#about table{
margin-bottom:12px;
}

#family_pic{
background-image:url(images/family.jpg);
width:269px;
height:191px;
position:relative;
top:3px;
left:20px;
}
.about_footer-img{
margin:3px 55px 0 20px;

}

#about_footer h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
margin-top:24px;
}


/*===================================== Sittercity Page ======================================*/
#sitter{
	position:relative;
	
font-size:14px;
	
	width: 944px;
	color:#421400;
}

#sitter table{
margin-bottom:5px;
}
#sitter h3{font-size:24px;
color:#f48029;
line-height:30px;
font-weight:normal;
}
#sitter h4{font-size:30px;
color:#d35c1b;
line-height:30px;
font-weight:bold;
}

#sitter h5{
font-size:18px;
text-align:center;
font-weight:normal;
}
#sitter b{
color:#56a1d5;
}


/*===================================== Contact Page ======================================*/
#contact{
	position:absolute;
	top:136px;
	left:17px;
	width: 944px;
	height:366px;
	color:#421400;
	font-size:14px;
	line-height:21px;
}
#contact img{ margin: 2px 10px 5px 0;
}
#contact a{ 
color:#56a1d5;
text-decoration:none;
}
#contact a:hover{ 
text-decoration:underline;
}

#contact table{
margin-bottom:12px;
}

/*===================================== Contact Page Too ======================================*/

#container3{
	margin:0;
float:left;
clear:left;
	width:978px;
	position:relative;
	background-image: url(images/bg_sham_wow.gif);
}
#header_container{
	margin:0;
float:left;
clear:left;
	width:978px;
	position:relative;
	
}
#container4{
	margin:0;
	width:978px;
	position:relative;
float:left;
clear:left;
background-image: url(images/bg_sham_wow.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}
#contact2{
	position:relative;
	top:136px;
	left:17px;
float:left;
clear:left;
	width: 944px;
	height:2000px;
	color:#421400;
	font-size:14px;
	line-height:21px;
}
#contact2 img{ 
margin: 2px 10px 5px 0;
}
#contact2 a{ 
color:#56a1d5;
text-decoration:none;
}
#contact2 a:hover{ 
text-decoration:underline;
}

#contact2 table{
margin-bottom:12px;
}


/*===================================== Contact Page Too Footer ======================================*/

#faq_footer2 {
	background:url(images/about_footer.gif) bottom left;
	width:964px;
	height:139px;
	position:absolute;
	top:1901px;
	left:7px;}



#faq_footer2 h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
margin:14px 0 0 20px;
}
#faq_footer2 p{
margin:14px  40px .25em 40px;
font-size:18px;
line-height:24px;
}

#copyright{
	color:#4da2d2;
	width:964px;
	text-align:center;
	position:absolute;
	top:746px;
	left:7px;
}
#bottom_left2{
	color:#4da2d2;
	width:525px;
	text-align:left;
	position:absolute;
	top:2050px;
	font-size:10px;
	left:10px;
}
#bottom_right2{
	color:#4da2d2;
	width:550px;
	font-size:10px;
	text-align:right;
	position:absolute;
	top:2050px;
	right:10px;
}


#bottom_right2 a{
color:#56a1d5;
text-decoration:none;
}
#bottom_right a:hover{
text-decoration:underline;
}

#formbox{
	width:558px;
	height:128px;
	position:absolute;
	top:19px;
	left:20px;
	line-height:24px;
}


#form2{margin:5px 0 0 20px; width:410px; height:80px; position:relative;}

.submit{ color:#fff; background:#421400; border:#421400 1px solid; width:86px; height:23px; font-size:16px;  }

#contact_copy{top:20px; left:0; position:absolute; text-align:center; width:964px; float:left; line-height:24px; font-weight:lighter;}


/*===================================== Prolicy Page ======================================*/

#policies{
	width:700px;
	overflow:auto;
	border:1px solid #1469a4;
	font-size:11px;
	line-height:16px;
	height:322px;
	padding:3px;
	}


/*===================================== Preorder Page ======================================*/
#preorder{
	position:absolute;
	top:136px;
	left:17px;
	width: 944px;
	height:366px;
	color:#421400;
}
#preorder img{ margin: 2px 10px 5px 0;
padding-bottom:15px;
}


#preorder table{
margin-bottom:12px;
}

#preorder_footer{
	background:url(images/about_footer.gif);
	width:964px;
	height:241px;
	position:absolute;
	top:502px;
	left:7px;
	background-image: url(images/preorder_bottom.gif);
}

#preorder_footer h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
margin:14px 0 0 20px;
}

#preorder_footer p{
margin:14px  40px .25em 40px;
font-size:18px;
line-height:24px;
}
#preorder_footer input{
margin:0;
padding:0;
}
#preorder_footer a{
color:#FFFFFF;
font-size:18px;
line-height:34px;
text-decoration:none;
}
#preorder_footer a:hover{

text-decoration:underline;
}

#preorder_footer td{
font-size:14px;
line-height:20px;
}
#preorder_footer ul{
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}
#preorder_footer li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}
.submit2{
text-indent:-5000px;
margin-top:4px;
}


#preorder_footer2{
	background:url(images/about_footer.gif) no-repeat bottom left;
	width:964px;
	height:202px;
	position:absolute;
	top:542px;
	left:7px;
	background-image: url(images/preorder_bottom.gif);
}
#preorder_footer2 h2{font-size:24px;
color:#fff;
line-height:18px;
font-weight:normal;
margin:12px 0 0 20px;
}

#preorder_footer2 p{
margin:14px  40px .25em 40px;
font-size:14px;
line-height:20px;
}
#preorder_footer2 input{
margin:0;
padding:0;
}
#preorder_footer2 a{
color:#FFFFFF;
font-size:18px;
line-height:34px;
text-decoration:none;
}
#preorder_footer2 a:hover{

text-decoration:underline;
}

#preorder_footer2 td{
font-size:14px;
line-height:20px;
}
#preorder_footer2 ul{
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}
#preorder_footer2 li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}


/*=====================================Left Picture======================================*/

#content1{
	background:url(images/picture1.jpg) ;
	width:321px;
	height:357px;
	top:136px;
	position:absolute;
	left:8px;
}
#easy_find{background:url(images/easy_to_find.png); width:323px; height:57px; position:absolute; top:0; left:-1px;}

.easy_find{background:url(images/easy_to_find.png); width:323px; height:57px; position:absolute; top:0; left:-1px;}

#find{background:url(images/find_holder.png); width:321px; height:58px; top:290px; left:0; position:absolute;}

#find p{margin:0 20px 0 20px;}

/*========================================Middle Picture======================================*/

#content2{
	background:url(images/picture2.jpg) ;
	width:322px;
	height:357px;
	position:absolute;
	left:329px;
	top:136px;
}
#easy_use{background:url(images/easy_to_use.png) ; width:322px; height:57px; position:absolute; top:0; left:0;}

.easy_use{background:url(images/easy_to_use.png) ; width:322px; height:57px; position:absolute; top:0; left:0;}

#use{background:url(images/use_holder.png); width:322px;  height:58px; top:290px; left:0; position:absolute;}

#use p{margin:0 20px 0 20px;}

/*============================================Right Picture=======================================*/

#content3{
	background:url(images/picture3.jpg) ;
	width:320px;
	height:357px;
	top:136px;
	position:absolute;
	left:651px;
}
#easy_understand{background:url(images/easy_to_understand.png) ; width:320px; height:57px; position:absolute; top:0; left:0;}

.easy_understand{background:url(images/easy_to_understand.png) ; width:320px; height:57px; position:absolute; top:0; left:0;}

#understand{background:url(images/understand_holder.png) ; width:319px; height:58px; top:290px; left:0; position:absolute;}

#understand p{margin:0 20px 0 20px;}

/*=================================================Footer=====================================*/

#comingsoon{position:absolute; top:512px; width:978px; left:0; height:36px; text-align:center;}
 
#footer{background:url(images/footer.jpg) ; width:964px; height:162px; position:absolute; top:565px; left:7px;}

#about_footer{
	background:url(images/about_footer.gif);
	width:964px;
	height:198px;
	position:absolute;
	top:545px;
	left:7px;
}


#call{
	position:absolute;
	top:30px;
	left:620px;
	width:279px;
	text-align:center;
	line-height:24px;
	height: 83px;
}

#call a{color:#FFFFFF;}

#copyright{
	color:#4da2d2;
	width:964px;
	text-align:center;
	position:absolute;
	top:746px;
	left:7px;
}
#bottom_left{
	color:#4da2d2;
	width:525px;
	text-align:left;
	position:absolute;
	top:746px;
	font-size:10px;
	left:10px;
}
#bottom_right{
	color:#4da2d2;
	font-size:10px;
	text-align:right;
	position:absolute;
	top:746px;
	right:17px;
}

#bottom_right a{
color:#56a1d5;
text-decoration:none;
}
#bottom_right a:hover{
text-decoration:underline;
}

#formbox{
	width:558px;
	height:128px;
	position:absolute;
	top:19px;
	left:20px;
	line-height:24px;
}


#form2{margin:5px 0 0 20px; width:410px; height:80px; position:relative;}

.submit{ color:#fff; background:#421400; border:#421400 1px solid; width:86px; height:23px; font-size:16px;  }

#contact_copy{top:20px; left:0; position:absolute; text-align:center; width:964px; float:left; line-height:24px; font-weight:lighter;}


/*================================================= Mootools =====================================*/

#accordion {
	margin:0px 0px 0 230px;
	width:700px;
}


h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 12px;
	background: #D2E0E6;
	color: #1469a4;
	margin: 0 0 4px 0;
	padding: 2px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:2px;
	
}

blockquote {
	padding:5px 20px;
}
.answer{
font-size:12px;
line-height:18px;
margin:0 0 0 10px;
}

#faq_footer{
	background:url(images/about_footer.gif) bottom left;
	width:964px;
	height:139px;
	position:absolute;
	top:604px;
	left:7px;}



#faq_footer h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
margin:14px 0 0 20px;
}
#faq_footer p{
margin:14px  40px .25em 40px;
font-size:18px;
line-height:24px;
}

/*============== sitterfooter ==============*/

#s_bottom_left{
	color:#4da2d2;
	width:525px;
	text-align:left;
	position:absolute;
	top:946px;
	font-size:10px;
	left:10px;
}
#s_bottom_right{
	color:#4da2d2;
	font-size:10px;
	text-align:right;
	position:absolute;
	top:906px;
	right:17px;
}

#s_bottom_right a{
color:#56a1d5;
text-decoration:none;
}
#s_bottom_right a:hover{
text-decoration:underline;
}


#container_sitter{ margin:0; width:978px; height:923px; background:url(images/container2.png); position:relative; top:0; left:0;}



#preorder_footer3{
background:url(images/preorder_bottom.gif) no-repeat bottom left;
	width:964px;
	height:212px;
	position:absolute;
	top:-240px;
	left:7px;
	color:#FFFFFF;
}
#preorder_footer3 h2{font-size:24px;
color:#fff;
line-height:18px;
font-weight:normal;
margin:12px 0 0 20px;
}

#preorder_footer3 p{
margin:14px  40px .25em 40px;
font-size:14px;
line-height:20px;
}
#preorder_footer3 input{
margin:0;
padding:0;
}
#preorder_footer3 a{
color:#FFFFFF;
font-size:18px;
line-height:34px;
text-decoration:none;
}
#preorder_footer3 a:hover{

text-decoration:underline;
}

#preorder_footer3 td{
font-size:14px;
line-height:20px;
}
#preorder_footer3 ul{
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}
#preorder_footer3 li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}
#sext_container_mc{ margin:0 auto; padding:136px 12px 260px 17px; width:944px; color:#421400; background:url(images/extendo_back.gif) repeat-y; position:relative; top:0; left:0;  min-height:150px; height:auto !important; height:150px;}

#ext_container_bottom{ margin:0; width:978px; background:url(images/extendo_bottom.jpg) no-repeat; height:18px; position:absolute; bottom:-18px; left:0;}
#sext_bottom_left{
	color:#421400;
	width:525px;
	text-align:left;
	position:absolute;
	top:18px;
	font-size:10px;
	left:10px;
}
#sext_bottom_left a{
	color:#421400;
}
#sext_bottom_right{
	color:#4da2d2;
	width:622px;
	font-size:10px;
	text-align:right;
	position:absolute;
	top:-10px;
	right:10px;
}
#sext_bottom_right a{
color:#56a1d5;
text-decoration:none;
}
#sext_bottom_right a:hover{
text-decoration:underline;
}

/*==========================================  Super Extendo Fun time!  =====================================*/


#minicart{width:209px; border:1px solid #56a1d5; color:#56a1d5; position:absolute; right:17px; top:136px;}

#ext_container{ margin:0; padding:136px 17px 170px 17px; width:944px; color:#421400; background:url(images/extendo_back.gif) repeat-y; position:relative; top:0; left:0;  min-height:150px; height:auto !important; height:150px;}

#ext_container_mc{ margin:0; padding:136px 236px 170px 17px; width:725px; color:#421400; background:url(images/extendo_back.gif) repeat-y; position:relative; top:0; left:0;  min-height:150px; height:auto !important; height:150px;}

#ext_container_bottom{ margin:0; width:978px; background:url(images/extendo_bottom.jpg) no-repeat; height:18px; position:absolute; bottom:-18px; left:0;}

#ext_container table a{
color:#56a1d5;
text-decoration:none;
}
#ext_container table a:hover{ 
text-decoration:underline;
}
#ext_bottom_left{
	width:525px;
	text-align:left;
	position:absolute;
	bottom:-20px;
	font-size:10px;
	left:10px;
	color:#440300;
	line-height: 12px;
}
#ext_bottom_left a{
color:#421400;
text-decoration:none;
}
#ext_bottom_left a:hover{
text-decoration:underline;
}
#ext_bottom_right{
	color:#4da2d2;
	font-size:10px;
	text-align:right;
	position:absolute;
	top:-15px;
	right:15px;
}
#ext_bottom_right a{
color:#56a1d5;
text-decoration:none;
}
#ext_bottom_right a:hover{
text-decoration:underline;
}

#ext_footer{
	background:url(images/about_footer.gif) bottom left;
	width:964px;
	height:139px;
	position:absolute;
	top:-160px;
	left:7px;
	color:#FFFFFF;
}

#ext_footer h2{font-size:24px;
color:#fff;
line-height:24px;
font-weight:normal;
margin:14px 0 0 20px;
}
#ext_footer p{
margin:14px  40px .25em 40px;
font-size:18px;
line-height:24px;
}


.child{
	background:url(images/childrens_club1.gif) no-repeat;
	width:300px;
	height:60px;
	position:absolute;
	top:136px;
	left:662px;
	display:block;
	text-indent:-5000px;
}
/* New Footer by James Sloane */

.sub-text{
	position:absolute;
	width:978px;
	bottom:-45px;
	font-size:10px;
	color:#440300;
	left: 10px;
	line-height: 12px;
}
.sub-text a{
color:#421400;
text-decoration:none;
}
.sub-text a:hover{
text-decoration:underline;
}
/* End of 'basic-extend' */

