html
	{
	background-image:url('images/background2.png');
	background-color:#E6E6E6;
	}

body
	{
	margin: 0px auto;
	width:1100px;
	background-color:#8f8f8f;
	background-image:url('images/bodybackground3.png');
	box-shadow: 8px 8px 5px black;
	font-family:"Trebuchet MS";
	position:relative;
	}
	
div.header
	{
	height:275px;
	}

div.navbar
	{
	background-color:#5E5E5E;
	padding:0px;
	margin-top:-5px;
	}
	
		div.navbar ul
		{
		margin:0px;
		padding:0px;
		}
		
			div.navbar li
			{
			display:inline-block;
			text-align:center;
			margin:0px;
			padding:0px;
			width: 19.62%;
			}
			
				div.navbar li a
				{
				padding:5px 0;
				display:inline-block;
				color:white;
				text-decoration:none;
				width:100%;
				font-weight:normal;
				text-transform:uppercase;
				border-radius:1px;
				background-color:#5E5E5E;
				-webkit-transition:background-color 0.25s;
				-moz-transition:background-color 0.25s;
				transition:background-color 0.25s;
				}
				
				div.navbar li a:hover
				{
				background-color:#303030;
				}
				
				div.navbar li a:active
				{
				color:#007BBD;
				}
				
				div.navbar li a.currentpage
				{
				background-color:#303030;
				color:white;
				}

div.bottom
{
background-color:#5E5E5E;
color:white;
padding:0;
text-align:left;
text-indent:5em;
}

img.banner
{
width:1100px;
}

a.bannerlink
{
}
	
	a.bannerlink div
	{
	height:150px;
	width:550px;
	position:absolute;
	top:22px;
	}

div.socialbox
{
position:absolute;
right:10px;
top:110px;
margin:10px;
padding-top:5px;
border-radius:3px;
background-color:#dbdbdb;
}
				div.socialbox img
				{
				width:50px;
				height:50px;
				opacity:0.8;
				}
				
				div.socialbox img:hover
				{
				opacity:1;
				}
		
div.fakesocial
{
margin:10px auto;
border-style: solid;
border-color: black;
border-width: 3px;
text-align:center;
font-weight:bold;
text-transform:uppercase;
color:white;
}

li
{
display:inline-block;
width:32%;
}

/* -----PRODUCTS PAGE----- */
div.productbox
{
background-color:#303030;
width:275px;
border-radius:5px;
margin:auto;
box-shadow:7px 7px 5px #202020;
}

div.productbox:hover
{
background-image:url('images/hoverbars.png');
}

	div.productbox img
	{
	height:300px;
	width:250px;
	display:block;
	margin:auto;
	padding-top:10px;
	}
	
	div.words
	{
	color:white;
	background-color:#404040;
	border-radius:3px;
	margin-top:5px;
	}
	
/*-----INDIVIDUAL PRODUCT PAGES-----*/
div.shirtimage
{
background-color:#303030;
padding:10px;
width:450px;
height:500px;
margin-left:50px;
border-radius:5px;
box-shadow:5px 5px 4px black;
}

	div.shirtimage img
	{
	border-radius:5px;
	height:500px;
	width:450px;
	}
	
div.shirtdesc
{
background-color:#303030;
width:450px;
position:absolute;
right:60px;
top:50px;
padding:5px;
border-radius:3px;
box-shadow:5px 5px 4px black;
}

	div.content
	{
	color:white;
	text-indent:30px;
	}
	
	div.shirtdesc span
	{
	
	}
	
div.price
{
background-image:url('images/hoverbars.png');
background-color:black;
height:50px;
width:200px;
color:white;
text-align:center;
font-size:25px;
font-weight:bold;
border-radius:3px;
padding-top:15px;
position:absolute;
right:200px;
bottom:90px;
box-shadow:5px 5px 4px black;
}
	
button.sizebox
{
color:white;
background-color:black;
border:none;
width:60px;
text-align:center;
padding:5px;
margin:5px;
}

	button.sizebox:active
	{
	background-color:#007BBD;
	}

button.colorbutton
{
color:white;
background-color:black;
border:none;
}
	button.colorbutton:active
	{
	background-color:#007BBD;
	}
	
button.quantbutton
{
color:white;
background-color:black;
border:none;
width:30px;
text-align:center;
padding:5px;
margin:2px;
}

	button.quantbutton:active
	{
	background-color:#007BBD;
	}
	
div.sizeselect
{
background-color:white;
text-transform:uppercase;
font-weight:bold;
border-radius:3px;
color:black;
position:absolute;
left:60px;
bottom:15px;
padding-right:25px;
}

div.quantityselect
{
background-color:white;
text-transform:uppercase;
font-weight:bold;
border-radius:3px;
color:black;
position:absolute;
left:190px;
bottom:15px;
padding-right:25px;
}

div.colorselect
{
background-color:white;
text-transform:uppercase;
font-weight:bold;
border-radius:3px;
color:black;
position:absolute;
right:60px;
bottom:15px;
padding-right:25px;
}

table.sizechart
{
width:400px;
text-align:center;
border-collapse:collapse;
box-shadow:5px 5px 4px black;
position:absolute;
bottom:175px;
right:85px;
}

	th, td
	{
	border:2px solid black;
	}
	
	th
	{
	color:white;
	background-color:black;
	}
	
	td
	{
	background-color:#303030;
	color:white;
	}
	
div.checkout
{
position:absolute;
border-radius:3px;
background-color:#303030;
height:25px;
width:100px;
text-align:center;
text-transform:uppercase;
bottom:40px;
right:240px;
box-shadow:5px 5px 4px black;
font-weight:bold;
padding:5px;
}
	
	div.checkout a
	{
	text-decoration:none;
	color:white;
	}
	
