@charset "UTF-8";
/* CSS Document */
html, input, textarea {font-size: 62.5%; color:#444444;font-family: Verdana, Geneva, Tahoma, sans-serif; letter-spacing:0.04em;line-height:2.2em;font-weight: 100;}

body {
background:url(../images/bgelements.jpg) fixed center top repeat-y;
margin-top:0px;
margin-bottom:0px;
background-color:#687519;
}

body a {
color: #DA0D8F;
}

.flashupdate {
color:#000;
padding:10px 20px 10px 20px;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.0em;
}

.flashupdate a{
color:#566125;
text-decoration:underline;
}

#content {
/* background-color:#f7f8f3; */
margin:0 auto;
width:905px;
position: relative;
padding:15px 0 100px 0;
}


#twitter {
font-size: 0.95em;
line-height: 1.25em;
list-style: none;
background: url(../images/twitterbird.gif) left no-repeat ;
width:623px;
padding:2px 0 0 45px;
height:24px;
position: absolute;
top:8px;
left:12px;
color: #898989;
}

#twitter a.bird {
position: absolute;
width:35px;
height:24px;
left:0;
top:0;
display: block;
}

#freelancersbutton {
background: url(../images/freelancersbutton.png) no-repeat;
width:228px;
height:72px;
position: absolute;
top:0;
right:0px;
}

#freelancersbutton a {
width:211px;
height:61px;
display: block;
margin: 0 auto;
}



#topheader {
width:905px;
height:105px;
margin: 0 0 20px 0;
background-color:#FFFFFF;
}

#mint {
background-image:url(../images/logos/mint.gif);
position:absolute;
width:256px;
height:58px;
margin:38px 0 0px 14px;
float:left;
}

#mint a {display:inline; position:absolute; width: 245px; height: 58px;}

#mintcontact {
background-image:url(../images/logos/contactdetails.gif);
background-repeat:no-repeat;
position:relative;
width:365px;
height:15px;
margin:79px 4px 0px 0;
float:right;
}

#mintcontact a{
width:180px;
height:15px;
float:left;
}

#centercontent {
width:905px;
float:left;
padding-bottom:1px;
background:#f7f8f3;
}


/* FORMS */

.registerform {
display: inline-block;
margin-top: 7px;
}

input.register {
font-size: 1em;
line-height:1em;
padding: 2px 4px 0 4px;
width: 200px;
border-bottom:1px solid #BABABA;
border-left:1px solid #BABABA;
border-right:1px solid #DBDBDB;
border-top:1px solid #DBDBDB;

vertical-align: middle;
height:15px;
color: #444444;
background: #EFEFEF;
display: block;
margin-bottom: 5px;
}
.register1{
	width: 200px;
	border-bottom:1px solid #BABABA;
	border-left:1px solid #BABABA;
	border-right:1px solid #DBDBDB;
	border-top:1px solid #DBDBDB;
	color: #444444;
	background: #EFEFEF;


}



/* NAV */

#nav {
width:180px;
background:#f7f8f3;
float:left;
padding: 0px 1px 0px 0;
}

#topnavimg {
background-image:url(../images/nav/topnavbg.gif);
width:180px;
height:21px;
}

#about {
margin-top:0px;
background-image:url(../images/nav/aboutoff.gif);
width:180px;
height:22px;
}

#abouton {
margin-top:0px;
background:url(../images/nav/abouton.gif);
width:180px;
height:22px;
}

#about a {display:inline; position:absolute; width: 180px; height: 22px;}

#about a:hover {
background:url(../images/nav/abouton.gif);
background-repeat:no-repeat;
height:22px;
}

#newsnav, #newsnavon{
display: block;
	margin:0 0 14px 13px;
}
#newsnav a{
	display:block;
	width:81px;
	height:17px;
	background:url(/images/nav/newsoff.gif) no-repeat;
}
#newsnav a:hover{
	background:url(/images/nav/newson.gif) no-repeat;
}
#newsnavon a{
	display:block;
	width:81px;
	height:17px;

	background:url(/images/nav/newson.gif) no-repeat;
}


#jobs, #jobson {
display:block;
	margin:0 0 10px 13px;
}

#jobs a{
	display:block;
	width:57px;
	height:12px;
	background:url(/images/nav/jobsoff.gif) no-repeat;
}

