@charset "UTF-8";
/* CSS Document */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; line-height:1.2em;}
abbr,acronym { border:0; }
img {margin:0;padding:0;border:none;}
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;}



/* Site Wide Classes */


.imgrighttop {/* border:4px #2b2b2b solid; */ margin:29px 0 10px 16px;float:right;}
.imgleft-border {border:1px #ccc solid; padding:3px; margin:6px 16px 25px 0;float:left;}
.imgright-border {border:1px #ccc solid; padding:3px; margin:6px 0 10px 16px;float:right;}
.imgrighttop-border {border:1px #ccc solid; padding:3px; margin:34px 0 10px 16px;float:right;}
.imglefttop-border {border:1px #ccc solid; padding:3px; margin:34px 16px 20px 0;float:left;}
.mainparagraph-image {margin:7px 0 14px 0;}
.imgleft-logos {/* border:4px #2b2b2b solid; */ margin:6px 16px 50px 0;float:left;}
.right {float:right;}
.left {float:left;}
.hidden {display:none;}
a:visited { /* color:#E2DED7; */ }
a {text-decoration: none;}
.italic {font-style:italic;}
.hide {	display:none;}
.bold {	font-weight:bold;}
.marginbottom {display: inline-block; margin:20px 0 65px 0;}
a.weblink {background: url(../images/openweblink.jpg) no-repeat top right;padding:7px 20px 7px 0;
color: #444444;text-decoration: none;display:inline-block;}


* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

a.pagelink {
background:#E5368C ;
color: #fff;
font-size: 11px;

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

border:#ed95c0 solid 2px;

padding: 1px 6px;
line-height: 24px;

}

a:hover.pagelink {
background:#8d1b53 ;

border:#ae2267 solid 2px;
}

a.pagelinkright {
position: absolute;
right:0;
top:0;
background:#E5368C ;
color: #fff;
font-size: 11px;

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

border:#ed95c0 solid 2px;

padding: 1px 6px 3px 6px;
line-height: 16px;

}

a:hover.pagelinkright {
background:#8d1b53 ;

border:#ae2267 solid 2px;
}

a.newslinkright {
position: absolute;
left:10px;
bottom:0;
background:#E5368C ;
color: #fff;
font-size: 11px;

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

border:#ed95c0 solid 2px;

padding: 1px 6px 3px 6px;
line-height: 16px;

}

a:hover.newslinkright {
background:#8d1b53 ;

border:#ae2267 solid 2px;
}



ul {font-size: 12px;}

.theteam {width:627px; }
.theteam li.teammembers {display: inline;float:left; width:300px; height:120px;margin:0 25px 10px 0;}
.theteam li.teammembersright {display: inline;float:left; width:300px; height:120px;margin:0 0 10px 0; }
.theteam li span {display: inline; float: left}
.theteam li span.pic {width:91px;height:91px;vertical-align: top}
.theteam li span.info {width:190px;height:120px;margin-left: 19px;font-size: 12px;}
.theteam li span.info li.name {font-weight: bold; }
.theteam li span.info li.desc {font-style: italic; }
.theteam li span.info li a {color: #E5368C; font-size: 12px; margin-top: 8px;}
.theteam li span.info li a:hover {color: #000; }



.imgleft {display: inline;
float: left;
margin: 3px 11px 11px 0;
}

.imgright{display: inline;
float: left;
margin: 7px 0 7px 7px;
}

.pageleftcolumn {
display: inline;
float: left;
width: 290px;
margin-right: 30px;
}



.pagerightcolumn {
display: inline;
float: left;
width: 248px;
margin-left: 30px;
}

.pagerightcolumn ul li {width: 275px; }
.pagerightcolumn ul li a {
float: right;
font-size: 10px;
color: #E5368C;
}
.pagerightcolumn ul li a:hover {color: #000; }

.columncontainer {
width:600px;
display: inline-block;
position: relative;
}

.columncontainer ul {
margin-bottom: 26px;
}

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:#f2f2f2 url(../images/twitterbird.jpg) left no-repeat ;
width:596px;
padding:2px 0 0 60px;
height:22px;
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.jpg);
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;
position: relative;
width:690px;
height:25px;
display: inline-block;
font-size: 10px;}

#whereyouare ul { margin: 3px 0 0 0; padding: 0;}
#whereyouare ul li {margin: 0 10px 0 0;display: inline; float: left; background: url(../images/youarehere.gif) right no-repeat;padding-right: 14px;}
#whereyouare ul li.on {background: none;}
#whereyouare ul li a {text-decoration: underline}
#whereyouare ul li a:hover {color: #444}

#portfoliocontentarea {
margin:15px 0 0 0;
width:690px;
background: url(../images/portfoliobg.gif) repeat-y;
display: inline-block
}

#portfoliocontentselect a {
color: #888;
text-decoration: underline;
}

#portfoliocontentselect a:hover {
color: #444444;
}

#portfoliocontentselect {
display: inline;
float:left;
width:200px;
margin-right: 3px;
}

#portfoliocontentselect ul li.on {
font-weight: bold;
background: url(/images/listarrow2.gif) left top no-repeat;
padding-left: 18px;
}
#portfoliocontentselect ul li.on a {
	text-decoration:none;
	color:#444;
}


