@charset "utf-8";
/* CSS Document */


body {
	
	color: #202020;
	font: 11px Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	background: #EAEAEA;
	}
	
.clear1{ display:block; clear:both; width:100%; height:15px;}
.clear2{ display: inline-block; clear:both; width:100%; height:8px;}
.clear3{ display:block; clear:both; width:100%; height:18px;}
IMG{ border:0px;}


#outer{
	display:block; clear:both; width:970px; margin:0 auto;
}
#wrap {
	width: 924px;
	float:left;
	padding-left:23px;
	padding-right:23px;
	background:url(../images/bg1.gif) center repeat-y  #EAEAEA;
		}

#container{
	display:block;
	clear:both;
	float:left;
	width:924px;
	/*background:red;*/
	
}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: url(../images/bg_top-navigation.gif) repeat-x #fff;
	width: 924px;
	height: 60px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	border-bottom: 0px solid #8D8D8D;
	}
	

	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a, #nav a:visited {
	/*background: #FFFFFF url(../images/navlink.gif) right;
	padding: 8px 17px 8px 15px;
	color: #FFFFFF;
	display: block;
    font-weight: bold;
   	text-transform: uppercase;
	*/
	 margin: 0px;	
	}
	
#nav a:hover {
	/*background: #FFFFFF url(../images/navhover.gif) right;
	padding: 8px 17px 8px 15px;*/
	color: #FFFFFF;
    margin: 0px;
	text-decoration: none;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top:15px;
	}

#nav-home a{ width:122px; height:40px; float:left;background-image:url(../images/navigation.png); background-repeat: no-repeat; background-position: 00px 00px; }
#nav-home a:hover{ width:122px; height:40px; float:left; background-image:url(../images/navigation.png); background-repeat: no-repeat;  background-position: 00px -40px; }

#nav-tshirts a{ width:159px; height:40px; float:left;background-image:url(../images/navigation.png); background-repeat: no-repeat; background-position: -122px 00px; }
#nav-tshirts a:hover{ width:159px; height:40px; float:left; background-image:url(../images/navigation.png); background-repeat: no-repeat;  background-position: -122px -80px; }

#nav-about a{ width:136px; height:40px; float:left;background-image:url(../images/navigation.png); background-repeat: no-repeat; background-position: -281px 00px; }
#nav-about a:hover{ width:136px; height:40px; float:left; background-image:url(../images/navigation.png); background-repeat: no-repeat;  background-position: -281px -120px; }

#nav-blog a{ width:119px; height:40px; float:left;background-image:url(../images/navigation.png); background-repeat: no-repeat; background-position: -417px 00px; }
#nav-blog a:hover{ width:119px; height:40px; float:left; background-image:url(../images/navigation.png); background-repeat: no-repeat;  background-position: -417px -160px; }

#nav-contact a{ width:154px; height:40px; float:left;background-image:url(../images/navigation.png); background-repeat: no-repeat; background-position: -536px 00px; }
#nav-contact a:hover{ width:154px;; height:40px; float:left; background-image:url(../images/navigation.png); background-repeat: no-repeat;  background-position: -536px -200px; }


/************************************************
*	Shopping Cart
************************************************/
.shopping-cart{
	display:inline; float:right; background:yellow; width:210px; padding-right:10px; height:25px; padding-top:35px;
	background: url(../images/shopping-cart.gif) repeat-x #fff;
	font:11px Arial, Helvetica, sans-serif; color:#666666;
}	
.shopping-cart SPAN{
	display:inline; float:right; width:140px; height:20px; vertical-align:text-top; padding-top:4px;
}


/************************************************
*	Header
************************************************/

#header{	display:block; clear:both; width:920px; float:left; height:296px;  }
.header-flash { display:inline; float:left; width:699px; height:296px; }
.header-right{ display:inline; float:right; width:216px; height:296px; }



#main-3blocks{ display:block; clear:both; width:920px; float:left; padding-top:8px; padding-bottom:10px;}
#main-3blocks SPAN{ display:inline; float:left; height:140px; width:270px; padding:17px 15px 0px 15px; background:url(../images/dot2.gif) #F3F3F3; font-size:10px; }
#main-3blocks h1{ padding:0px; margin:0px; display:block; clear:both; font:bold 14px Arial, Helvetica, sans-serif; color:#0582C4; padding-bottom:8px;}
#main-3blocks B{ color:#6D7379; background:#fff; line-height:20px;  clear:both;  padding:2px ; font-weight:normal; font-size:11px;}
#main-3blocks P{ padding:0px; margin:0px;}


/*
#order-online{ display:block; clear:both; width:924px; height:50px; background:url(../images/dot-green.gif) #98B83D; float:left; vertical-align:top; padding:0px; margin:0px;padding-top:25px;}
#order-online h2{ padding:0px; margin:0px; padding-left:20px; }
#order-online SPAN{ width:628px; height:25px; display:inline; float:right; margin-right:20px;}
*/
#order-online{ display:block; clear:both; width:924px; height:61px; background:url(../images/dot-green.gif) #98B83D; }
#order-online2{ display:block; clear:both; width:924px; height:95px; background:url(../images/dot-blue.gif) #98B83D; }