#jobs a:hover{
	background:url(/images/nav/jobson.gif) no-repeat;
}
#jobson a{
	display:block;
	width:57px;
	height:12px;

background:url(/images/nav/jobson.gif) no-repeat;
}




/* NEW PORTFOLIO STUFF  */




#whereyouare {
margin:4px 0 12px 0;
background:;
width:690px;
height:25px;
display: inline-block;
font-size: 10px;}

#whereyouare ul {background: red; margin: 3px 0 0 0; padding: 0;}
#whereyouare ul li {margin: 0 15px 0 0;display: inline; float: left;}


#portfoliocontentarea {
margin:0px;

width:690px;
display: inline-block
}

#portfoliocontentselect {
display: inline;
float:left;
width:200px;
margin-right: 15px;
height:400px;
background: aqua;
}


#portfoliocontent {
display: inline;
float:left;
width:475px;
margin:0;background:;
}

#portfoliocontent ul {
margin: 0;
padding: 0;
}

#portfoliocontent ul li {
list-style: none;
width:475px;
margin-bottom: 25px;
}


.clientnew {
display: inline;
float:left;
width:480px;
padding:0;
margin:0 0 20px 0;
color:#505242;
background: red
}

.clientnew a {
width:203px;
float:left;
display: inline;
text-decoration:none;
}
.clientnew a span img {
margin-right: 10px;
padding: 5px;
border:2px solid #ccc;
}
.clientnew a span img:hover {
border:2px solid #ec419f;
}



.clientnamenew {
background: #ccc;
width:230px;
height:150px;
padding:0;
margin:0 0 0 2	0px;
display: inline;
float: left;}







/* NEW PORTFOLIO STUFF ^^^ */













#portfolio {
margin-top:0px;
background-image:url(../images/nav/portfoliooff.gif);
width:180px;
height:34px;
}

#portfoliographicon {
margin-top:0px;
background:url(../images/nav/graphicon.gif);
width:142px;
height:17px;
}

#portfoliographicoff {
margin-top:0px;
background:url(../images/nav/graphicoff.gif);
width:142px;
height:17px;
}

#portfoliographicoff a {
display:inline; position:absolute; width:142px; height:17px;
}

#portfoliographicoff a:hover {
background:url(../images/nav/graphicon.gif);
background-repeat:no-repeat;
height:17px;
}

#portfoliowebon {
margin-top:0px;
background:url(../images/nav/webon.gif);
width:142px;
height:22px;
}

#portfolioweboff {
margin-top:0px;
background:url(../images/nav/weboff.gif);
width:142px;
height:22px;
}

#portfolioweboff a {
display:inline; position:absolute; width:142px; height:22px;
}

#portfolioweboff a:hover {
background:url(../images/nav/webon.gif);
background-repeat:no-repeat;
height:22px;
}

#portfolioon {
margin-top:0px;
background:url(../images/nav/portfolioon.gif);
width:180px;
height:34px;
}

#portfolio a, #portfolioon a {display:inline; position:absolute; width: 180px; height: 34px;}

#portfolio a:hover, #portfolioon a:hover{
background:url(../images/nav/portfolioon.gif);
background-repeat: no-repeat;
height:34px;
}

#index {
margin-top:0px;
background-image:url(../images/nav/homeoff.gif);
width:180px;
height:20px;
}

#indexon{
margin-top:0px;
background:url(../images/nav/homeon.gif);
width:180px;
height:20px;
}

#index a {display:inline; position:absolute; width: 180px; height: 20px;}

#index a:hover { 
background:url(../images/nav/homeon.gif); 
background-repeat:no-repeat;
height:20px;
}

#contact {
margin-top:0px;
background-image:url(../images/nav/contactoff.gif);
width:180px;
height:20px;
}

#contacton{
margin-top:0px;
background:url(../images/nav/contacton.gif);
width:180px;
height:20px;
}

#contact a {display:inline; position:absolute; width: 180px; height: 20px;}

#contact a:hover { 
background:url(../images/nav/contacton.gif); 
background-repeat:no-repeat;
height:20px;
}

#bar {
float:left;
position:relative;
background:#f7f8f3 url(../images/topbar.gif);
width:724px;
height:23px;
margin:0px 0 0 0;
}


/* FLASH */

#flash {
position:relative;
float:left;
width:486px;
height:322px;
margin: 0 1px 0px 0;
padding:0;
}

