/* this is the style sheet for Ranka by Christiana Bandas*/

@import "reset.css";

body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"restore-1","restore-2",sans-serif;
	font-weight:300;
	font-style:normal;
	color:#E6E7E8;
	background-color:#000;
	}

body #happyFoot_mcGregor,
body #happyFoot,
body #mcGregor{
	color:#8C8C8C;
	background-color:#fff;
	}
		
#header,
#content,
#footer{ 
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	}

#header{
	height:200px;
	}
	
ul{
	text-align:center;
	}
	
p{
	margin-bottom:20px;
	text-align:justify;
	text-indent:30px;
	}

h1{
	font-size:24px;
	margin-bottom:10px;
	text-align:center;
	}
	
a{
	text-decoration:none;
	color:#E6E7E8;
	}

#happyFoot_mcGregor a,
#happyFoot a,
#mcGregor a{
	color:#8C8C8C;
	}
	
a:active{
	text-decoration:none;
	color:#E1134F;
	}

#happyFoot_mcGregor a:active,
#happyFoot a:active,
#mcGregor a:active{
	color:#E1134F;
	}

a:hover{
	text-decoration:none;
	color:#E1134F;
	}

#happyFoot_mcGregor a:hover,
#happyFoot a:hover,
#mcGregor a:hover{
	color:#E1134F;
	}
	
/*GROUPED*/
#home{
	background:#000 url(../images/bg-image.png) repeat-x;  
	background-position:0px 320px;
}

#about,
#brands,
#retailers,
#contacts{
	background:#000 url(../images/bg-image.png) repeat-x;
	background-position:center bottom;
	display:block;
	min-height:500px;
	}
	
#happyFoot_mcGregor,
#happyFoot,
#mcGregor{
	background:#FFF url(../images/bg-image.png) repeat-x;
	background-position:center bottom;
	display:block;
	min-height:500px;
	}

#home #container{ 
	margin: 0 auto;
	width: 1000px;
	}
	
#about #container,
#brands #container,
#retailers #container,
#contacts #container,
#winterproof #container,
#happyFoot_mcGregor #container,
#happyFoot #container,
#mcGregor #container{ 
	margin: 0 auto -50px;
	width: 1000px;
	}
	
#home #header{
	margin-top:210px;
	}
	
#about #header,
#brands #header,
#retailers #header,
#contacts #header,
#winterproof #header,
#happyFoot_mcGregor #header,
#happyFoot #header,
#mcGregor #header{
	margin-top:20px;
	}

/*HEADER LOGO*/

#header #logo{
	height:94px;
	width:750px;
	border-bottom:solid 1px #E6E7E8;
	padding-bottom:5px;
	}

#happyFoot_mcGregor #header #logo,
#happyFoot #header #logo,
#mcGregor #header #logo{
	border-bottom:solid 1px #8C8C8C;
	}
	
#header #logo a{
	text-indent:-9999px;
	display: block;
	background:url(../images/header-logo.png) no-repeat center;
	width: 750px;
	height: 94px;
	overflow: hidden;
	}

/*HEADER AND FOOTER MENU*/

#header{
	overflow:visible;
	}

ul.topnav,
ul.footer-menu{
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	font-size: 15px;
	font-variant:small-caps;
	}
	
ul.topnav{
	margin-left:70px;
	}
	
ul.footer-menu{
	margin-left:95px;
	}
	
ul.topnav li,
ul.footer-menu li{
	float: left;
	margin-left:15px;
	margin-right:15px;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	}
	
#happyFoot_mcGregor ul.topnav li,
#happyFoot ul.topnav li,
#mcGregor ul.topnav li{
	color:#8C8C8C;
	}
	
ul.topnav li{
	line-height:50px;
	margin-top:40px;
	}
	
ul.footer-menu li{
	line-height:100px;
	margin-top:-20px;
	
	}

ul.topnav li a{
	display: block;
	text-decoration: none;
	float: left;
}	

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 18px;
	height: 15px;
	float: left;
	margin-left:35px;
	margin-top:17px;
	background: url(../images/subnav_btn.png) no-repeat center 1px;
}

