/*---------DON'T DELETE THIS! CLEARFIX! ---------*/

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

  

 .clearfix {

display: inline-block;

}  



    /* Holly Hack Targets IE Win only \*/

    * html .clearfix {height: 1%;}

	.clearfix {display: block;}

    /* End Holly Hack */

	

textarea{

	resize:none;

	}



/*-----------END CLEARFIX----------*/





a{ text-decoration:none; color:#990000}

a:hover{text-decoration:underline;color:#000}









/*===Gallery===*/

#gallery {

		background-color:#fff;

		padding: 10px;

		width: 640px;

		margin-left:-30px;

	}

	#gallery ul { list-style: none; }

	#gallery ul li { display: inline; }

	#gallery ul img {

		border: 5px solid #81192a;

		border-width: 5px 5px 20px;

	}

	#gallery ul a:hover img {

		border: 5px solid #fff;

		border-width: 5px 5px 20px;

		color: #fff;

		outline:solid 1px black;

	}

	#gallery ul a:hover { color: #fff; }





body{

	text-align:justify;

	padding:0;

	margin:0;

	background:url(../media/images/bg.jpg);

	

	 }

#container{

	width:1007px;

	text-align:justify;

	margin:0 auto;

	padding:0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	font-size:13px;

	line-height:19px;

	}

.name{ 

	font-size:16px;

	font-weight:bold;}

/*-- Index*/

#copycontainerwrapper{

	width:1007px;

	margin:0 auto;

	background:url(../media/images/copybg.gif) repeat-y;

	}

#copycontainer{

	width:1007px;

	min-height:640px;

	background:url(../media/images/mainbodytop.png) no-repeat;

	display:block;}

#copycontainer2{

	width:1007px;

	min-height:580px;

	background:url(../media/images/mainbodytop.png) no-repeat;

	display:block;}

#maincopycontainer{

	width:860px;

	margin:0 auto;

	padding-bottom:54px;

	}

#maincopy{

	width:657px;

	margin:0 auto;

	padding-top:42px;

	float:left;
	/*background-image:url(../media/images/copybg.jpg);*/

	}

#maincopy p{ padding-right:25px;}

#maincopy2{

	width:637px;

	margin:0 auto;

	padding-top:42px;

	float:left;

	}

#bar{

	float:left;

	margin-top:82px;

	width:4px;

	height:463px;

	display:block;

	background:url(../media/images/barright.jpg) no-repeat;

	}

#socialnetworking{

	width:156px;

	float:left;

	text-align:center;

	margin-top:82px;

	margin: 0 auto;}

#socialnetworking img{

	border:none;

	 }

.rim{padding:30px 0 25px 0;}

.rim3{padding-top:30px;}

.rim2{padding:10px 0 10px 0;}

.fb{text-align:center;}



/*---Cart Page ----*/

.title{font-weight:bold; font-size:12px; text-decoration:underline; text-align:left;}

.product{text-align:center;}

	 

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

#footer{

	text-align:center;

	color:#fff;

	width:937px;

	padding-bottom:15px;

	background:url(../media/images/footerbg.png) no-repeat;

	font-size:10px

	}

#footer p{margin-top:-1px;}	

#footer a{

	color:#fff;

	text-decoration:none;

	padding:0 20px;

	}	

#footer a:hover{text-decoration:underline;}

#address{

	font-weight:bold;

	text-align:center;

	color:#adada4;

	}





.lift{margin-top:-5px;}

/*------ Nav area -----*/

 #headwrapper{ 

 	width:1007px;

	height:215px;

	margin:0 auto;

	overflow:hidden;

	}

 #header{

 	width:1007px;

 	background:url(../media/images/header.png) no-repeat;

	height:186px;

	display:block;

	margin:0 auto;}

 #nav li {

    margin: 0; padding:0; list-style: none;

    position: absolute;height:29px;display:block; }



  #nav li ul{

  padding:0;

  margin:0px 0 0 0;

  height:auto;

  }	

  

   

  #nav a{

  	display:block;

	height:29px;

	width:100%;

	}	

	

  #nav a span{display:none;}

  

  #nav li ul li a span{display:block;}

  

 

   #nav {

    height:29px; 

	width:1007px;

    background: url(../media/images/nav.png);

	margin:auto;

    padding:0;

    position: relative;

	}	



#nav li ul {

  display: none;

  position: absolute; 

  top: 0;

  left: 0;

  }



#nav li > ul {

	top: auto;

	left: auto;

	margin-left: 0px;

	margin-top: 0px;

	}

	

#nav_clothes li:hover ul, #nav_clothes li.over ul{ display: block; }



	/** Nav links are plain text if CSS is turned off **/	

	



	#nav_home{left:0px;top:0px; height:29px;width:292px;}

	#nav_clothes{left:292px;top:0px;height:29px;width:155px;}

	#nav_gallerypage{left:447px;top:0px;height:29px;width:154px;}

	#nav_contact{left:601px;top:0px;height:29px;width:301px;}

	

	#nav_home a:hover, #home #nav_home{

    background: transparent url(../media/images/nav.png)

    -0px -29px no-repeat;}



	#nav_clothes a:hover, #clothes #nav_clothes{

    background: transparent url(../media/images/nav.png)

    -292px -29px  no-repeat;}



	#nav_gallerypage a:hover, #gallerypage #nav_gallerypage{

    background: transparent url(../media/images/nav.png)

    -447px -29px no-repeat;}

	

	#nav_contact a:hover, #contact #nav_contact{

	background: transparent url(../media/images/nav.png)

    -601px -29px no-repeat;}

	

/*------ Sub Nav area -----*/

.subnav{ margin-left:25px; margin-top:15px;}

.subnav a{ text-decoration:none; color:#990000}

.subnav a:hover{text-decoration:underline;color:#000}



#sub ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

}



#sub li { /* all list items */

	float: left;

	position: relative;

	width: 15em;

	height:25px;

	border:1px solid #fff;

	background:#736F6F;

	color:#fff;

	text-align:center;

	text-transform:uppercase;

	font-size:10px;

	

}

#sub li a{ /* all list items */

	float: left;

	position: relative;

	width: 15em;

	height:25px;

	border:1px solid #fff;

	color:#fff;	

}

#sub li a:hover{ /* all list items */

	float: left;

	position: relative;

	width: 15em;

	height:25px;

	border:1px solid #fff;

	color:#000;	

	background:url(../media/img/dot.gif); background-repeat:repeat-y;

}



#sub li ul { /* second-level lists */

	display: none;

	position: absolute;

	top: 1em;

	left: 0;

	line-height:11px;

}



#sub li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	top: auto;

	left: auto;

}



#sub li:hover ul, li.over ul { /* lists nested under hovered list items */

	display: block;

	line-height:11px;

	background:#736F6F;

	background:url(../media/img/dot.gif); background-repeat:repeat-y;

}



#content {

	clear: left;

}