#showreelholder {
overflow: hidden;
width:486px;
height:322px;
margin-right:1px;
padding:0;
position:relative;
float:left;
}

#showreelimages {
position:relative;
float:left;
width:486px;
height:322px;
}
.showreelimage{
position:relative;
width:486px;
height:322px;
}
.showreeldesc{
	position:absolute;
	bottom:20px;
	background:#fff;
	padding:2px 20px;
	color:#000;
	font-weight: bold;
	line-height: 1.4em;
}



/* BLOG */

#blog {
position:relative;
float:left;
width:237px;
height:322px;
}

#archive {
position:relative;
float:right;
text-decoration:none;
margin:0;
padding:5px 12px 0 0;
line-height:1.0em;
color:#f7f8f3;

}

#archive a {
color:#566125;
text-decoration:none;
background-color:#e4e6db;
padding:1px 4px 1px 4px;
margin:0;

}

#archive a:hover {
border-right:solid 1px #9ba185;
border-bottom:solid 1px #9ba185;
color:#fff;
background-color:#b5baa3;

}

#topblogimg {
background:url(../images/blog/blogheader.gif) top no-repeat;
width:237px;
height:39px;
margin:0 0 3px 0;
}

#topblogimg a {
width:237px;
height:41px;
display: block;
}


#blogcontent {
/*height:281px;*/
border-bottom:solid 1px #f7f8f3;
}

.blogsnippet {
position:relative;
height:40px;
margin:5px 0px 20px 13px;
padding:0px;
display: inline-block;
}

img
{  border-style: none;

}

.blogimg {
border:1px solid white;
position:relative;
display:inline;
float:left;
height:46px;
width:46px;
margin-right:13px;
}

.blogimg a {
text-decoration:none;
}





.blogtxt {
overflow:hidden;
position:relative;
display: inline;
float:left;
height:35px;
width:150px;
padding:0;
margin-bottom: 3px;
font-size:1em;
line-height:1.2em;
}


.blogtxt a {
color:#444444;
text-decoration:none;
}


.blogtxt a:hover {
color:#62683E;
text-decoration:none;
}


img.blogfloatright{
	float:right;
	margin-left: 5px;
	padding:1px;
	border: 1px solid #000;
	/*margin-top:5px;*/
}

img.blogfloatleft{
	float:left;
	padding:1px;
	border: 1px solid #000;
	margin-right: 5px;
	/*margin-top:5px;*/

}



.date {
background:url(../images/blog/posted.gif) no-repeat 0px;
margin:2px 0 0 0px;
padding:1px 0 0 42px;
float:left;
width:80px;
height:10px;
color:#556418;
font-size:0.9em;
line-height:1.0em;
}


<!--Bottom bar-->


#bottomcontent {
width:905px;
height:162px;
margin:0;
}

#hpcontent {
width:905px;
font-size: 1.1em;
line-height: 1.3em;
display: inline-block;
margin:0;
padding:25px 0 25px 0;
background:#f7f8f3 url(../images/bottombar.gif) bottom no-repeat;
}

#latestnewsheader {
margin:16px 0 0 0px;
display:inline-block;
background:url(../images/titles/latestNews.gif) no-repeat;
height:15px;
width:149px;
}

#mintupdateheader {
margin:10px 0 8px 0px;
display:inline-block;
background:url(../images/titles/mintupdate.gif) no-repeat;
height:25px;
width:135px;
}

#ourclientsheader {
margin:40px 0 0 0px;
display:inline-block;
background:url(../images/titles/ourclients.gif) no-repeat;
height:15px;
width:100px;
}

.clientslist {
margin:12px 0 0 0px;
display:inline-block;
background:url(../images/clients.gif) no-repeat;
height:210px;
width:149px;
}



#leftcolumn {
width:149px;
float:left;
display: inline;
margin:0;
padding:0 15px;
border-right: 1px solid #d4d8c6;
}

#leftcolumn ul {
margin:14px 0 0 0;
padding: 0;
list-style: none;
}

#leftcolumn ul li {
display: inline-block;
width: 130px;
background: url(../images/listarrow2.gif) left top no-repeat;
padding-left: 18px;
margin-bottom: 22px;
}

#leftcolumn ul li span {  }