#portfoliocontent {
display: inline;
float:left;
width:465px;
margin:0 0 0 20px;
}

#portfoliocontent ul {
margin: 0;
padding: 0;
vertical-align: top;
}

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


.clientnew {
display: inline;
float:left;
width:465px;
padding:0;
margin:0 0 15px 0;
color:#505242;
}

.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 {
width:240px;
height:150px;
padding:0;
margin:0 0 0 20px;
display: inline;
float: left;
font-weight: bold;
font-size: 14px;

}


.clientjobs {
	margin:5px 0;
	font-size:10px;
	font-weight:normal;
}



.fineline {
display: block;
width:627px;
height:2px;
margin-bottom: 25px;
background: url(../images/fineline.gif) repeat-x;
}

.finelinecolumn {
display: inline;
float: left;
width:2px;
height:330px;
background: url(../images/fineline-vert.gif) repeat-y;
}



/* 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: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;
}

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



.blogtxt a {
color:#505242;
text-decoration:underline;
}


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

a.newsbloglinkmain {
position: relative;
display: inline-block;
margin:30px 0 40px 10px;
background:#E5368C ;
color: #fff;
font-size: 11px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
border:#ed95c0 solid 2px;
text-decoration: none;

padding: 1px 6px 3px 6px;
line-height: 16px;
}


a:hover.newsbloglinkmain {
background:#8d1b53 ;
border:#ae2267 solid 2px;
}


a.newsbloglink {
position: relative;
margin:30px 0 0 0px;
background:#E5368C ;
color: #fff;
font-size: 11px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
border:#ed95c0 solid 2px;
text-decoration: none;

padding: 1px 6px 3px 6px;
line-height: 16px;
}


a:hover.newsbloglink {
background:#8d1b53 ;
border:#ae2267 solid 2px;
}



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;
}



.filter {
width: 103px;
height:40px;
background: url(../images/filter.gif) no-repeat;
}


<!--Bottom bar-->


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

#hpcontentbg {
width:905px;
display: inline-block;
position: relative;
background: url(../images/hpbg.gif) repeat-y;
}

#hpcontent {
width:905px;
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:88px;
}

#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:133px;
}

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



#leftcolumn {
width:149px;
float:left;
display: inline;
margin:0;
padding:0 15px;
}

#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;
line-height: 18px;
margin-bottom: 22px;
}
#leftcolumn ul li a {
position: relative;top: 6px;}

#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:0 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 0 20px 0;
}

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


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


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

#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 {
clear: left;
display: inline-block;
font-size: 22px;
margin: 0 0 15px 0;
padding: 0;
color: #EC419F;
font-weight: normal;
}

h2 {
clear: left;
display: inline-block;
font-size: 16px;
margin: 0 0 12px 0;
padding: 0;
color: #EC419F;
}

h3 {
clear: left;
display: block;
font-size: 11px;
margin: 10px 0 4px 0;
padding: 0;
color: #EC419F;
}


p {
font-size: 13px;
line-height: 17px;
margin-bottom: 15px;
}

.inlineheading {
margin-top: 45px;
display: inline-block;
}

/* 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:700px;
}

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

#green {
background-color:#f7f8f3;

}


#innercontent {
float:left;
width:700px;
padding:14px 0 0 0;
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:656px;
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{
position: relative;
width:685px;
}
#blogtxt {
color:#444;
float:left;

width:410px;
width:510px;
margin:0 0 0 0;
padding:15px 10px 0 13px;
}

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

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




#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;
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----------------------------------------------------*/