/* --------------------- SB -------------------------------------------- */
/* --------------------- L7 -------------------------------------------- */
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }
/* ------------------ global elements----------------------------------- */
body { 
	background:#c31230 url(../images/bg-body.jpg) top repeat-x;
	text-align:center; 
	font:17px/18px Helvetica, Arial, sans-serif; 
	color:#000;
	}
blockquote { margin-left:10px; margin-right:10px; }
h1	{ font-size:20px; color:#c41230; }
h2	{ font-size:20px; color:#c41230; }
h3	{ font-size:1.0em; color:#c41230; }
h1 span,h2 span,h3 span	{ display:none; }
a:link,a:visited	{ color:#CC0000; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:none; outline:none; }
div.clear	{ clear:both; height:.01em; overflow:hidden; }
img.img-left { float:left; margin:0px; }
img.img-right { float:right; margin:0px; }
img.img-right2 { float:right; margin:0px 0 30px 0; }
img.img-top { float:left; padding-top:68px; }
span.red {color:#c41230;}

/* -------- wraps-containers ------------------------------------------------------------ */
#wrap-container {
	background:#fff url(../images/bg-wrap.jpg) repeat-x;
	margin:0 auto;
	text-align:center;
	}
#wrap {
	width:1000px;
	margin:0 auto;
	text-align:left;
	}
#masthead-container {
	background:url(../images/masthead.jpg);
	height:177px;
	}
	
#masthead { width:255px; height:92px; margin:0 0 0 50px; float:left;}
	#masthead a {display:block; margin:0 0 0 50px; width:255px; height:92px; float:left; }
	#masthead span { display:none; }


#container-header {
	background:#fff url(../images/bg-header.jpg) no-repeat;
	width:1000px;
	height:304px;
	float:left;
	}
	
#container-nav-buttons {
	width:1000px;
	height:171px;
	float:left;
	}

#container-products {
	background:#fff url(../images/bg-products.jpg) no-repeat;
	width:1000px;
	float:left;
	}

#container-products2 {
	background:#fff url(../images/bg-products2.jpg) no-repeat;
	width:1000px;
	float:left;
	}
	#container-products2 { letter-spacing:-.5px;}
	
#btn-our-team {
	background:url(../images/btn-our-team.jpg) no-repeat;
	width:334px;
	height:171px;
	float:left;
	}
	#btn-our-team span {display:none;}
	#btn-our-team a {width:334px; height:171px; float:left;}
	#btn-our-team a:hover {	background:url(../images/btn-our-team.jpg) -0px -171px no-repeat; }

#btn-our-products {
	background:url(../images/btn-products.jpg) no-repeat;
	width:334px;
	height:171px;
	float:left;
	}
	#btn-our-products span {display:none;}
	#btn-our-products a {width:334px; height:171px; float:left;}
	#btn-our-products a:hover {	background:url(../images/btn-products.jpg) -0px -171px no-repeat; }

#btn-our-products2 {
	background:url(../images/btn-products2.jpg) no-repeat;
	width:395px;
	height:186px;
	float:left;
	margin:0 0 17px 40px;
	}
	#btn-our-products2 span {display:none;}
	#btn-our-products2 a {width:395px; height:186px; float:left;}
	#btn-our-products2 a:hover { background:url(../images/btn-products2.jpg) -0px -186px no-repeat; }

#btn-kidspire {
	background:url(../images/btn-kidspire.jpg) no-repeat;
	width:395px;
	height:186px;
	float:left;
	margin:0 0 17px 40px;
	}
	#btn-kidspire span {display:none;}
	#btn-kidspire a {width:395px; height:186px; float:left;}
	#btn-kidspire a:hover { background:url(../images/btn-kidspire.jpg) -0px -186px no-repeat; }

#btn-contact {
	background:url(../images/btn-contact.jpg) no-repeat;
	width:332px;
	height:171px;
	float:left;
	}
	#btn-contact span {display:none;}
	#btn-contact a {width:332px; height:171px; float:left;}
	#btn-contact a:hover {	background:url(../images/btn-contact.jpg) -0px -171px no-repeat; }
	
/* ----- column-left ----- */
#column-left {
	width:668px;
	float:left;
	}
	#column-left p { padding:0px 0 0 67px; line-height:28px; }