span.pinklink {font-size:0.9em;text-align: center; padding: 2px 0 0 0;margin-top:4px;display: inline-block;width: 140px;	float: left;height: 15px; }
span.pinklinkbutton-left {background: url(../images/buttons/leftpink.gif) no-repeat left 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.pinklinkbutton-right { background: url(../images/buttons/rightpink.gif) no-repeat right 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.pinklink a {color: #fff; font-weight:bold; background: #e1208e;padding: 2px 0 0 0;height:15px;display: inline;	float: left;text-decoration: none;}
span.pinklink a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}


span.pinklinklrg {font-size:0.9em;text-align: center; padding: 2px 0 0 0;margin:10px 0 20px 0;display: block;	float: left;height: 15px; }
span.pinklinklrgbutton-left {background: url(../images/buttons/leftpink.gif) no-repeat left 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.pinklinklrgbutton-right { background: url(../images/buttons/rightpink.gif) no-repeat right 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.pinklinklrg a {color: #fff; font-weight:bold; background: #e1208e;padding: 2px 0 0 0;height:15px;display: inline;	float: left;text-decoration: none;}
span.pinklinklrg a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}

span.mainpgpinklink {font-size:0.9em;text-align: center; padding: 2px 0 0 0;margin:10px 0 20px 0;display: block;	float: left;height: 15px; }
span.mainpgpinklink-left {background: url(../images/buttons/leftpink.gif) no-repeat left 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.mainpgpinklink-right { background: url(../images/buttons/rightpink.gif) no-repeat right 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.mainpgpinklink a {color: #fff; font-weight:bold; background: #e1208e;padding: 0 0 0 0;height:17px;display: inline;	float: left;text-decoration: none;}
span.mainpgpinklink a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}

span.backpgpinklink {font-size:0.9em;text-align: center; padding: 2px 0 0 0;margin:10px 0 20px 0;display: block;	float: left;height: 15px; }
span.backpgpinklink-left {background: url(../images/buttons/backleftpink.gif) no-repeat left 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.backpgpinklink-right { background: url(../images/buttons/backrightpink.gif) no-repeat right 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.backpgpinklink a {color: #fff; font-weight:bold; background: #e1208e;padding: 0 0 0 0;height:17px;display: inline;	float: left;text-decoration: none;}
span.backpgpinklink a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}

#leftcolumn a {

}

#middlecolumn {
float:left;
display: inline;
margin:0;
width:466px;
padding:0 10px;
margin:0;
overflow:hidden;
}

.column {
float:left;
display: inline;
margin:0;
width:195px;
padding:0;
margin:0 15px 0 20px;
}

.column ul {
margin:14px 0 0 7px;
padding: 0;
list-style: none;
}

.column ul li {
display: inline-block;
background: url(../images/listarrow2.gif) left top no-repeat;
padding-left: 24px;
margin-bottom: 10px;
}

ul.list {
margin:14px 0 0 7px;
padding: 0;
list-style: none;
}


ul.list li {
display: block;
background: url(../images/listarrow2.gif) left top no-repeat;
padding-left: 24px;
margin-bottom: 10px;
}


#mintmailheader {
margin:10px 0 10px 17px;
display:block;
background:url(../images/titles/mintmail.gif) left no-repeat;
height:36px;
width:407px;
}

#whereweareheader {
margin: 40px 0 4px 20px;
display:inline-block;
background:url(../images/titles/whereweare.gif) left no-repeat;
height:15px;
width:407px;

}

.marginleft {
position: relative;
left:20px;
}

#whereweareflash {
float:left;
margin:0;
width:427px;
height:150px;
padding-left: 20px;
margin:0;
}

#rightcolumn {
line-height:1.2em;
position:relative;
float:left;
display: inline;
padding:0 15px;
margin:0;
width:208px;
border-left: 1px solid #d4d8c6;
}


#registerheader {
margin:40px 95px 0 0;
display: inline-block;
background:url(../images/titles/register.gif) no-repeat;
height:17px;
width:135px;
}


#linksheader {
margin:40px 0 0 0;
display: inline-block;
background:url(../images/titles/linkswelove.gif) no-repeat;
height:15px;
width:122px;
}

#linkscontainer {
float:left;
width:212px;
padding:0;
margin:14px 0;
overflow:hidden;
}

.linksimg {
border: 1px solid white;
position:relative;
float:left;
height:20px;
width:20px;
margin:0 8px 8px 0;
}

#environment {
clear:both;
/* border-top:#DCDDD9 1px solid;  */
background: white url(../images/enviro.gif) bottom no-repeat;
width:905px;
height:45px;
padding-top: 6px;
margin-top:4px;
display: inline-block;
position: relative;
}