#happyFoot_mcGregor ul.topnav li span,
#happyFoot ul.topnav li span,
#mcGregor ul.topnav li span{
	background: url(../images/subnav_btn.png) no-repeat center -13px;
}

ul.topnav li span.subhover {
	background-position: center 2px; 
	cursor:pointer;
} /*--Hover effect for trigger--*/

#happyFoot_mcGregor ul.topnav li span.subhover,
#happyFoot ul.topnav li span.subhover,
#mcGregor ul.topnav li span.subhover{
	background-position: center -11px;
}/*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 40px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 220px;
}

ul.topnav li ul.subnav li{
	margin: 0; 
	padding: 0;
	clear: both;
}

html ul.topnav li ul.subnav li a {
	float: left;
	width: 240px;
	background: url(../images/dropdown_linkbg.png) no-repeat 10px center;
	outline:none;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../images/dropdown_linkbgh.png) no-repeat 10px center;
}

/*FOOTER*/
	
#home #footer { 
	height: 35px;
	margin-top:10px;
	margin-bottom: 20px;
	text-align:center;
	color:#E6E7E8;
	width:750px;
}

#about #footer,
#brands #footer,
#retailers #footer,
#contacts #footer{ 
	height: 130px;
	position:relative;
	margin-top:60px;
	margin-bottom: -50px;
	text-align:center;
	color:#E6E7E8;
	width:750px;
	bottom:0;
}

#happyFoot_mcGregor #footer,
#happyFoot #footer,
#mcGregor #footer{ 
	height: 130px;
	position:relative;
	margin-top:60px;
	margin-bottom: -50px;
	text-align:center;
	color:#8C8C8C;
	width:750px;
	bottom:0;
}


#winterproof #footer{
	height: 40px;
	position:relative;
	margin-top:100px;
	margin-bottom:-30px;
	text-align:center;
	color:#E6E7E8;
	}

#footer  ul#copyright{
	clear:both;
	margin-left:310px;
	}
	
#footer  ul#copyright li{
	float:left;
	margin-top:15px;
	}
	
#copyright li.copyright{
	text-indent:-9999px;
	display:block;
	background: url(../images/copyright.png) no-repeat -0px -2px;
	width: 16px;
	height: 16px;
	overflow:hidden;
	}
	
#happyFoot_mcGregor #copyright li.copyright,
#happyFoot #copyright li.copyright,
#mcGregor #copyright li.copyright{
	background: url(../images/copyright.png) no-repeat -14px -2px;
	}
	
#footer ul li.ranka{
	margin: 0 5px;
	}
	
#footer ul li.ranka a{
	text-indent:-9999px;
	display:block;
	background: url(../images/sprites.png) no-repeat -537px -428px;
	width: 78px;
	height: 16px;
	overflow:hidden;
	}
	
/*HOME*/
	
#home{
	min-height:500px;
	}
	
#home ul.topnav{
	margin-left:90px;
	}
	
#home #content {
	margin-top:120px;
	margin-bottom:120px;
	}

/*ABOUT*/

#about #content{
	margin-top:20px;
	margin-bottom:20px;
	color:#E6E7E8;
	}
	
#about h1{
	margin-bottom:30px;
	}

/*BRANDS*/

#brands #content{
	margin-top:-20px;
	margin-bottom:20px;
	color:#E6E7E8;
	}

#brands #content a {
	margin-top:-20px;
	margin-bottom:20px;
	color:#E1134F;
	}
	
#brands #content a:hover{
	text-decoration:underline;
	}
	
#brands #content ul li{
	margin-bottom:20px;
	clear:both;
	}

#brands #content ul li#jackandjill a,
#brands #content ul li#winterprooflogo a,
#brands #content ul li#tst,
#brands #content ul li#beachbaby,
#brands #content ul li#happyfoot,
#brands #content ul li#mcgregor_kids,
#brands #content ul li#littletikes,
#brands #content ul li#lalaloopsy,
#brands #content ul li#dunlop,
#brands #content ul li#golf_canada,
#brands #content ul li#monster_jam{ 
	text-indent: -9999px;
	display: block;
	float: left;
	overflow: hidden;
	margin-top:50px;
}

