/* General */
.topline
{
	width: 864px;
	height: 1px;
	float: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #212E3A;
	color: #CCCCCC;
}
.toplineyell
{
	width: 864px;
	height: 1px;
	float: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #FFFF00;
}
.toplinepink
{
width: 864px;
height: 1px;
background:	#FF3399;
float: left;
margin-top: 2px;
margin-bottom: 5px;
padding: 0px;
}
.toplineblue
{
width: 864px;
height: 1px;
background:	#00CCFF;
float: left;
margin-top: 2px;
margin-bottom: 5px;
padding: 0px;
}
.toplineblack
{
	width: 864px;
	height: 1px;
	float: left;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #00FF00;
}
.work
{
width: 864px;
height: auto;
margin: 0px;
padding: 0px;
}
.work img
{
margin: 0px;
float: left;
}
.case
{
width: 864px;
height: auto;
margin-top: 15px;
}
.line
{
	width: 864px;
	height: 1px;
	background: #CCCCCC;
	position: relative;
	top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	clear: both;
	color: #273645;
}
.linenews
{
width: 862px;
height: 1px;
background: #CCCCCC;
position: relative;
marginm: 0px;
padding: 0px;
clear: both;
}
#descindex
{
width: 864px;
border: none;
margin: 0px;
}
#talent{
}
#buttonsindex
{
width: 864px;
border: none;
margin: 0px;
position: relative;
top: 90px;
float: left;
}
.buttons
{
width: 864px;
border: none;
margin: 0px;
float: left;
}
.buttonswork
{
width: 864px;
border: none;
margin-top: 20px;
float: left;
}
.shortlinegrey
{
width: 216px;
height: 1px;
background: #CCCCCC;
padding: 0px;
margin-top: 4px;
margin-bottom: 4px;
}
.shortline
{
	width: 208px;
	height: 1px;
	background: #CCCCCC;
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #273645;

}
.shortlinenews
{
width: 214px;
height: 1px;
background: #CCCCCC;
padding: 0px;
margin-top: 4px;
margin-bottom: 4px;
}
.shortlinepink
{
	width: 208px;
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #FF0099;
}
.shortlineblue
{
	width: 208px;
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #00FFFF;
}
.shortlineyellow
{
	width: 208px;
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #FFFF00;
}
.shortlineblack
{
	width: 216px;
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #00FF00;
}
.but
{
width: 216px;
margin: 0px;
float: left;
}
.butnews
{
width: 214px;
height: 290px;
margin: 0px;
padding: 0px;
float: left;
border-right:1px solid #999999;
}
.butnewsleft
{
width: 215px;
height: 290px;
margin: 0px;
float: left;
padding: 0px;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
.but img
{
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
.but1
{
width: 216px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right: 0px;
}
.but1 a:hover
{
color: #00FFFF;
}
.but2
{
width: 216px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right: 0px;
}
.but2 a:hover
{
color: #FF0099;
}
.but3
{
width: 216px;
float: left;
margin-top:0px;
margin-bottom: 0px;
margin-left:0px;
margin-right: 0px;
}
.but3 a:hover
{
color: #FFFF00;
}
.but4
{
width: 216px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right: 0px;
}
.but4 a:hover
{
color: #00FF00
}
.contl
{
width: 216px;
height: auto;
float: right;
margin-bottom:20px;
margin-top: 0px;
margin-left: 18px;
padding: 0px;
text-align:left;
}
.contr
{
width: 216px;
height: auto;
float: right;
margin:0px;
}
.artl
{
width: 422px;
height: auto;
float: left;
margin:0px;
}
.artl a:hover
{
color: #999999;
text-decoration: none;
}
#valid {
position: relative;
}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color: #000000; font-size: 10px; text-decoration:none;}
ul.menu a:active {display:block; color: #000000; font-size: 10px; text-decoration:none;}
ul.menu li {position:relative; float:left; margin: 0px}
ul.menu ul {position:absolute; top: 26px; left:0; background: #747474; display:none; list-style:none;}
ul.menu ul li {position:relative; width:143px; margin:0px; font-family: Arial, Helvetica, sans-serif;}
ul.menu ul li a {display:block; padding:7px 5px 5px;}
ul.menu ul li a:hover {
	background-color: #FF9900;
}
ul.menu ul ul {left:130px; top:-1px}
ul.menu .menulink {
	padding-left:6px;
	padding-top:5px;
	padding-right:48px;
	padding-bottom:20px;
	font-weight:bold;
	width:89px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF6600;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #000000;
}
ul.menu .menulink:hover, ul.menu .menuhover {
	border-right:1px solid #F8F7F3;
	background-color: #CCCCCC;
}
ul.menu .sub {background:  #747474 url("arrow.gif"/*tpa=http://www.hoohaadesign.co.uk/images/arrow.gif*/) 128px 8px no-repeat}
ul.menu .topline {border: none;}
#logo
{
	width: 170px;
	height: 38px;
	float: left;
	width: 170px;
	margin: 0px;
	background-image: url(../images/logo.jpg);
}
#navbar
{
height: 22px;
margin-bottom: 5px;
clear: both;
}
#mainimage {
width: 864px;
margin: 0px;
padding: 0px;
}
#Layer1
{
width: 243px;
height: 50px;
position: absolute;
top: 520px;
float:inherit;
margin-left: 600px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
z-index: 1;
}
#bottomimage
{
width: 864px;
margin: 0px;
padding: 0px;
clear: both;
}
a:link {
	border: none;
	text-transform: none;
	color: #333333;
	text-decoration:none;
}
a:visited {
	border: none;
	text-transform: none;
	color: #333333;
	text-decoration:none;
}
a:active {
	border: none;
	text-transform: none;
	color: #333333;
	text-decoration:none;
}
a:hover
{
border: none;
	text-transform: none;
	text-decoration: none;
color: #999999;
}
body {
background: #F8F7F3 url("bgdarkflat.gif"/*tpa=http://www.hoohaadesign.co.uk/images/bgdarkflat.gif*/) bottom fixed no-repeat;
}
#wraper {
	width: 864px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 30px;
	clear: both;
	height: auto;
		}
#wraperindex {
	width: 864px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 30px;
	clear: both;
	height: 700px;
	}
#indexcontent
{
clear: both;
width:864px;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
}
#topdescriptionindex
{
width: 864px;
height: 40px;
margin: 0px;
}
#topdescriptionwork
{
width: 864px;
height: 50px;
margin:10 0px;
background: url("header3.jpg"/*tpa=http://www.hoohaadesign.co.uk/images/header3.jpg*/);
}
#mainimageindex
{
width: 864px;
height: 308px;
margin-bottom: 0px;
margin-top: 10px;
padding: 0px;
float:left;
}
#mainimage
{
width: 864px;
height: auto;
margin-bottom: 0px;
margin-top: 10px;
padding: 0px;
float:left;
}
#footerindex
	{
	width:864px;
	height:80px;
	clear:both;
	position: relative;
	top: 120px;
	float:left;
}
.gallery
{
width: 864px;
margin: 0px;
padding: 0px;
font-size: x-small;
clear: both;
}
#showcase
{
width: 864px;
margin-top:0px;
padding-top: 7px;
position: relative;
top: 90px;
font-size: x-small;
float:left;
}
.previewbrand {
	padding: 1px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 37px;
	height: 31px;
	margin: 1px;
	float: left;

	
}
.previewbrand:hover {
	border: 1px solid #FFCC00;

}
.previewprint {
	padding: 1px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 37px;
	height: 31px;
	margin: 1px;
	float: left;

	
}
.previewprint:hover {
	border: 1px solid #00CCFF;

}
.previewmedia {
	padding: 1px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 37px;
	height: 31px;
	margin: 1px;
	float: left;

}
.previewmedia:hover {
	border: 1px solid #00FF00;

}
.previewart {
	padding: 1px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	width: 37px;
	height: 31px;
	margin: 1px;
	float: left;
}
.previewart:hover {
	border: 1px solid #FF3399;

}
.previewblank {
	padding: 1px;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	width: 37px;
	height: 31px;
	margin: 1px;
	float: left;

}
.previewblank:hover {
	border: 1px solid #FFFFFF;

}
#footerbranding
	{
	width:864px;
	height:80px;
	clear:both;
	margin: 0px;
	padding-top: 20px;
	}
/* Styles */
#copyright {
	float: left;
	color: #999999;
}
.buttontext
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #CCCCCC;
line-height:17px;
letter-spacing: -1px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
text-align:left;
}
.styleboldtext {
font-family: Arial, Helvetica, sans-serif;
line-height: 14px;
font-size: 11px; 
color:	#666666; 
font-weight: normal; 
letter-spacing: 0px;
margin: 0px;
padding-bottom: 5px;
padding-top: 0px;
padding-right: 10px;
padding-left: 0px;
}
.styleboldtextnews {
font-family: Arial, Helvetica, sans-serif;
line-height: 14px;
font-size: 11px; 
color:	#666666; 
font-weight: normal; 
letter-spacing: 0px;
margin: 0px;
padding-bottom: 5px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
/* Footer style */
.style118 {
font-family: Arial, Helvetica, sans-serif;
line-height: normal; 
font-size: 10px; 
color: #FFFFFF; 
margin: 0px;
}
.stylemailr {
font-family: Arial, Helvetica, sans-serif;
line-height: 13px;
text-align: right;
font-size: 11px; 
color:	#FF6600; 
margin: 0px;
padding: 0px;
float: right;
}
.stylesmalltext 
{
font-family: Arial, Helvetica, sans-serif;
line-height: 12px; 
font-size: 11px;
letter-spacing: normal;
color: #666666;
line-height: 12px;
margin: 0px;
padding-right: 10px;
padding-top: 8px;
font-weight: normal;
}
.stylesmalllink
{
font-family: Arial, Helvetica, sans-serif;
line-height: normal; 
font-size: 10px;
letter-spacing: 0em;
color: #666666;
letter-spacing: normal;
margin-top: 0px;
margin-bottom: 5px;
padding-right: 10px;
padding-top: 2px;
font-weight: normal;
}
.stylesmalllink a:hover
{
color:	#FF6600;
text-decoration:none;
}
.stylesmalllink a, a:visited
{
color:	#666666;
text-decoration:none;
}
.style129 {
	font-family: "Courier New", Courier, mono;
	font-weight: normal;
	line-height: normal;
	font-size: 11px;
	letter-spacing: normal;
	color: #666666;
	padding: 0px;
	margin: 0px;
	}
.stylenice
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
letter-spacing: 0em;
color:#999999;
font-weight: normal;
text-transform:none;
margin-top: 10px;
margin-bottom: 1px;
padding: 0px;
	}
	.stylenicenews
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
letter-spacing: 0em;
color:#666666;
font-weight: normal;
text-transform:none;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
		}