#environment a.webstandards {
position: absolute;
bottom: 0;
left:0;
display: block;
width:113px;
height:25px;
} 


#environment a.backtotop {
position: absolute;
bottom: 0;
left:135px;
padding-left: 20px;
background: url(../images/toparrow.gif) center left no-repeat;
display: block;
height:25px;
text-decoration: none;
}


#curvebottom {
float:left;
position:relative;
background:#f7f8f3 url(../images/bottombar.gif) bottom no-repeat;
width:905px;
height:32px;
padding:20px 0 0 0;
margin: 0;
}



h1 {
margin: 0 0 15px 0;
padding: 0;
color: #EC419F;
font-weight: normal;
}

/* ABOUT US   */

#green {
background:#f7f8f3;
display: inline-block;

}




#headingabout {
background:url(../images/titles/aboutus.jpg) no-repeat;
float:right;
width:102px;
height:434px;
}

#main {
float:left;
width:671px;
margin-right: 25px;
}

.abouttitle {
float:left;
margin:25px 0 16px 0;
}
/* ABOUT US   */

#green {
background-color:#f7f8f3;

}


#innercontent {
float:left;
width:700px;
padding:14px 24px 0 0;
font-size:1.2em;
line-height:1.5em;
background:#f7f8f3;
color:#6B6B6B;
}



#main {
float:left;
width:610px;
}

.abouttitle {
float:left;
margin:25px 0 16px 0;
}


#headingnews {
background:url(../images/titles/news.jpg) center no-repeat;
float:right;
width:102px;
height:257px;
}



/* BLOG   */

.blog{
float:left;
width:590px;
}




#headingblog {
background:url(../images/titles/blog.jpg) center no-repeat;
float:right;
width:122px;
height:226px;
}

.blogheading {
font-size:1.4em;
line-height:1.2em;
font-weight: bold;
color:#3c3d3c;
float:left;
width:556px;
margin:4px 0 0 0;
padding:5px 13px 5px 13px;
background-color:#DDDFCD;
}

#blogdate {
float:left;
width:580px;
color:#858776;
font-size:0.8em;
margin:0 0 0 0;
padding:0 0 0 13px;

}


#blogdate img {
border:none;
padding:0 6px 0 0 ;

}

#blogcontainer{
}
#blogtxt {
color:#444;
float:left;
/*width:570px;*/
width:410px;
margin:0 0 0 0;
padding:15px 10px 0 13px;
}

#bloglisttxt {
color:#444;
float:left;
width:570px;
margin:0;
padding:15px 10px 0 13px;
}
#blogimages{
float:left;
width:140px;
margin-left:10px;
}

#blogimages a img{
margin-bottom:10px;
}



#blogtxt a, #clientsmaindescription a{
color:#505242;
text-decoration:underline;
}
#blogtxt a:hover, #clientsmaindescription a:hover{
color:#505242;
text-decoration:none;
}

#blogtxt img {
border:none;
padding:18px 0 10px 0 ;
}

#readon {
float:left;
width:250px;
color:#505242;
margin:10px 0 0 0;
padding:0 0 30px 13px;

}

#readon a {
float:left;
color:#DA0D8F;
text-decoration:none;
}

#readon a:hover {
color:#505242;
text-decoration:none;
}


/* Portfolio   */


#headingportfolio {
background:url(../images/titles/portfolio.jpg);
float:right;
width:102px;
height:397px;
}


#portfolioheading {
background:url(../images/portfolio/header.gif);
float:left;
width:271px;
height:37px;
margin:0 0 30px 0;
}

#portfoliowebheading {
background:url(../images/portfolio/webheader.gif);
float:left;
width:271px;
height:37px;
margin:0 0 30px 0;
}
#portfolioheadingmain {
background:url(../images/portfolio/headermain.gif);
float:left;
width:271px;
height:37px;
margin:0 0 30px 0;
}

#portfoliowebheadingmain {
background:url(../images/portfolio/webheadermain.gif);
float:left;
width:271px;
height:37px;
margin:0 0 30px 0;
}

