@charset "UTF-8";
/* CSS Document */

/* body
--------------------------------------------------*/

* {
   padding:0;
   margin:0;
	}

html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	overflow:auto;
	color: #888;
  	background: #fff;
  	font-family: Arial, Helvetica, sans-serif;
	text-align: center;  
	}

a:link {text-decoration: none; color: #888888;}
a:visited {text-decoration: none; color: #888888;}
a:active {text-decoration: none; color: #888888;}
a:hover {text-decoration: none; color: #ff99cc;}	 
	 

/* Container
--------------------------------------------------*/

#container {
	width: 960px;
	margin:auto;
	position:relative;
}


/* Header
--------------------------------------------------*/

#header {
	width: 960px;
	height:120px;
}


/* Nav menu
--------------------------------------------------*/

ul.menu {
	padding-top: 70px;
	}


ul.menu li {
	display:block;
	float:left;
	list-style-type:none;
	}

ul.menu li a {
	display:block;
	height:50px; width:470px;
	background:transparent url(images/main/menu.gif) no-repeat 0 0;
	text-indent:-9009px;
	}
	
ul.menu li a:hover {
	background-position: 0 -50px;
	}

ul.menu li#gallery a {
	width:160px;
	background-position: -470px 0;
	}
	
ul.menu li#gallery a:hover {
	background-position: -470px -50px;
	}
	
ul.menu li#profile a {
	width:160px;
	background-position: -630px 0;
	}
	
ul.menu li#profile a:hover {
	background-position: -630px -50px;
	}
	
ul.menu li#contact a {
	width:150px;
	background-position: -790px 0;
	}
	
ul.menu li#contact a:hover {
	background-position: -790px -50px;
	}




/* Main
--------------------------------------------------*/

#main {
	padding-top:18px;
	width: 940px;
	height:700px;
	}
	
#main-slider {
	padding-top:18px;
	width: 940px;
	height:600px;
	}

#main1 {
	padding:0px;
	height:750px;
	background-image:url(images/main/contact.jpg);
	background-repeat:no-repeat;
	}
	
#main2 {
	padding:0px;
	height:750px;
	background-image:url(images/main/profile.jpg);
	background-repeat:no-repeat;
	}
	
	
.clearboth {
	clear: both;
	}
	
	

/* Front rollovers
--------------------------------------------------*/

img { border:0px; }
		
ul.img_list_1 {
	display:inline;
	float:left;
	position: relative;
	height:340px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	
	
li.image_one a {
	display:block; 
	width:460px; 
	height:340px; 
	position:relative;
	padding-bottom: 20px;
}	

li.image_one a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:460px; 
	height:340px; 
	background:url(images/front/kids-in.jpg);
}

li.image_two a {
	display:block; 
	width:460px; 
	height:340px; 
	position:relative;
}	

li.image_two a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:460px; 
	height:340px; 
	background:url(images/front/graphic-in.jpg);
}

ul.img_list_2 {
	display:inline;
	float:right;
	position: relative;
	height:340px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

li.image_three a {
	display:block; 
	width:460px; 
	height:340px; 
	position:relative;
	padding-bottom: 20px;
}	

li.image_three a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:460px; 
	height:340px; 
	background:url(images/front/character-in.jpg);
}

li.image_four a {
	display:block; 
	width:460px; 
	height:340px; 
	position:relative;
	padding-bottom: 20px;
}	

li.image_four a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:460px; 
	height:340px; 
	background:url(images/front/fashion-in.jpg);
}



/* Nivo slider styles
--------------------------------------------------*/

#slider {
	position:relative;
	width:940px;
	height:600px;
	background:url(images/main/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}
#slider a {
	border:0;
	display:block;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:none;
	color:#666;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
    }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/main/arrows-new.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



/* Other pages
--------------------------------------------------*/

#text {
	width: 520px;
	height: 100px;
	position: absolute;
	top: 658px;
	left: 3px;
	text-align:left;
	}
	
#textc {
	width: 520px;
	height: 100px;
	position: absolute;
	top: 752px;
	left: 163px;
	text-align:left;
	}
	
p.text1 {
	margin-bottom:48px;
	}
	
p.text2 {
	margin-bottom:28px;
	}
	
p.text3 {
	font-size:12px;
	margin-top:12px;
	}
	
#para {
	width:520px;
	top: 222px;
	position:absolute;
	left: 5px;
	text-align:left;
	}
	
p.para1 {
	margin-bottom:20px;
	}
	
p.para2 {
	color:#FF66CC;
	}
	
#email {
	width: 300px;
	height: 20px;
	position:absolute;
	top: 323px;
	left:141px;
	}
	
#email a {
	display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
	}
	
#web {
	width: 399px;
	height: 20px;
	position:absolute;
	top: 345px;
	left:69px;
	}
	
#web a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	}
	
#nav {
	text-align:center;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/* Footer
--------------------------------------------------*/

#footer {
	width: 940px;
	height: 40px;
	margin:auto;
	margin-top: 30px;
}

.stuff {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	margin-top: 15px;
}

ul#footer-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#footer-menu li {
	display: inline;
}

ul#footer-menu li a {
	float: left;
	width: 220px;
	color: #fff;
	padding: 8px 0 8px 0;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.foot-pink a {
	padding: 8px 0 8px 0;
	background-color: #ec4491;
	margin-right: 20px;
}

.foot-yellow a {
	padding: 10px 0 10px 0;
	background-color: #fcb117;
	margin-right: 20px;
}

.foot-yellow-1 a {
	padding: 10px 0 10px 0;
	background-color: #fcb117;
}

.foot-pink a:hover,
.foot-yellow a:hover,
.foot-yellow-1 a:hover {
	background-color: #e86d25;
}