html, body {
	font-family:Verdana, Arial, Helvetica;
	font-size:10px;
	margin:0;
	border:0;
	padding:0;
	color:#666666;
}
#wrapper {
	margin: auto;
	text-align: left;
	width: 827px;
	position: absolute;
}
span#center {
	text-align:center;
}
#content {
/*margin: 610px 0px 0px 170px;*/
/*margin: 650px 0px 0px 170px;*/
margin: 0px 0px -140px 170px;
width:800px;
}
#content h3 {
color: #00008E;
font-size:15px;
}
#websiteportfolio {
	position:absolute;
	width:300px;
	/*height:340px;*/
	z-index:1;
	left: 160px;
	margin: 0px 0px 0px -170px;
	/*margin-top:20px;
	top: 110px;*/
	clear:both;
}
#box1 {
	position:absolute;
	width:300px;
	height:340px;
	z-index:1;
	left: 160px;
	margin-top:20px;
	top: 110px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box2 {
	position:absolute;
	width:300px;
	height:340px;
	z-index:1;
	left: 486px;
	margin-top:20px;	
	top: 110px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box3 {
	position:absolute;
	width:300px;
	height:340px;
	z-index:1;
	left: 810px;
	margin-top:20px;
	top: 110px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box4 {
	position: absolute;
	width:300px;
	height:300px;
	z-index:1;
	left: 160px;
	/*margin-top:160px;*/
	/*top: 280px;*/
	margin-top:210px;
	top: 280px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box5 {
	position: absolute;
	width:300px;
	height:300px;
	z-index:1;
	left: 486px;
	/*margin-top:160px;
	top: 280px;*/
	margin-top:210px;
	top: 280px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box6 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:1;
	left: 810px;
	margin-top:210px;
	top: 280px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box7 {
	position: absolute;
	width:300px;
	height:300px;
	z-index:1;
	left: 160px;
	/*margin-top:160px;*/
	/*top: 280px;*/
	margin-top:420px;
	top: 400px;
	visibility: visible;
	border: 1px solid #e5e5e5;
}
#box1 .img1 {
float: left;
	margin: 6px 12px 20px 5px;/*small number=up, */
	}
#box2 .img2 {
float: left;
	margin: 6px 12px 20px 5px;/*small number=up, */
	}
#box3 .img3 {
float: left;
	margin: 6px 15px 20px 5px;/*small number=up, */
	}
#box4 .img4 {
float: left;
	margin: 6px 12px 20px 5px;/*small number=up, */
	}
#box5 .img5 {
float: left;
	margin: 6px 12px 20px 5px;/*small number=up, */
	}
#box6 .img6 {
float: left;
	margin: 6px 15px 20px 5px;/*small number=up, */
	}