.white-strip{ display:block; clear:both; width:900px; height:19px; padding:4px 4px 2px 4px; background:#fff; float:left; margin:7px 0px 4px 8px; color:#000000; }
.white-strip a{  color:#0582C4; text-decoration:none;}
.white-strip a:visted{  color:#0582C4; text-decoration:none;}
.white-strip a:hover{ color:#333; text-decoration:none;}



/************************************************
*	About Us
************************************************/

#header-about{	display:block; clear:both; width:920px; float:left; height:314px;  }

#blue-block{ display:block; clear:both; width:924px; height:48px; background:url(../images/dot-blue.gif) #0582C4; float:left;}

#about-6blocks{ display:block; clear:both; width:920px; float:left; padding-top:8px; padding-bottom:10px;}
#about-6blocks SPAN{ display:inline; float:left; height:140px; width:270px; padding:17px 15px 0px 15px; background:url(../images/dot2.gif) #F3F3F3; font-size:10px; }
#about-6blocks h1{ font:18px Tahoma,Arial; color:#fff; display:inline;  padding:0px; margin:0px; height:25px; background:#CCCCCC; padding:2px 5px 2px 5px; margin-bottom:5px;}
#about-6blocks B{ color:#6D7379; background:#fff; line-height:20px;  clear:both;  padding:2px ; font-weight:normal; font-size:11px; }
#about-6blocks P{ padding:0px; margin:0px; padding-top:8px; width:180px; float:right}



#footer1{ display:block; clear:both; float:left; height:20px; width:970px; position: absolute center ; background:url(../images/footer.gif) top center no-repeat #EAEAEA;
text-align:center; padding-top:15px; font:10px Arial, Helvetica, sans-serif; color:#666666;}



/************************************************
*	Contact Us    								*
************************************************/

#contact-us{
	display:block; clear:both; width:924px; float: left;
}

.contact-form{ display:inline; float:left; /*width:558px;*/ width:498px;  padding:30px 30px 0px 30px; height:406px; background:#1881C3;}

.contact-form LABEL{ padding:0px; margin:0px; display:block; clear:both;}
.contact-form INPUT{ padding:3px; margin:0px; display:block; clear:both; width:490px; height:40px; background:#fff; border:0px;
font:26px/40px Arial, Helvetica, sans-serif; color:#999999;}
.contact-form  TEXTAREA{ padding:3px; margin:0px; display:block; clear:both; width:490px; height:105px; background:#fff; border:0px; color:#999999;}


.contact-right{ display:inline; float:right; height:436px;}
.contact-right IMG{ display:block; clear:both;}


/************************************************
*	FAQ  								*
************************************************/
#faq1{	display:block; clear:both; width:870px; padding-left:27px; padding-top:43px; float:left;}
#faq1 SPAN{ display:inline; width:410px;}
#faq1 TH{ text-align:left; font:bold 11px tahoma, arial; color:#1881c3; padding-bottom:8px;}
#faq1 TD{ text-align:left;  padding-bottom:20px; width:395px; padding-left:15px;}


/************************************************
*	t-content-area  								*
************************************************/

#all-tshirts{ display:block; clear:both; text-align:left; text-transform:uppercase; font:12px Arial, Helvetica, sans-serif;}
#all-tshirts ul{ padding:0px; margin:0px; list-style-type:none; float:left;}
#all-tshirts ul li{ padding:0px; margin:0px; display:inline; float:left; width:450px; height:295px; margin-bottom:10px; }
#all-tshirts a { display:block; clear:both; float:left; padding:18px 23px 29px 17px; width:410px; height:248px;}
#all-tshirts a:visited{ display:block; clear:both; float:left;  padding:18px 23px 29px 17px; }
#all-tshirts a:hover { display:block; clear:both; float:left;  padding:18px 23px 29px 17px;  background:url(../images/bg_rollover1.gif) left top no-repeat;}

#t-content-area{	display:block; clear:both; width:924px; float:left; }

#t-content-area-left{ display:inline; float:left; width:530px; height:325px; padding:20px; background:url(../images/dot-grey.gif) #eee; }
#t-content-area-left h1{ padding:0px; margin:0px; height:48px;}
#t-box1{ padding:0px; margin:0px;/* width:530px; height:260px;*/  width:490px; height:230px; padding:20px 20px 10px 20px; float:left; background: url(../images/bg2.gif) left no-repeat white; position:relative}
#t-box1 SPAN{ display:block; clear:both; width:490px; background: url(../images/share-this.gif) top right no-repeat ; float:left; 
position:absolute; bottom:15px; height:48px; text-align:right; }
#t-box1 STRONG{ color:#0282C3;}
#t-content-area-right{ display:inline; float:right; width:344px;}

#t-content-area-left a{ color:brown; text-decoration:underline}
#t-content-area-left a:visited{ color:brown; text-decoration:underline}
#t-content-area-left a:hover{ color:#000; text-decoration:none}



#t-part2{	display:block; clear:both; float:left; height:390px; border-bottom:5px solid #fff;}
.tp1{ display:inline; float: left; width:290px; height:390px; background:#f4f4f4}
.tp2{ display:inline; float: left; width:290px; height:390px; background:#f4f4f4; margin-left:25px;}
.tp3{ display:inline; float: left; width:290px; height:390px; background:#f4f4f4; margin-left:25px;}

/************************************************
*	Footer      								*
************************************************/

#footer {
	background:#E4E4E4;
	width: 924px;
	height:290px;
	padding: 0px;
	text-align: center;
	float:left;
	border-top:6px solid #fff;
	}
	


#footer a, #footer a:visited {
	color: #333;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000;
	text-decoration: underline;
	}

#footer UL{ display:block; clear:both; width:860px;list-style-type:none; margin:0 auto; padding:22px 0px 0px 0px;}
#footer UL LI{ width:200px; margin-right:15px; float:left;  text-align:left;}
#footer h1{ padding:0px 0px 15px 0px; margin:0px;}
#footer P{ margin:0px; padding: 9px 0px 0px 0px;; font:11px Arial, Helvetica, sans-serif; color:#383838}
#footer b{ background:white; font-weight:normal; line-height:20px; margin-bottom:2px; padding:2px; border-bottom:2px solid #E4E4E4; }
	