body#products #column-left { width:475px; float:left; }
	body#products #column-left p, body#contact #column-left p, body#company #column-left p, body#company #column-left h2  { padding:0px 0 0 67px; line-height:28px; }

body#company #column-left { width:587px; float:left; }
body#company #column-left h2 { padding-top:20px; }

body#thankyou #column-left { width:587px; float:left; }

body#contact #column-left {width:557px; float:left;}

/* ----- column-right ----- */
body#products #column-right {
	width:525px;
	float:left;
	}
	body#products #column-right p { padding:0px 80px 10px 12px; line-height:28px;}

body#contact #column-right { width:443px; float:left; }
	body#contact #column-right p { padding:0px 80px 10px 12px; line-height:28px;}
	
body#company #column-right { width:413px; float:left; }
	body#company #column-right p { padding:0px 80px 10px 12px; line-height:28px;}

body#thankyou #column-right { width:413px; float:left; }
	body#thankyou #column-right p { padding:0px 80px 10px 12px; line-height:28px;}


/* ----- subhead ----- */
#subhead { width:1000px; height:127px;}
	body#products #subhead {background:url(../images/subhead-products.jpg) no-repeat; }

#subhead-company {width:1000px; height:105px; float:left;background:url(../images/subhead-company.jpg) no-repeat; }
#subhead-contact {width:1000px; height:105px; float:left; background:url(../images/subhead-contact.jpg) no-repeat; }
#subhead-thank-you {width:1000px; height:105px; float:left; background:url(../images/subhead-thank-you.jpg) no-repeat; }

/* ----- bottom-wrap ----- */
body#index #bottom-wrap { height:20px; clear:both; width:100%; }
#bottom-wrap { height:40px; clear:both; width:100%; }

/* -------------- nav ------------------------------------------------------ */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:367px; 
	height:31px; 
	margin:43px 0 0 0;
	padding:0; 
	float:right;
	}
#nav span { display: none; }
#nav li, #nav a { height:31px; display:block; } /* change height here also */
#nav li { float:left; list-style:none; display:inline; }
#nav-01 { width: 61px;}
#nav-02 { width: 84px;}
#nav-03 { width: 79px;}
#nav-04 { width: 69px;}
#nav-01 a:hover { background:url(../images/nav.jpg)  -0px -31px no-repeat; }
#nav-02 a:hover { background:url(../images/nav.jpg) -61px -31px no-repeat; }
#nav-03 a:hover { background:url(../images/nav.jpg) -145px -31px no-repeat; }
#nav-04 a:hover { background:url(../images/nav.jpg) -224px -31px no-repeat; }
body#index #nav-01 { background:url(../images/nav.jpg)  -0px -31px no-repeat; }
body#company #nav-02 { background:url(../images/nav.jpg) -61px -31px no-repeat; }
body#products #nav-03 { background:url(../images/nav.jpg) -145px -31px no-repeat; }
body#contact #nav-04 { background:url(../images/nav.jpg) -224px -31px no-repeat; }


/* -------------- footer --------------------------------------------------- */
#footer-container {
	background:url(../images/bg-footer.jpg) repeat-x;
	height:244px;
	margin:0 auto;
	text-align:center;
	}
#footer {
	width:1000px;
	margin:0 auto;
	}
#footer p { color:#fff; line-height:16px; }
#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#f7e1e4;  }

#footer-nav { width:1000px; height:115px; margin-top:26px; float:left; }

#footer-our-company { width:334px; float:left; }
	#footer-our-company span { width:237px; text-align:center; float:right; }
	#footer-our-company h2 { color:#fff; font-size:14px; font-weight:bold; }	
	#footer-our-company p { font-size:12px;	}		

#footer-our-products { width:334px; float:left; }
	#footer-our-products h2 { color:#fff; font-size:14px; font-weight:bold;	}	
	#footer-our-products p { font-size:12px; }		

#footer-contact { width:332px; float:left; }
	#footer-contact span { width:260px; text-align:center; float:left;  }
	#footer-contact h2 { color:#fff; font-size:14px; font-weight:bold;	}	
	#footer-contact p { font-size:12px; }		
.footer-divide {background:url(../images/img-footer-divider.gif) no-repeat; width:1000px; height:33px; margin-top:15px;float:left;}

#footer-copyright {width:550px;float:left;}
#footer-copyright p { font-size:11px; text-align:right; padding-top:10px; }
#footer-l7 {width:450px;float:left; text-align:left;}