#box7 .img7 {
float: left;
	margin: 6px 15px 20px 5px;/*small number=up, */
	}	
	#box1 .name {
	margin:-12px -12px 20px 90px;
	padding-left:19px;
	padding-right:3px;
	padding-top:-4px;		
}
	#box2 .name {
	margin:-12px 12px 0px 50px;
	padding-left:2px;
	padding-right:3px;
	padding-top:-10px;
}
	#box3 .name {
	margin:-10px -12px 10px 20px;
	padding-left:2px;
	padding-right:3px;
	padding-top:-4px;		
}
	#box4 .name {
	margin:-12px -12px 20px 90px;/*padding: top px, right px, bottom px, left px */
	padding-left:19px;
	padding-right:3px;
	padding-top:-4px;		
}
/* Titles */
span#clienttitle {
	/*padding: 0px 0px 0px 105px;*/
	padding: 0px 0px 0px 68px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle2 {
	/*padding:0px 0px 0px 50px;*/
	padding: 0px 0px 0px 55px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle3 {
	/*padding: 0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px;
	margin-left:5px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle4 {
	padding: 0px 0px 0px 80px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle5 {
	/*padding: top px, right px, bottom px, left px */
	padding: 0px 0px 0px 50px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle6 {
	padding: 0px 0px 0px -53px;
	text-transform:uppercase;
	color:#3E3D3D;
}
span#clienttitle7 {
	padding: 0px 0px 0px 63px;
	text-transform:uppercase;
	color:#3E3D3D;
}
	/* Paragraphs */
p#texttop {
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	padding: 19px 0px 0px 605px;
}
.text {
	/*text-align:right;*/
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	padding: 19px 60px 0px 105px;
}
#nav {
	/*margin: -60px 0px 50px 170px;*/
	/*margin: -80px -10px 0px 340px;*/
	margin: -120px -10px 0px 340px;
	width: 400px;
	float: none;
	top: 50px;
	height:70px;
}
#nav h2 {
	/*margin: 0px 0px 30px 400px;*//*padding: top px, right px, bottom px, left px */
	margin: 25px 0px 50px 400px;
	/*padding: .2em .4em;*/
	padding: .21em .49em .0em .`9em;
	color:#58595B;
	width: 400px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}
h1#logo {
	padding-left:40px;
	padding-bottom:36px;
	padding-top:2px;		
	line-height:34px;/*padding: top px, right px, bottom px, left px */
	font-size:13px;
	width: 337px;
	height:103px;
	background: url(images/logo.png) no-repeat;
	margin-left:210px;	
}
/*.logo { background: url(images/logo.png) no-repeat;
	margin-left:210px;
}	*/
a#pic {
	width:290px;
	height:162px;
	display:block;
}
a#pic:link {
	border:1px solid #000000;
}
a#pic:visited {
	border:1px solid #000000;
}
a#pic:hover {
	border:1px dashed #000000;
}
a#pic1 {
	width:291px;
	height:129px;
	border:1px solid #000000;
	display:block;
}
a#pic1:link {
	border:1px solid #000000;
}
a#pic1:visited {
	border:1px solid #000000;
}
a#pic1:hover {
	border:1px dashed #000000;
}
p#rowtitle {
	margin:11px 0 0 0;
	text-transform:uppercase;
	display:block;
	color:#3E3D3D;
}
/* Link */
a.visit {
	color:#4D4C4C;
	text-decoration:underline;
}  
a.visit:link {
	color:#4D4C4C;
	text-decoration:underline;
}
a.visit:visited {
	color:#4D4C4C;
	text-decoration:underline;
}
a.visit:hover {
	color: #00CCFF;
	text-decoration:underline;
}
a {
	color:#4D4C4C;
	text-decoration:underline;
}  
a:link {
	color:#4D4C4C;
	text-decoration:underline;
}
a:visited {
	color:#4D4C4C;
	text-decoration:underline;
}
a:hover {
	color: #00CCFF;
	text-decoration:underline;
}
a.contact {
	color:#4D4C4C;
	text-decoration:underline;
}  
a.contact:link {
	color:#4D4C4C;
	text-decoration:underline;
}
a.contact:visited {
	color:#4D4C4C;
	text-decoration:underline;
}
a.contact:hover {
	color:#4D4C4C;
	text-decoration:underline;
}
#companyinformation {
/*margin: 610px 0px 0px 170px;*/
/*margin: 650px 0px 0px 170px;*/
margin: 1090px 0px 0px 170px;
width:800px;
clear:both;
}
.links{
margin: 40px 0px 0px 50px;
width:800px;
}
.headerlinks{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
}
#companyinformation h3{
/*margin: 20px 0px 0px 0px;*/
margin: 20px 0px 0px 0px;
color: #00008E;
}
a.companyinformation:link {
	color:#4D4C4C;
	text-decoration:underline;
}
a.companyinformation:visited {
	color:#4D4C4C;
	text-decoration:underline;
}
a.companyinformation:hover {
	color: #00CCFF;
	text-decoration:underline;
}
/*padding: top px, right px, bottom px, left px */
h4 {
margin: 20px 0px 0px 0px;
}
#companyinformation h4{
/*margin: 290px 0px 0px 0px;*/
margin: 20px 0px 0px 0px;
}
/* CopyRight Format-- */
#footer {
	font-family:Arial, Verdana, Helvetica;
	text-align: center;
	width: 100%;	
	border:0;
	padding:0;		
	width: 980px;
	margin: 0px auto 0px auto;
}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	/*color: #266C90;*/
	color:#ffffff;
	clear:both;
	text-align:center;
	margin-left:170px;
	/*margin-bottom:20px;*/
	text-decoration: none;
	
	background-color: #00008E;
	font-size: 10px;
	padding:15px 0 15px 0;
	width: 980px;
}
#footer a {
	font-family:Arial, Helvetica, sans-serif;
	/*color:#266C90;*/
	color:#ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration:underline;
	color: #FFFFFF;	
}
#footer a:link {
	/*color:#266C90;*/
	color:#ffffff;
	text-decoration:none;
}
#footer a:visited {
	/*color:#266C90;*/
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#266C90;
	text-decoration:underline;
}
/* --Copyright Format */
#buttons {
	margin: 0px 0px 0px 170px;
	width: 300px;
	float: inherit;
}
#buttons h3 {
	margin: 20px 0px 0px 0px;/*padding: top px, right px, bottom px, left px */
	/*padding: .2em .4em;*/
	padding: .2em .4em;
	color:#58595B;
	position: inherit;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}
.bebo {
	padding-left: 10px;
	}
.googleplus{
	padding-left: 10px;
	}
h2 {
margin: 290px 0px 0px 170px;
}	
.note {
font-family:Arial, Helvetica, sans-serif;
color:#DF0000;
font-size:medium;
font-weight:bold;
}

.wm-button
{
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 5px 10px 5px 10px !important;
    -moz-border-radius: 9px 9px 9px 9px !important;
    border-radius: 9px 9px 9px 9px !important;
    line-height: 1 !important;
}
.wm-button-small
{
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 3px 8px 3px 8px !important;
    -moz-border-radius: 9px 9px 9px 9px !important;
    border-radius: 9px 9px 9px 9px !important;
}
.wm-button-on
{
    margin: 0px 0px 0px 0px;
    color: #fff !important;
    text-shadow: #bc4b00 1px 1px 2px;
    border: 1px solid #2828FF;
    background: #0000C6; /* Old browsers *//*Same as bottom colour*/
    background: -moz-linear-gradient(top, #2828FF/*top, light*/ 0%, #0000C6/*bottom, dark*/ 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2828FF), color-stop(100%,#0000C6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2828FF 0%,#0000C6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2828FF 0%,#0000C6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #2828FF 0%,#0000C6 100%); /* IE10+ */
    background: linear-gradient(top, #2828FF 0%,#0000C6 100%); /* W3C */
}
.wm-button-on:hover
{
    text-decoration: none !important;
    color: #fff;
    background: #0000E8; /* Old browsers */
    background: -moz-linear-gradient(top, #6A6AFF 0%/*top, light*/, #000066 100%/*bottom, dark*/); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb649), color-stop(100%,#000066)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6A6AFF 0%,#000066 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6A6AFF 0%,#000066 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #6A6AFF 0%,#000066 100%); /* IE10+ */
    background: linear-gradient(top, #6A6AFF 0%,#000066 100%); /* W3C */
}
.wm-button-on:active
{
    color: #fff;
    background: #ea5f02; /* Old browsers *//*dark*/
    background: -moz-linear-gradient(top, #000066 0%, #0113ED 100%); /* FF3.6+ *//*lighter*//*even lighter*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000066), color-stop(100%,#0113ED)); /* Chrome,Safari4+ *//*even lighter*/
    background: -webkit-linear-gradient(top, #000066 0%,#0113ED 100%); /* Chrome10+,Safari5.1+ *//*lighter*//*even lighter*/
    background: -o-linear-gradient(top, #000066 0%,#0113ED 100%); /* Opera11.10+ *//*lighter*//*even lighter*/
    background: -ms-linear-gradient(top, #000066 0%,#0113ED 100%); /* IE10+ *//*lighter*//*even lighter*/
    background: linear-gradient(top, #000066 0%,#0113ED 100%); /* W3C *//*lighter*//*even lighter*/
}
.wm-button-off
{
    color: #fff !important;
    text-shadow: #333 1px 1px 2px;
    border: 1px solid #999;
    background-color: #999;
    background: -moz-linear-gradient(top, #bbb 0%, #999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbb), color-stop(100%,#999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbb 0%,#999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbb 0%,#999 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbb 0%,#999 100%); /* IE10+ */
    background: linear-gradient(top, #bbb 0%,#999 100%); /* W3C */
}
.wm-button-off:hover
{
    color: #fff;
    background: #bbb;
    background: -moz-linear-gradient(top, #999 0%, #bbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999 0%,#bbb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #999 0%,#bbb 100%); /* IE10+ */
    background: linear-gradient(top, #999 0%,#bbb 100%); /* W3C */
}
.wm-button-off:active
{
    color: #fff;
    background: #bbb; /* Old browsers */
    background: -moz-linear-gradient(top, #666 0%, #bbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #666 0%,#999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #666 0%,#bbb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #666 0%,#bbb 100%); /* IE10+ */
    background: linear-gradient(top, #666 0%,#bbb 100%); /* W3C */
}
/**/
.wmm-button
{
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 5px 10px 5px 10px !important;
    -moz-border-radius: 9px 9px 9px 9px !important;
    border-radius: 9px 9px 9px 9px !important;
    line-height: 1 !important;
}
.wmm-button-small
{
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 3px 8px 3px 8px !important;
    -moz-border-radius: 9px 9px 9px 9px !important;
    border-radius: 9px 9px 9px 9px !important;
}
.wmm-button-on
{
    margin: 0px 0px 0px 0px;
    color: #fff !important;
    text-shadow: #bc4b00 1px 1px 2px;
    border: 1px solid #F60;
    background: #FF7B00; /* Old browsers */
    background: -moz-linear-gradient(top, #f90 0%, #ff7b00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f90), color-stop(100%,#ff7b00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f90 0%,#ff7b00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f90 0%,#ff7b00 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f90 0%,#ff7b00 100%); /* IE10+ */
    background: linear-gradient(top, #f90 0%,#ff7b00 100%); /* W3C */
}
.wmm-button-on:hover
{
    text-decoration: none !important;
    color: #fff;
    background: #ff9040; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb649 0%, #f26400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb649), color-stop(100%,#f26400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb649 0%,#f26400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb649 0%,#f26400 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffb649 0%,#f26400 100%); /* IE10+ */
    background: linear-gradient(top, #ffb649 0%,#f26400 100%); /* W3C */
}
.wmm-button-on:active
{
    color: #fff;
    background: #ea5f02; /* Old browsers */
    background: -moz-linear-gradient(top, #f26400 0%, #ed8a00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f26400), color-stop(100%,#ed8a00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f26400 0%,#ed8a00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f26400 0%,#ed8a00 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f26400 0%,#ed8a00 100%); /* IE10+ */
    background: linear-gradient(top, #f26400 0%,#ed8a00 100%); /* W3C */
}
.wmm-button-off
{
    color: #fff !important;
    text-shadow: #333 1px 1px 2px;
    border: 1px solid #999;
    background-color: #999;
    background: -moz-linear-gradient(top, #bbb 0%, #999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbb), color-stop(100%,#999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbb 0%,#999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbb 0%,#999 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbb 0%,#999 100%); /* IE10+ */
    background: linear-gradient(top, #bbb 0%,#999 100%); /* W3C */
}
.wmm-button-off:hover
{
    color: #fff;
    background: #bbb;
    background: -moz-linear-gradient(top, #999 0%, #bbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999 0%,#bbb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #999 0%,#bbb 100%); /* IE10+ */
    background: linear-gradient(top, #999 0%,#bbb 100%); /* W3C */
}
.wmm-button-off:active
{
    color: #fff;
    background: #bbb; /* Old browsers */
    background: -moz-linear-gradient(top, #666 0%, #bbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #666 0%,#999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #666 0%,#bbb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #666 0%,#bbb 100%); /* IE10+ */
    background: linear-gradient(top, #666 0%,#bbb 100%); /* W3C */
}