/* CSS Document */
*{	
	margin: 0;
	padding: 0;
}



body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	color:#333333;
	background-color:#f2f2f2;
}

p{
	padding: 0 0 0 5px;
	font-size: 14px;
	line-height: 19px;
}


img{
	border: 0;
	padding: 0 0 2px 0;
	}




a{
	color:#616D7E;
	text-decoration: none;
}

a:hover{
	color: #25383C;
}


	

	
	
	

h2{
color:#666600;
}

h3{
	color: #616D7E;
	margin: 0 0 0 0;
	padding: 0 0 2px 5px;
}

strong{
	color:#616D7E;
	}

#wrapper{
	width: 800px;
	height: auto;
	margin: 5px auto;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	}
	
#advert{
	background-color: #ffffff;
	width: 795px;
	padding: 0 10px 0 15px;
	margin: 5px auto;
	}

	
#logo{
	background-color: #ffffff;
	width: 795px;
	height: 50px;
	padding: 10px 0 20px 5px;
	float: left;
	clear: both;
	}
	
.phone{
	float:right;
	padding:0 0 0 0;
}

#navigation{
	background-color:#ffffff;
	font-size: 16px;
	float: left;
	clear: both;
	padding: 0 0 0 5px;
	width: 600px;
	clear: both;
	
	}
	
#navigation li{
	display: inline; 
	background-color: #ffffff;
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 0;

	}
	
#navigation a{
	color: #666666;
	text-decoration: none;
	font-size: 16px;
	}

#navigation li:hover{
	color: #f2f2f2;
	background-color: #ffffff;
}
	
	
#navigation a:hover{
	color: #000000;
	background-color: #ffffff;
}

#navigation li.active a{
	background-color: bbb7a8;
	text-decoration: none;
	color: #000000;
	}
	
#lang{
	float:right;
	display: inline;
	padding: 0 2px 0 0;
	font-size: 16px;
}
	
.right{
	float: right;
	margin: 0 25px 0 0;
	}
	

	
	

#services-nav{
	background-color: #ffffff;
	font-size: 16px;
	float: left;
	clear: both;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
	width: 750px;
	display: inline;
	}

#services-nav a{
	padding: 0 5px 0 0;
	margin: 0 0 0 5px;
	text-decoration: none;
	}	
	
#services-nav a.active {
	color:#000000;
	}

	
#nav-left{
	width: 210px;
	float: right;
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 20px 5px 0 0;
	}
	

#nav-left li{
	display: block;
	background-color: #f2f2f2;
	padding: 5px 5px 5px 20px;
	 }


#nav-left a{
	color: #666666;
	text-decoration: none;
	}
	
#nav-left a:hover{
	color: #000000;
}

#nav-left li:hover{
	color: #e0e0e0;
	background-color: #e0e0e0;
}

#nav-left p{
	background-color:#e0e0e0;
	padding: 5px 5px 5px 20px;
	
	}





#devide{
	background-color: #ffffff;
	width:795px;
	height: 10px;
	padding: 0 0 0 5px;
	margin:  0 0 0 0;
	clear: both;
	}
	
#devide hr{
	height: 2px;
	background-color:#bbb7a8;
	color: #bbb7a8;
	text-align: left;
	border: none;
	clear: both;
	} 
	
#devide-bottom{
	position: absolute;
	bottom: 20px;
	background-color: #ffffff;
	width:795px;
	height: 10px;
	padding: 0 0 0 5px;
	margin:  0 0 0 0;
	clear: both;
	}
	
#devide-bottom hr{
	height: 2px;
	background-color:#bbb7a8;
	color: #bbb7a8;
	text-align: left;
	border: none;
	clear: both;
	} 
	

#main-image{
	width: 795px;
	height: 350px;
	margin: 10px 0 15px 5px;
	float: left;
	}
	
#services{
	width: 250px;
	margin: 25px 0 15px 5px;
	float: left;
	clear: both;
	}
	
#services-r{
	width: 400px;
	height: 159px;
	background-color: #ffffff;
	margin: 25px 0 0 0;
	float: left;
	}
	
#services-r a{
	text-decoration:none;
	}
	
	
#first-column{
	width: 300px;
	background-color: #ffffff;
	margin: 0 20px 30px 5px;
	float: left;
	clear: both;
	}
	

	
	
#second-column{
	width: 275px;
	background-color: #ffffff;
	margin: 0 25px 30px 0;
	float: left;
	}
	
#third-column{
	width: 175px;
	background-color: #ffffff;
	margin: 0 0 30px 0;
	float: left;
	}
	
