/* Primary Navs */
body {
	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	color: #2f2f2f;
	}

	
.contain {
display:block;
width:780px;
margin:0 auto;
text-align:left;
}


p {
color: #222;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 12px 0;
	line-height: 18px;
	}
	
p2 {
	color: #222;
	font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 12px 0;
	line-height: 18px;
	}
		
	
p a:link {
color: #ED5B05;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 12px 0;
	line-height: 18px;
	text-decoration: none;
	}
	
p a:visited {
color: #ED5B05;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 12px 0;
	line-height: 18px;
	text-decoration: none;
	}
	
	
.p2 a:link {
color: #ED5B05;
	font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 12px 0;
	line-height: 18px;
	text-decoration: none;
	}
	
.p2 a:visited {
color: #ED5B05;
	font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0 0 12px 0;
	line-height: 18px;
	text-decoration: none;
	}

h2 {
font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #ED5B05;
	padding: 3px 0;
	border-bottom: 1px solid #efefef;
	margin: 8px 0 17px 0;
	
}
h3 {
	color: #ED5B05;
	font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 10px 0 2px 0;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

.header {
float:left;
height:149px;
width:100%;
background-image:url("http://www.theclickclick.co.uk/images/layout/head_bck.jpg");
}

.header2 {
float:left;
height:21px;
width:100%;
background-image:url("http://www.theclickclick.co.uk/images/layout/head_bck2.jpg");
margin-bottom:10px;
}
.headerimage {
width:800px;
margin:0 auto;
text-align:left;
padding-top:62px;
}
#navcontainer {
width:800px;
margin:0 auto;
text-align:left;
}


#menu {
	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
}
#menu a {
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 12px;
	text-decoration: none;
}
#menu a:hover {
	color: #ED5B05;
	}

.promobox {
width:650px;
height:180px;
border:1px solid #333;
}


.promo a:link, a:visited {
font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
display:block;
text-align: center;
text-decoration: none;
color: #ffffff;
padding-top:110px;
}

.promo a:hover{
font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
display:block;
text-align: center;
text-decoration: none;
color: #333;
padding-top:110px;
}

.promo1{
display:block;
float: left;
width: 130px;
height:180px;
background-image:url("http://www.theclickclick.co.uk/images/promo/promo1.jpg");
background-position: 0px 0px;
}


.promo2{
display:block;
float: left;
width: 130px;
height:180px;
background-image:url("http://www.theclickclick.co.uk/images/promo/promo2.jpg");
}
.promo3{
display:block;
float: left;
width: 130px;
height:180px;
background-image:url("http://www.theclickclick.co.uk/images/promo/promo3.jpg");
}
.promo4{
display:block;
float: left;
width: 130px;
height:180px;
background-image:url("http://www.theclickclick.co.uk/images/promo/promo4.jpg");
}
.promo5{
display:block;
float: left;
width: 130px;
height:180px;
background-image:url("http://www.theclickclick.co.uk/images/promo/promo6.jpg");
}

.foot {
clear:both;
margin-top:40px;
line-height:60px;
width: 100%;
height:49px;
background-image:url("http://www.theclickclick.co.uk/images/layout/foot.jpg");

}


a.imgfocus img {
margin: 0px 10px 0px 0;
border: 2px solid #ebebeb;
}
a.imgfocus:hover img {
border: 2px solid #F0720D;
}
#left {
	width: 530px;
	float: left;
}

#right {	
	width: 180px;
	float: left;
	padding: 1px 0 0 30px;
}

h4 {
font: bold 12px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #ED5B05;
	padding: 3px 0;
	border-bottom: 1px solid #efefef;
	margin: 8px 0 17px 0;
}


.folio {
padding:5px;
border:1px solid #ED5B05;
}


	
.portfoliotext {
width:518px;
color: #fff;
font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
background: #ED5B05;
margin-top:2px;
padding-left:5px;
margin-bottom:40px;
}


.preview {

font: 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
display:inline;
padding-left:250px;
}

.bigtick li {
list-style-type: none;
	padding: 0 0 4px 20px;
	line-height: 1.4em;
	background: url(http://www.theclickclick.co.uk/images/layout/tick.jpg) no-repeat 0 3px;
}
.bigcross li {
list-style-type: none;
	padding: 0 0 4px 20px;
	line-height: 1.4em;
	background: url(http://www.theclickclick.co.uk/images/layout/cross.jpg) no-repeat 0 3px;
}


.websites {
padding:5px;
}