.styleniceaboutnews
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
letter-spacing: 0em;
color:	#666666;
font-weight: normal;
text-transform:none;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 10px;

	}
.styleniceabout
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
letter-spacing: 0em;
color:	#666666;
font-weight: normal;
text-transform:none;
margin-top: 20px;
margin-bottom: 1px;
padding: 0px;
	}
.stylenicwork
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
letter-spacing: 0em;
color:	#CCCCCC;
font-weight: normal;
text-transform:none;
margin-top: 5px;
margin-bottom: 1px;
padding: 0px;
}
.stylepull
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 16px;
letter-spacing: -1px;
font-weight: bold;
color: #666666;
margin: 0px;
	}
.stylequote
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
letter-spacing: 0em;
color: #FFFFFF;
font-weight: normal;
text-transform:none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
	}
.stylequotepink
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
letter-spacing: 0em;
color:	#FF6600;
font-weight: normal;
text-transform:none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
	}
.styletestimonial
{
font-family: Rockwell, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
letter-spacing: 0em;
color:	#FF3399;
font-weight: lightl;
text-transform:none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
	}
	.stylelikes
{
font-family: Rockwell, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
letter-spacing: 0em;
color:	#666666;
font-weight: lightl;
text-transform:none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
	}
.stylestudio
{
	font-family: Rockwell, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	color:	#CCCCCC;
	font-weight: normal;
	text-transform:none;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0px;
	font-style: normal;
	line-height: 18px;
}
/* Styles END */