form {
	padding: 0 0 0 5px;
	font-size: 14px;
	line-height: 19px;
	}
	
.submit { 
  font: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px; 
  max-width: 100px; 
  width: 100px; 
  text-align: center; 
  margin: 10px 0 0 0; 
}

.mail{ 
  font: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px; 
  max-width: 150px; 
  width: 150px;
  margin: 5px 0 0 0; 
}
	
#wide-l-column{
	width: 400px;
	background-color: #ffffff;
	margin: 20px 10px 30px 5px;
	float: left;
	clear: both;
	}
	
#t-shirt-left{
	width: 550px;
	background-color: #ffffff;
	margin: 20px 5px 30px 0;
	float: left;
	}
	
#badge-design-left{
	width: 500px;
	background-color: #ffffff;
	margin: 20px 20px 30px 5px;
	float: left;
	}
	
	

	
#contact-left{
	width: 375px;
	background-color: #ffffff;
	margin: 20px 20px 30px 5px;
	float: left;
	clear: both;
	}
	
#t-shirt-right{
	width: 210px;
	min-height: 500px;
	background-color: #ffffff;
	margin: 10px 5px 0 0;
	float: right;
	}
	
	
	
#wide-r-column{
	width: 300px;
	background-color: #ffffff;
	margin: 25px 0 30px 0;
	float: left;
	}
	

#main-column{
	width: 580px;
	background-color: #ffffff;
	margin: 0 25px 30px 5px;
	float: left;
	}

#head{
	width: 700px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 0 10px 20px;
	}







#l-column{
	width: 260px;
	height: 420px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	padding: 0 0 0 0;
	}
	
#full-width{
	width: 700px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 0 10px 30px;
	min-height: 500px;
	}
	
#full-width-2{
	width: 700px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 0 10px 5px;
	min-height: 500px;
	}
	
#not-full-width{
	width: 525px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 0 10px 5px;
	}


	
	
	
#l-column-2{
	width: 280px;
	height: 420px;
	background-color: #ffffff;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 0 10px 15px;
	}
	
#r-column{
	width: 300px;
	height: 420px;
	background-color: #f2f2f2;
	margin: 20px 0 30px 0;
	padding: 0 0 10px 0;
	float: left;
	}
	

	
#right-side{
	width: 225px;
	margin: 0 25px 0 0;
	float: left;
	margin: 25px 0 0 0;
	}
	
	

	
#bottom-nav{
	background-color: #ffffff;
	padding: 0 0 0 5px;
	font-size: 12px;
	clear: both;
	}
	
#bottom-nav li{
	display: inline;
	background-color: #ffffff;
	padding: 0 15px 0 0;
	}
	
	
#bottom-nav a{
	color: #666666;
	text-decoration: none;
	}
	
#bottom-nav a:hover{
	color: #000000;
}

table {
	border-collapse: collapse;
	}
	
table {
	margin: 10px 0 10px 5px;
	}
	
th, td {
	border: 1px solid #c9c9c9;
	font-size: 14px;
	padding: 1px 5px;
	width: 80px;
	}
	
th {
	background-color: #f2f2f2
	}

td {
	text-align: center;
	}


	
.tshirts {
	margin: 0 0 0 0;
	}
	
	
#logos {
	float: right;
	width: 50px;
	display: inline;
	padding: 30px 10px 0 0;
	}
	
#logos img{
	padding: 0 0 5px 0;
	}

	
.colour {
	padding: 10px 0 0 5px;
	width: 200px;
	float: left;
	clear: left;
	}
	




	
	
	

#slider {
	width: 750px;
	height: 500px;
	overflow: hidden;
	margin: 0 0 0 25px;
	clear: both;
}	
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#slider li { 
	width: 750px;
	height: 500px;
	overflow: hidden; 
}	
#prevBtn, #nextBtn { 
	display: block;
	width: 21px;
	height: 23px;
	position: absolute;
	overflow: hidden;
	top: 675px;

}
#prevBtn { 
	
	left: 275px;
}
#nextBtn { 
	
	right: 275px;
}														
#prevBtn a, #nextBtn a {  
	display: block;
	width: 21px;
	height: 23px;
	overflow: hidden;
	text-indent: -900em;
}	
#prevBtn a {
	background: url(images/arrow-left.jpg) 0 0 no-repeat;
}
#nextBtn a { 
	background: url(images/arrow-right.jpg) 0 0 no-repeat;	
}

#prevBtn a:hover, #nextBtn a:hover {
	background-position: -21px 0;
}