#brands #content ul li#jackandjill a{
	width:445px;
	height:92px;
	background: url(../images/sprites.png) no-repeat 2px -182px;
	margin-left:150px;
	margin-bottom:20px;
	}
	
#brands #content ul li#winterprooflogo a{
	width:428px;
	height:75px;
	background: url(../images/sprites.png) no-repeat 1px -108px;
	margin-left:165px;
	}
	
#brands #content ul li#tst{
	width:215px;
	height:100px;
	background: url(../images/sprites.png) no-repeat -981px -377px;
	margin-left:270px;
	}

#brands #content ul li#beachbaby{
	width:333px;
	height:73px;
	background: url(../images/sprites.png) no-repeat -864px -2px;
	margin-left:210px;
	}
	
#brands #content ul li#happyfoot{
	width:310px;
	height:156px;
	background: url(../images/sprites.png) no-repeat -650px -337px;
	margin-left:230px;
	}
	
#brands #content ul li#mcgregor_kids{
	width:472px;
	height:89px;
	background: url(../images/sprites.png) no-repeat -726px -493px;
	margin-left:150px;
	}
	
#brands #content ul li#littletikes{
	width:257px;
	height:121px;
	background: url(../images/sprites.png) no-repeat -584px 1px;
	margin-left:240px;
	}
	
#brands #content ul li#lalaloopsy{
	width:300px;
	height:175px;
	background: url(../images/sprites.png) no-repeat -652px -160px;
	margin-left:225px;
	}

#brands #content ul li#dunlop{
	width:370px;
	height:60px;
	background: url(../images/sprites.png) no-repeat 0px -50px;
	margin-left:195px;
	}
	
#brands #content ul li#golf_canada{
	width:220px;
	height:170px;
	background: url(../images/sprites.png) no-repeat -990px -200px;
	margin-left:260px;
	}	

#brands #content ul li#monster_jam{
	width:178px;
	height:136px;
	background: url(../images/sprites.png) no-repeat -1200px -3px;
	margin-left:280px;
	}	
	

/*RETAILERS*/

#retailers #content{
	margin-top:20px;
	margin-bottom:20px;
	color:#E6E7E8;
	}
	
#retailers #content h1{
	margin-bottom:30px;
	}

#retailers #content p{
	margin-left:50px;
	}

#retailers #content ul{
	margin-bottom:100px;
	}
	
#retailers #content ul li{
	text-indent: -9999px;
	display: block;
	float: left;
	overflow:hidden;
	}
	
#retailers #content ul li#jcpenny{
	width:110px;
	height:44px;
	background: url(../images/sprites.png) no-repeat -539px -252px;
	margin-top:69px;
	margin-left:50px;
	}
	
#retailers #content ul li#thebay{
	width:102px;
	height:42px;
	background: url(../images/sprites.png) no-repeat -548px -206px;
	margin-top:71px;
	margin-left:20px;
	}
	
#retailers #content ul li#sears{
	width:117px;
	height:49px;
	background: url(../images/sprites.png) no-repeat -531px -303px;
	margin-top:64px;
	margin-left:20px;
	}
	
#retailers #content ul li#lordandtailor{
	width:79px;
	height:79px;
	background: url(../images/sprites.png) no-repeat -570px -120px;
	margin-top:35px;
	margin-left:20px;
	}
	
#retailers #content ul li#walmart{
	width:185px;
	height:47px;
	background: url(../images/sprites.png) no-repeat -163px 0px;
	margin:66px 10px 0px 20px;
	}

#retailers #content ul li#canadiantire{
	width:88px;
	height:77px;
	background: url(../images/sprites.png) no-repeat -444px -197px;
	margin-top:-38px;
	margin-left:80px;
	}
	
