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

* { margin: 0; padding: 0; }

body {
  background: #FFF;
}

#container {
	margin: auto;
	width: 820px;
}

#header {
  height: 162px;
  width: 820px;
  margin: 48px auto 0 auto;
}

#header h1 {
  display: block;
  float: left;
  width: 820px;
  height: 185px;
  background: url(../images/fototees-mast.gif) no-repeat 0 0;
  text-indent: -10000px;
}

#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

/* use later for logo mouseover if needed

#header h1 a:hover {
  background:url(../images/) no-repeat 0 -125px;
}

span.logoHover {
  display: block;
  width: 100%;
  height:100%;
  background:#ccc url(../images/) no-repeat 0 -125px;
}

span.logoHover a {
  display: block;
  width: 100%;
  height:100%;
}

*/

/*------------------------------------------------------------
			Deco-Tees CSS MAIN navigation
------------------------------------------------------------*/

#navigation {
background: url("../images/menu_bg.gif") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 50px;
margin: 0;
overflow: visible;
padding: 0;
text-align: left;
white-space: nowrap;
width: 100%;
word-wrap: break-word;
}

/*------------------------------------------------------------
			START $2.3 navigation
------------------------------------------------------------*/

		#navigation	{
			display: block;
			margin: 0;
			overflow: visible;
			padding: 0;
			white-space: nowrap;
			word-wrap: break-word;
			}
			
		#navigation li {
			display: block;
  			font-family: Arial, Helvetica, sans-serif;
			color: #eee;
  			float: left;
			color: #eeeeee;
			font-size: .75em;
			font-weight: bold;
			letter-spacing: -0.015em;
			margin-right: 0;
			padding-left: 0;
			}
			
		#navigation li.image {
			background: transparent none;
			margin: 0;
			padding: 0;
			}
			
		#navigation li a {
			display: block;
  			text-decoration: none;
			color: #404040;
			font-weight: bold;
			margin: 0;
 			padding: 18px 30px;
			}
			
		#navigation li.alt a {
			color: #eee;
			}
			
			#navigation li.alt {
			background: #666;
			height: 50px;
			border: 0;
			margin: 0;
			padding-right: 10px;
}

		#navigation li a:hover {
			color: #fff;
			background: #666;
			}

/*------------------------------------------------------------
			END Deco-Tees CSS navigation
------------------------------------------------------------*/



#header ul {
  display: block;
  list-style: none;
  float: left;
}

/*
#home a:hover {
  color: #39f;
  text-decoration: underline;
}

#myo a:hover {
  color: #39f;
  text-decoration: underline;
  }

#gallery a:hover {
  color: #39f;
  text-decoration: underline;
}

#contact a:hover {
  color: #39f;
  text-decoration: underline;
}
*/

p#featuredText {
  margin: 25px 25px 25px 0;
  color: #333;
  display: block;
  position: relative;
  float: left;
  width: 545px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  text-align: left;
}

#socnet {
  margin: 25px 0;
  display: inilne;
  color: #0079c1;
  text-decoration: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: right;
  float: left;
  width: 225px;
  height: 125px;
}

#socnet img {
  border: none;
}

#socnet p {
  margin-bottom: 10px;	
  font-size: 1.25em;	
}

#boxContainer {
  margin: 0 0 25px 0;
}

.box {
  width: 273px;
  height: 185px;
  float: left;
}

.box a {
  display: block;
  width: 273px;
  height: 158px;
  text-decoration: none;
}

.box h2 {
  font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #0f83bc;
  text-transform: uppercase;
  margin: 15px 0 0 140px;
}

.box p {
  font: normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #0c3b4a;
  margin: 0 30px 0 140px;
}

.art {
	background: url(../images/box1.png) no-repeat 0 0;
	margin-bottom: 25px;
}

.shirt {
	background: url(../images/box2.png) no-repeat 0 0;
	margin-bottom: 25px;
}

.order {
	background: url(../images/box3.png) no-repeat 0 0;
	margin-bottom: 25px;
}

#footer {
  clear: both;
  width: 820px;
  border-top: 1px dashed #333;
}

#footer p {
  margin: 15px 0;
  font: .8em Arial, Helvetica, sans-serif;
  color: #999;
}

#footer a {
  margin: 15px 15px;
  color: #0079c1;
  text-decoration: none;
}

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