/*
Client: Kids Closet
Site: www.kidsclosetbarrie.ca
Design: galigraph.com
Author: Arthur Kononuk
Date: April 2009
*/

@charset "UTF-8";

/*
Body/Paragraph/Attribute - Shorthands
*/

body, html { padding: 0; margin: 0; width: 100%; height:100%; }

body { background-color: #F5EFE3; }

* { font-family: Century Gothic, Myriad, Myriad Pro, Verdana, Helvetica, sans-serf; outline: none; margin:0; padding: 0; }


/*
Main Content
*/

#topBox {
margin:		0 auto;
width:		100%;
height:		140px;
background:	url("../images/kc_top.gif") top repeat-x;
text-align:	center;
}

#logoBox {
margin:		0 auto;
width:		300px;
height:		140px;
background:	url("../images/kc_logo.gif") no-repeat;
}

#navBar {
width:		100%;
height:		90px;
background:	url("../images/kc_navBar.gif") repeat-x;
margin:		0 0 20px 0;
}

#photobox {
width:		750px;
height:		256px;
margin:		0 auto;
}

#contentWrap {
background:		white url("../images/cs_left.gif") left repeat-y;
margin:			0 auto;
width:			750px;
height: 		auto;
}

#contentBox {
width:		675px;
margin:		0 0 0 40px;
padding:	20px 0;	
height:		auto;
}

#mainColum {
float:		left;
margin:		0 5px 0 0;
padding:	0;
min-height:		235px;
width:		150px;
position:	relative;
}

#subColum {
float:		left;
margin:		0 20px 0 0;
}

#columSpace { float:left; width:25px;height:15px; position:relative;}
#columSpace2 { float:left; width:50px;height:15px;}
#columWrap { float:left; width:100%; margin: 0; padding:0; position:relative; }

	#signUp a {
	width:			380px;
	height:			85px;
	background:		url("../images/nl_signup.gif");
	display:		block;
	float:			right;
	}
	
	#signUp a:hover {
	background-position: 0 85px;
	}

#csTop { background: white url("../images/cs_top.gif") left; height: 24px; width: 43px; }
#csSpan { background: white url("../images/cs_span.gif") left repeat-x; height: 24px; width: 100%; }

/*
Navigation
*/

#navWrap { height: 90px; width: 558px; margin: 0 auto; }

#nav01 a { height: 90px; width: 130px; display: block; background: url("../images/nav_01.gif") 0px 1px; float:left; }
	#nav01 a:hover { background-position: 0px -89px; }

#nav02 a { height: 90px; width: 107px; display: block; background: url("../images/nav_02.gif") 0px 1px; float:left; }
	#nav02 a:hover { background-position: 0px -89px; }

#nav03 a { height: 90px; width: 104px; display: block; background: url("../images/nav_03.gif") 0px 1px; float:left; }
	#nav03 a:hover { background-position: 0px -89px; }

#nav04 a { height: 90px; width: 108px; display: block; background: url("../images/nav_04.gif") 0px 1px; float:left; }
	#nav04 a:hover { background-position: 0px -89px; }

#nav05 a { height: 90px; width: 109px; display: block; background: url("../images/nav_05.gif") 0px 1px; float:left; }
	#nav05 a:hover { background-position: 0px -89px; }

/*
Sub Head Bars
*/

.subHold { float: left; }

#subBS { height: 30px; width: 30px; background:	url("../images/kc_subSprite.gif") 0px 0px; float: right; }
	#subBB { height: 30px; width: 100%; background:	url("../images/kc_barSprite.gif") 0px 0px; color: #0D66B4; }
	
#subGS { height: 30px; width: 30px; background:	url("../images/kc_subSprite.gif") 0px 58px; float: right; }
	#subGB { height: 30px; width: 100%; background:	url("../images/kc_barSprite.gif") 0px 58px; color: #5DB630; }
	
#subOS { height: 30px; width: 30px; background:	url("../images/kc_subSprite.gif") 0px 30px; float: right; }
	#subOB { height: 30px; width: 100%; background:	url("../images/kc_barSprite.gif") 0px 30px; color: #ED731E; }
	
#subRS { height: 30px; width: 30px; background:	url("../images/kc_subSprite.gif") 0px 88px; float: right; }
	#subRB { height: 30px; width: 100%; background:	url("../images/kc_barSprite.gif") 0px 88px; color: #E00F26; }
	
	
/*
Paragraph
*/

ul {margin:0;padding:0;}

.mainCopy { font-size: 13px; line-height: 19px; color: #555; margin: 10px 30px 10px 20px; }
.blueC { color:#0D66B4; }
.redC { color:#E00F26; }
.greenC { color:#5DB630; }
.orangeC { color:#ED731E; }
#subHead { font-size: 12pt; margin: 5px 0 0 0; }

li.mainList {
margin:		0 0 0 15px;
list-style:	square;
color:		#555;
font-size:	12px;
}

.mainList2 {
margin:		0 0 0 15px;
list-style:	square;
color:		#555;
font-size:	11pt;
}

.A { color:#5DB630; font-size:16px; }
.B { color:#ED731E; font-size:16px; }
.C { color:#0D66B4; font-size:16px; }
.D { color:#E00F26; font-size:16px; }


/*
Gali Footer
*/

#galigraph a {
margin:			0 auto 10px auto;
display:		block;
width:			82px;
height:			30px;
text-indent:	-9000px;
background:		url(../images/gali_spr.gif) 0px 0px no-repeat;
}

#galigraph a:hover { background-position: 0px -36px; }