span.bloglink {text-align: center; padding:0;margin:15px 0 20px 0;display: block;	float: right;height: 17px;line-height:1.5em;  }
span.bloglink-left {background: url(../images/buttons/leftpink.gif) no-repeat left 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.bloglink-right { background: url(../images/buttons/rightpink.gif) no-repeat right 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.bloglink a {color: #fff; font-weight:bold; background: #e1208e;padding: 0 0 0 0;height:17px;display: inline;	float: left;text-decoration: none;}
span.bloglink a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}


span.portfoliolink {font-size:0.9em;text-align: center; padding: 2px 0 0 0;margin:10px 0 20px 0;display: block;	float: right;height: 15px; }
span.portfoliolink-left {background: url(../images/buttons/backleftpink.gif) no-repeat left 0;height: 17px;width: 22px;padding: 0;margin: 0;	display: inline;	float: left;}
span.portfoliolink-right { background: url(../images/buttons/backrightpink.gif) no-repeat right 0;height: 17px;width: 9px;padding: 0;margin: 0;	display: inline;	float: left;}
span.portfoliolink a {color: #fff; font-weight:bold; background: #e1208e;padding: 0 0 0 0;height:17px;display: inline;	float: left;text-decoration: none;}
span.portfoliolink a:hover {color: #510D3E; font-weight:bold; text-decoration: none;}



#portfolioback a {
background: #e1208e;
float:right;
width:105px;
height:15px;
border:none;
margin:1px 13px 10px 0;
}

#portfolioback a:hover {
background:url(../images/backover.gif);
float:right;
width:105px;
height:15px;
border:none;
margin:1px 13px 10px 0;
}





.client {
float:left;
min-height: 180px;
padding:0;
margin:0 15px 20px 0;
color:#505242;
line-height:1.2em;
font-size:0.9em;
display: inline;

}

.client a {
width:203px;
float:left;
text-decoration:none;
}
.client a span {
display: inline-block;
border:2px solid #ccc;
}
.client a span:hover {
border:2px solid #ec419f;
}


.client a:hover {
float:left;
text-decoration:none;
}

#padding {
background-color:#00CC33;
float:left;
height:10px;
width:600px;
}

#clients {
float:left;
width:780px;
}

.clientcontent {
width:203px;
min-height: 180px;
float:left;
padding:0;
margin:0 15px 0 0;
color:#505242;
display: inline;
}


.clientcontent a {
	color:#505242;
	padding:7px 7px 7px 7px;
	float:left;
	text-decoration:none;


}
/*.clientcontent a: hover{
	background-color:#e7e8e1;
	color:#656756;
	float:left;
}*/

.clientmaincontent {
float:left;
width:189px;
margin:10px 15px 15px 15px;
padding:0 0 15px 0;
}

.clientname {
width:203px;
padding:0 0 5px 0;
margin:0 0 5px 0;
display: inline-block;
font-weight: bold;
vertical-align: bottom;
min-height: 0px;
}

.clientname img {
margin: 5px;
padding: 0;
border: none;
}



/* MAIN PORTFOLIO PAGE */


#clientsmain {
background:#DDDFCD;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 

float:left;
width:700px;
padding:15px 0;
margin:0;
}

.clientmainimgs {
float:left;
display: inline;
width:189px;
padding:0;
margin:12px 12px 12px 25px;
border:none;
color:#505242;
}


.clientmainimgs img {
margin: 0 0 7px 0;
padding:0;

}




#clientsmaininfo {
width:420px;
float:left;
display: inline;
margin:0 0 0 12px;
padding:0;
}




#clientsmaintitle {
display: block;
color:#505242;
line-height:1.4em;
font-size:2.2em;
margin:8px 0 0 0;
padding:0 0 0 0;
}

#clientsmaindate {
display: block;
color:#DA0D8F;
font-size:0.9em;
margin:0;
padding:0;
}

#clientsmainjobscontainer {
display: block;
margin:16px 0 16px 0;
padding: 0;
}


#clientsmainjobscontainer ul {
list-style: none;
color:#505242;
padding: 0;
margin: 0;
display:block;
}

li.clientsmainjobs {
margin:0 0 4px 0;
padding:0 0 0 22px;
background: url(../images/listarrow.gif) left no-repeat;
}

#clientsmaindescription {
display: block;
color:#505242;
font-size:1em;
margin:0 0 15px 0;
padding:0;
}

#weblink a {
display: inline-block;
margin:16px 0 10px 0;
color:#ec419f;
font-size:1.26em;
padding: 0 22px 0 0;
background: url(../images/opewebsite.gif) top right no-repeat;
text-decoration:none;
}


