@charset "utf-8";
	/* CSS Document */
	
	html {
		height: 101%;
	}

	body {
    	background-image: url(../images/tile.jpg);
		background-repeat: repeat-x;
		background-color: #d3d3d3;
		margin: 0px;
		padding: 0px;
		height: 101%;
	}
	
	.container {
		width: 1000px;
		margin: 0px auto 0px auto;
		height: auto;
		min-height: 100px;
	}
	
	.head {
		width: 1000px;
		height: 100px;
		margin: 0px 0px 20px 0px;
	}
	
	.logo {
		width: 200px;
		height: 82px;
		float: left;
		margin: 15px 110px 0px 40px;
	}
	
	a {
		font-family:Verdana, Geneva, sans-serif;
		font-size: 14px;
	}
	
	.logo h1 a {
		text-decoration: none;
		font-size: 30px;
		font-weight: 400;
		color: #555;
	}
	
	.nav {
		width: 650px;
		height: 90px;
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	.body {
		width: 1000px;
		height: auto;
		min-height: 150px;
		z-index: 50;
		position: relative;
		margin: 0px auto 10px auto;
	}
	
	.body2 {
		width: 970px;
		height: auto;
		position: relative;
		border-right: 0px solid #999;
		margin: 0px 0px 10px 0px;
		background-color: #ffffff;
		padding: 15px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		border: 1px solid #c2c2c2;
	}
	
	.bodyIn {
		width: 970px;
		height: auto;
		min-height: 450px;
		border-right: 0px solid #999;
		margin: 0px 0px 0px 0px;
		background-color: #676565;
		padding: 0px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	
	.bodyIn2 {
		width: 970px;
		height: auto;
		min-height: 450px;
		border-right: 0px solid #999;
		margin: 0px 0px 0px 0px;
		background-color: #ffffff;
		padding: 0px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	
	.bodyLeft {
		width: 633px;
		height: auto;
		margin: 0px 0px 0px 0px;
		background-color: #ffffff;
		padding: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px dashed #c2c2c2;
	}
	
	.bodyLeft2 {
		width: 660px;
		height: auto;
		min-height: 520px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 20px;
		float: left;
		background-color: #ffffff;
	}
	
	.bodyLeftContainer {
		width: 675px;
		height: auto;
		float: left;
		border-right: 0px solid #999;
		margin: 0px 0px 0px 0px;
		background-image: url(../images/white.png);
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #c2c2c2;
	}
	
	.bodyRight {
		width: 240px;
		height: auto;
		margin: 0px 0px 0px 0px;
		background-color: #ffffff;
		padding: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px dashed #c2c2c2;
	}
	
	.bodyRight2 {
		width: 250px;
		height: auto;
		margin: 0px 10px 0px 0px;
		padding: 10px;
		float: left;
		text-align: center;
	}
	
	.bodyRightContainer {
		width: 282px;
		height: auto;
		float: left;
		margin: 0px 0px 0px 10px;
		background-image: url(../images/white.png);
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #c2c2c2;
	}
	
	.bodyRight p {
		margin: 0px;
		padding: 0px;
	}
	
	.bodyRight2 img {
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	}
	
	.bodyRight a {
		font-size: 14px;
		text-decoration: underline;
	}
	
	.bodyRight2 p {
		margin: 0px;
		padding: 0px;
	}
	
	.bodyRight2 img {
		border: 1px solid #e2e2e2;
	}
	
	.bodyRight2 a {
		font-size: 14px;
		text-decoration: underline;
	}
	
	.bodyRight2 h3 {
		color: #ffffff !important;
	}
	
	.body2 h1 {
		text-decoration: underline;
	}
	
	.slide2 {
		width: 244px;
		height: 420px;
		margin: 0px 0px 0px 0px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		float: left;
	}
	
	.slide {
		width: 728px;
		height: 418px;
		margin: 0px 0px 0px 5px;
		background: white;
		border: 1px dashed #c2c2c2;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		float: left;
	}
	
	.slideContain {
		width: 1005px;
		height: 450px;
		margin: 0px 0px 15px 0px;
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		position: relative;
		top: -10px;
	}
	
	.controls {
		width: 150px;
		height: 25px;
		position: relative;
		top: -30px;
		text-align: center;
		background-image: url(../images/white.png);
		padding: 5px;
		margin: 0px auto 0px auto;
		border: 1px solid #c2c2c2;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

	li {
		font-family: verdana;
		font-size: 16px;
		color: #000000;
	}

	#nav {

		margin: 0px; 

		padding: 0px; 

		list-style: none;

		float: right;

		z-index: 100;

	}	

		/* make the LI display inline */

		/* it's position relative so that position absolute */

		/* can be used in submenu */

	#nav li {

			float:left; 
			display:block; 
			width:auto;  
			position:relative;
			z-index:170; 
			margin:0px 0px 0px 0px;
			height: 30px;
	}

		

		/* this is the parent menu */

	#nav li a {

			display:block; 
			height:30px; 
			text-decoration:none;
			color:#666; 
			text-align:left; 
			font-size: 16px;
			padding: 60px 20px 0px 20px;

	}



	#nav li a:hover {

			color:#111;
			background-image: url(../images/arrow.jpg);
			background-repeat: no-repeat;
			background-position: top center;

	}
	

		/* you can make a different style for default selected value */

	#nav a.selected {

			color:#ff0000;

	}

	

		/* submenu, it's hidden by default */

	#nav ul {
			position:absolute;
			left: 0px;
			display:none; 
			margin: 0px 0px 0px 0px; 
			padding: 5px 5px 5px 5px; 
			list-style:none;
			background-color: #f5f5f5;
			border: 1px solid #636363;
	}

		

	#nav ul li {
			width:260px; 
			float:left; 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
	}

		

		/* display block will make the link fill the whole area of LI */

	#nav ul a {
			display: block;  
			height: 15px;
			padding: 8px; 
			color: #666;
			font-size: 14px;
			border-bottom: 1px solid #e2e2e2;
	}

		

	#nav ul a:hover {
		
		color: #000;
		background-image: none;

	}

	*html #nav ul {

			margin:0 0 0 0;

	}
	
	.footer {
		width: 100%;
		height: 200px;
		background-image: url(../images/tile2.jpg);
		background-repeat: repeat-x;
		padding: 40px 0px 0px 0px;
	}
	
	.head h2 {
		font-weight: 400;
	}
	
	.quotes {
		width: 980px;
		height: 143px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	
	.quotes p {
		margin: 5px 0px 0px 0px;
		padding: 5px;
	}
	
	.foot {
		width: 980px;
		height: 50px;
		margin: 20px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	
	.foot a {
		font-size: 16px;
		color: #ebebeb;
	}
	
	.foot p, .foot span {
		margin: 0px;
		padding: 0px;
		color: #ebebeb;
	}
	
	.quotesBox {
		width: 450px;
		height: 140px;
		float: left;
		margin: 0px 10px 0px 10px;
	}
	
	.body h1 {
		font-family: Verdana, Geneva, sans-serif;
		color: #555;
		margin: 0px;
		font-size: 22px;
	}
	
	.body2 h1 {
		font-family: Verdana, Geneva, sans-serif;
		color: #555;
		margin: 0px;
		font-size: 22px;
	}
	
	.body2 h3 {
		font-family: Verdana, Geneva, sans-serif;
		color: #555;
		margin: 0px;
	}
	
	.body p {
		font-family: Verdana, Geneva, sans-serif;
		color: #555;
		font-size: 14px;
	}
	
	.body2 p {
		font-family: Verdana, Geneva, sans-serif;
		color: #555;
		font-size: 16px;
	}
	
	.quotesBox p {
		color: #CCC;
		font-size: 18px;
	}
	
	.quotesBox a {
		color: #fff;
		font-size: 16px;
		text-decoration:underline;
	}
	
	h1,h2,h3,h4  {
		margin: 0px;
		padding: 0px;
	}
	
	#carousel1 {
		width: 1000px;
		height: 450px;
	}

	.controls h2 {
		color: #000;
		position: relative;
		top: -10px;
	}

	.bodyRight2 ul {
		margin: 0px;
		padding: 0px;
	}
	
	.bodyRight2 ul li {
		width: 250px;
		height: 25px;
		border-bottom: 2px solid #858281;
		font-size: 20px;
		text-align: left;
		padding: 5px 0px 5px 0px;
		color: #ffffff !important;
	}
	
	.bodyRight2 ul li a  {
		color: #ffffff;
		text-decoration: none;
		font-size: 18px;
	}
	
	.bodyRight2 p {
		color: #ffffff;	
		font-size: 14px;
	}
	
	.bodyRight2 a {
		color: #ffffff !important;
	}
	
	.bodyLeft2 ul {
		margin: 10px;
		padding: 10px;
		list-style-type: circle;
	}
	
	.bodyIn a {
		font-size: 14px;
		color: #000;
		text-decoration: underline;
	}
	
	.bodyIn2 a {
		font-size: 14px;
		color: #000;
		text-decoration: underline;
	}
	
	.bodyLeft2 li {
		color: #555 ;
		margin: 5px;
	}
	
	.bodyLeft2 a {
		color: #555 !important;
		margin: 5px;
	}
	
	.outer2 {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: left;
    	height: 70px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 70px;
    	z-index: 5;
	}

	.outer3 {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: left;
    	height: 150px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 150px;
    	z-index: 5;
	}
	
	.outerT {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: left;
    	height: 596px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 310px;
    	z-index: 5;
	}
	
	.outerLarge {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: left;
    	height: 310px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 310px;
    	z-index: 5;
	}
	
	.outerLargeW {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: right;
    	height: 310px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 470px;
    	z-index: 5;
	}
	
	.outerLargeR {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: left;
    	height: 470px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 310px;
    	z-index: 5;
	}
	.outerLargeR2 {
    	background-color: #898989;
    	border: 1px solid #363636;
    	float: right;
    	height: 310px;
    	margin: 0 8px 8px 0;
    	position: relative;
    	width: 310px;
    	z-index: 5;
	}

	.bodyIn h1 {
		font-weight: 400;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		background-color: #f8f8f8;
		border: 1px solid #c2c2c2;
		padding: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.bodyIn h3 {
		font-weight: 400;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
	}
	
	.bodyIn2 h1 {
		font-weight: 400;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		background-color: #f8f8f8;
		border: 1px solid #c2c2c2;
		padding: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.smallArrow {
		font-size: 12px;
	}

	.bodyIn2 h3 {
		font-weight: 400;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
	}
	
	form {
		width: 355px;
		height: auto;
		margin: 0px auto 0px auto;
		text-align: left;
	}
	
	input {
		font-size: 20px;
		width: 350px;
		border: 1px solid #000;
	}
	
	textarea {
		font-size: 20px;
		width: 350px;
		font-family: Verdana, Geneva, sans-serif;
		border: 1px solid #000;
	}
	
	label {
		text-align: left;
		float: left;
	}
	
	#accordion div p {
		font-size: 12px;
	}
	
	#men {
		height: 350px;
	}
	
	#women {
		height: 350px;
	}
	
	#testim img {
		margin: 2px 0px 2px 0px;
		padding: 0px;
		border: 1px solid #000000;
	}
	
	#testim {
		width: 655px; height: 575px; margin: 10px 0px 15px 0px; background-color: #f8f8f8; border: 1px solid #c2c2c2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		text-align: center;
	}
	
	#testim p {
		font-size: 14px;
	}
	
	#testim h1 {
		text-align: left; border: 0px solid #f8f8f8;
	}
	
	#testimContent {
		 width: 655px; text-align: left;
	}
	
	#testimImg {
		 width: 232px; height: 348px; float: left; margin: 5px 5px 10px 15px;
	}
	
	#testimQuo {
		 width: 370px; height: 338px; float: left; margin: 0px 0px 0px 10px; padding: 5px; background-image: url(../images/quote.png);
	}