#retailers #content ul li#waltdisneyworld{
	width:200px;
	height:42px;
	background: url(../images/sprites.png) no-repeat -354px -4px;
	margin-top:-38px;
	margin-left:20px;
	}
	
#retailers #content ul li#zellers{
	width:108px; 
	height:66px;
	background: url(../images/sprites.png) no-repeat -540px -357px;
	margin-top:-38px;
	margin-left:20px;
	}
	
#retailers #content ul li#babiesrus{
	width:160px;
	height:38px;
	background: url(../images/sprites.png) no-repeat -1px -09px;
	margin-top:5px;
	margin-left:20px;
	}
	
/*CONTACTS*/

#contacts #content{
	margin-top:20px;
	margin-bottom:20px;
	color:#E6E7E8;
	}

#contacts #content ul{
	margin-bottom:20px;
	margin-top:20px;
	}

#contacts #content ul li{
	margin-bottom:2px;
	}
	
#contacts ul li.name{
	font-size:18px;
	font-weight:700;
	margin-top:40px;
	line-height:20px;
	}

#contacts #content ul li a{
	text-decoration:underline;
	}

/*WINTERPROOF*/

#winterproof{
	background:#000 url(../images/wp-logo.png) no-repeat center 50px;
	min-height:300px;
	}

#winterproof #content{
	margin-top:300px;
	margin-bottom:150px;
	}

#winterproof p{
	text-indent:-9999px; 
	}
	
/*HAPPYFOOT-MCGREGOR*/

#happyFoot #content{
	margin-top:-20px;
	margin-bottom:20px;
	color:#8C8C8C;
	}

#happyFoot_mcGregor #content ul{
	margin-top:100px;
	margin-left:30px;
	}

#happyFoot_mcGregor #content li{
	float:left;
	margin-left:20px;
	margin-bottom:100px;
	}
	
#happyFoot_mcGregor li#one{
	margin-top:11px;
	}
	
#happyFoot_mcGregor button#one{
	border:none;
	background-color:#FFF;
	cursor:pointer;
	}
	
#happyFoot_mcGregor button#two{
	border:none;
	background-color:#FFF;
	cursor:pointer;
	}

/*HAPPYFOOT*/

#happyFoot #content #info{
	float:left;
	width:550px;
	padding-right:20px;
	margin-top:30px;
	}

#happyFoot #content ul#happyFoot_features{
	float:right;
	width:120px;
	margin-right:35px;
	padding-bottom:20px;
	}

#happyFoot #content ul#happyFoot_features li#happyFoot_logo{
	text-indent:-9999px;
	background-image:url(file:///Z|/website/ranka/website/revised_dec_19_2011/images/happyFoot_kids_logo.png);
	height:135px;
	width:160px;
	}

#happyFoot #content ul#happyFoot_features li.headings{
	text-align:right;
	font-variant:small-caps;
	font-weight:bold;
	color:#13B5EA;
	}

#happyFoot #content ul#happyFoot_features li.info{
	text-align:right;
	}

#happyFoot #content ul#happyFoot_pics{
	margin-left:10px;
	/*clear:both;*/
	}

#happyFoot #content ul#happyFoot_pics li{
	float:left;
	width:280px;
	height:170px;
	}
#happyFoot #content ul#happyFoot_pics li#one{
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(file:///Z|/website/ranka/website/revised_dec_19_2011/images/happyFoot_pic1.png);
	}
	
#happyFoot #content ul#happyFoot_pics li#two{
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(file:///Z|/website/ranka/website/revised_dec_19_2011/images/happyFoot_pic2.png);
	}

	
/*MCGREGOR*/

#mcGregor h1 {
	text-indent:-9999px;
	background-image:url(file:///Z|/website/ranka/website/revised_dec_19_2011/images/McGregor_kids_coming-soon.gif);
	width: 750px;
	height:380px;
}

/*UNDER CONSTRUCTION*/

p#under_construction{
	font-size:36px;
	text-align:center;
	margin-top:100px;
	margin-bottom:100px;
	}