#weblink a:hover {
color:#858776;
text-decoration:none;
}


/* JOBS */

#headingjobs {
background:url(../images/titles/jobs.jpg) no-repeat;
float:right;
width:102px;
height:257px;
}

/* Contact   */


#headingcontact {
background:url(../images/titles/contact.jpg) no-repeat;
float:right;
width:102px;
height:520px;
}

#numbers {
position:relative;
display: inline-block;
width:320px;
height:40px;
z-index:1;
}

#address {
position:relative;
width:220px;
height:90px;
margin: 10px 0 10px 0;
z-index:1;
}

#map {
border: 1px solid #8E9B5F;
position:relative;
/*
background-image:url(../images/mintmap.gif);
background-repeat:no-repeat;
*/
width:593px;
height:509px;
margin:15px 0 0 0;
padding:3px;
z-index:0;
}


.direction {
float:left;
width:590px;
padding:4px 0 2px 0;
margin:0 0 0 0;
line-height:1.9em;
}

.imgindent {
padding:7px 0 0 0;

}

.signs {
float:left;
top:0px;
padding:0 15px 0 0;
}
#pagenav{
	margin-left:15px;
	margin-bottom:15px;
	color:#505242;
}
#pagenav a{
	color:#858776;
	text-decoration:none;

}

#pagenav a:hover{
	color:#505242;
	text-decoration:underline;

}

/*
color:#505242;
color:#858776;
*/
/*-----------------------------------EDITOR STYLES----------------------------------------------------*/
.Categoryhead{color:#3c3d3c; font-weight:bold; text-decoration:underline;}
.Header{color:#3c3d3c; font-weight:bold;}
.ColouredText{color:#858776;}
.AlignCentre{text-align:center}
.AlignLeft{text-align:left}
.AlignRight{text-align:right}
.ImgDesc{font-size:.8em; color:#858776;}
.Comment{font-size:.8em; color:#3c3d3c;}
.GigDates{text-align:center; font-weight:bold; font-size:1.1em; background:#DDDFCD; color:#3c3d3c; border-bottom:solid 1px #3c3d3c;}
.Box{
	margin-top:5px;
	border-top:solid 1px #3c3d3c;
}
.BoxTitle{
	margin-top:1px;
	padding:2px 0 2px 10px;
	background: #DDDFCD;
	color:#3c3d3c;
	font-weight:bold;
	font-size:1.1em;
}
.BoxContent{
	border:solid 1px #ccc;
	margin:0;
	padding: 6px 3px 6px 3px;
	background:#DDDFCD;
}
Table.No-Border{font-size:1em; overflow:auto; border-collapse:collapse;padding:3px; text-align:left;}
Table.Border{font-size:1em; border:1px solid #ccc; overflow:auto; border-collapse:collapse;padding:3px; text-align:left;}
Table.FullBorders {border:solid 1px #000; font-size:1em;}
Table.FullBorders TR TD{border:solid 1px #000;}
Table TD{padding:0px 5px;}
Table TD.TopHead{font-weight:bold; color:#3c3d3c; background:#DDDFCD; border-bottom:2px solid #3c3d3c;}
Table TD.TopHeadCentre{font-weight:bold; color:##3c3d3c; background:#DDDFCD; border-bottom:2px solid #3c3d3c; text-align:center;}
Table TD.LeftHead{font-weight:bold; color:#3c3d3c; background:#DDDFCD; border-right:2px solid #3c3d3c;}
Table TD.LeftHeadCentre{font-weight:bold; color:#3c3d3c; background:#DDDFCD; border-right:2px solid #3c3d3c; text-align:center;}
Table TD.VertAlignTop{vertical-align:top;}
img.AlignRight{float:right; padding:2px; margin:0 0 5px 10px;}
img.AlignLeft{float:left; padding:2px; margin:0 10px 5px 0;}
img.AlignRightBorder{float:right; padding:2px; margin:0 0 5px 10px; border:1px solid #858776;}
img.AlignLeftBorder{float:left; padding:2px; margin:0 10px 5px 0; border:1px solid #858776;}
img.ImageBorder{padding:2px;border:1px solid #858776;}
.Error{color:#3c3d3c; font-size:1.2em; font-weight:bold;}
/*-----------------------------------END EDITOR STYLES----------------------------------------------------*/