/*-----FAQ PAGE-----*/
div.question
{
width:800px;
color:white;
background-color:#303030;
text-align:left;
font-weight:bold;
text-transform:uppercase;
box-shadow:5px 5px 4px black;
margin:auto;
border-radius:3px;
padding:5px;
}

	div.answer
	{
	font-weight:normal;
	text-transform:none;
	margin:5px;
	}
	
	button.questionbutton
	{
	background-color:black;
	color:white;
	font-weight:bold;
	border:none;
	border-radius:3px;
	}
	
/*-----HOMEPAGE-----*/

	img.salebanner
	{
	margin:auto;
	height:275px;
	width:920px;
	position:absolute;
	right:10px;
	top:10px;
	border-radius:3px;
	left:0px;
	top:250px;
	}
	
div.newestdesigns
{
border-radius:3px;
background-color:#303030;
/*box-shadow:5px 5px 4px black;*/
margin:10px auto;
padding:5px;
width:460px;
padding-top:10px;
position:absolute;
right:30px;
}

	div.newestdesigns img
	{
	width:150px;
	height:175px;
	border-radius:3px;
	}
	
	div.newbanner
	{
	width:75px;
	height:75px;
	background-color:red;
	border:2px solid red;
	color:white;
	text-align:center;
	font-weight:bold;
	position:absolute;
	bottom:0px;
	left:0px;
	border-radius:50px;
	-webkit-animation:bannerchange 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation:bannerchange 5s;
	}
	
		@-webkit-keyframes bannerchange
		{
		0%	{left:0px;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		50%	{left:390px;transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
		100%	{left:0px;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		}
		
		@keyframes bannerchange
		{
		0%	{left:0px;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		50%	{left:390px;transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
		100%	{left:0px;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		}
	
		div.newbanner span
		{
		font-size:20px;
		position:absolute;
		top:25px;
		right:12px;
		}
		
div.twitterbox
{
position:absolute;
left:30px;
top:550px;
width:500px;
}

div.week
{
width:450px;
background-color:#303030;
color:white;
position: absolute;
bottom:40px;
right:30px;
padding:10px;
border-radius:3px;
text-align:center;
text-transform:uppercase;
}

	div.week p
	{
	transform: scale(1,2);
	-webkit-transform: scale(1,2);
	}

/*-----CONTACT-----*/
div.contactbox
{
width:400px;
text-align:center;
background-color:#404040;
background-image:url('images/hoverbars.png');
color:white;
padding:15px;
border-radius:3px;
font-weight:bold;
box-shadow:5px 5px 4px black;
position:absolute;
left:75px;
top:300px;
}

	div.contactcontent
	{
	text-align:left;
	background-color:#303030;
	padding:5px;
	border-radius:3px;
	font-weight:normal;
	}
	
div.contactbox2
{
width:400px;
text-align:center;
background-color:#404040;
background-image:url('images/hoverbars.png');
color:white;
padding:15px;
border-radius:3px;
font-weight:bold;
box-shadow:5px 5px 4px black;
position:absolute;
right:75px;
top:300px;
}

/*-----ABOUT-----*/
div.personbox
{
width:343px;
height:220px;
background-color:#202020;
border-radius:3px;
margin:10px;
display:inline-block;
position:relative;
}
	img.personimg
	{
	height:200px;
	width:200px;
	border-radius:3px;
	margin:10px;
	}
	
	img.smallpersonimg
	{
	height:50px;
	width:100px;
	position:absolute;
	border-radius:3px;
	top:20px;
	right:15px;
	}
	
	img.smallpersonimg2
	{
	height:50px;
	width:100px;
	position:absolute;
	border-radius:3px;
	top:85px;
	right:15px;
	}
	
	img.smallpersonimg3
	{
	height:50px;
	width:100px;
	position:absolute;
	border-radius:3px;
	top:150px;
	right:15px;
	}
	
	div.personname
	{
	position:absolute;
	background-color:#007BBD;
	color:white;
	border-radius:3px;
	padding:5px;
	text-transform:uppercase;
	width:100px;
	text-align:center;
	bottom:0px;
	}

div.aboutbox
{
width:1000px;
padding:10px;
color:white;
font-size:20px;
border-radius:3px;
line-height:200%;
background-color:#202020;
margin:auto;
}

 img.aboutimg
 {
 height:200px;
 width:200px;
 float:left;
 border:5px solid #404040;
 border-radius:3px;
 margin:10px;
 }
 
 img.aboutimg2
 {
 height:250px;
 width:200px;
 float:right;
 border:5px solid #404040;
 border-radius:3px;
 margin:10px;
 }
 
 img.aboutimg3
 {
 height:250px;
 width:200px;
 float:left;
 border:5px solid #404040;
 border-radius:3px;
 margin:10px;
 }
 
 div.aboutname1
 {
position:absolute;
background-color:#007BBD;
color:white;
border-radius:3px;
padding:1px;
text-transform:uppercase;
width:50px;
text-align:center;
bottom:600px;
left:75px;
 }
 
  div.aboutname2
 {
position:absolute;
background-color:#007BBD;
color:white;
border-radius:3px;
padding:1px;
text-transform:uppercase;
width:100px;
text-align:center;
bottom:310px;
right:75px;
 }
 
  div.aboutname3
 {
position:absolute;
background-color:#007BBD;
color:white;
border-radius:3px;
padding:1px;
text-transform:uppercase;
width:100px;
text-align:center;
bottom:70px;
left:75px;
 }