/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 0px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -22px;
	top: -22px;
	background: url(/css/admin/images/squeezeBox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(/css/admin/images/squeezeBox/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(/css/admin/images/squeezeBox/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: hidden;
	/*background-color: #fff;*/
	padding: 15px;
	/*height: 100%;
	width: 100%;*/
}
#sbox-controller {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#sbox-controller a {
	height: 100%;
	width: 40%;
	text-indent: -999em;
	display: block;
	font-size: 0;
	outline: none;
	overflow: visible;
}
#sbox-controller a.sbox-next:hover {
	background: url('/css/admin/images/squeezeBox/next.png') no-repeat right center;
}
#sbox-controller a.sbox-next{
	float: right;

}
#sbox-controller a.sbox-previous:hover {
	background: url('/css/admin/images/squeezeBox/prev.png') no-repeat left center;
}
#sbox-controller a.sbox-previous {
	float: left;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	/*width: 100%;
	height: 100%;*/
}

.sbox-content-iframe#sbox-content {
	overflow: hidden;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(/css/admin/images/squeezeBox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(/css/admin/images/squeezeBox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(/css/admin/images/squeezeBox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(/css/admin/images/squeezeBox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(/css/admin/images/squeezeBox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(/css/admin/images/squeezeBox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(/css/admin/images/squeezeBox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(/css/admin/images/squeezeBox/bg_nw.png) no-repeat;
}

#sbox-window .sbox-content-swf
{
	overflow:				hidden;
}

#sbox-caption-wrapper {
	position: absolute;
	text-align: center;		
	bottom: -50px;
	left: 0;		
	width: 100%;
	margin: -25px auto;
}

.sbox-caption-table {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	width: auto;
	background: #383D40;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -border-radius: 3px;
    border-radius: 3px;
}

table {
}
#sbox-caption {
	padding: 8px;
}
table.sbox-caption-table tbody td {
	background: transparent;
	border-bottom: none;
}
table.sbox-caption-table tbody tr:nth-child(odd) td {
	background: none;
}
table.sbox-caption-table tbody tr:hover td {
	background: none;
	color: inherit;
}

/**
 * default CSS for the textControl cmslib component
 * Used in conjunction with /cmslib/HTMLElements/HTMLTextControl.php and /cmslib/js/textControl.js
 */
.textModifier8 #content {font-size: 0.8em;}
.textModifier9 #content {font-size: 0.9em;}
.textModifier10 #content {font-size: 1.0em;}
.textModifier11 #content {font-size: 1.1em;}
.textModifier12 #content {font-size: 1.2em;}
.textModifier13 #content {font-size: 1.3em;}
.textModifier14 #content {font-size: 1.4em;}
.textModifier15 #content {font-size: 1.5em;}
.textModifier16 #content {font-size: 1.6em;}
.textModifier17 #content {font-size: 1.7em;}
.textModifier18 #content {font-size: 1.8em;}
.textModifier19 #content {font-size: 1.9em;}
#contentControl .decrease {background-position: 5px 1px;}
#contentControl .increase {background-position: -15px 2px;}
#contentControl .print {background-position: -34px 1px;}
#contentControl .email-this-link {background-position: -55px 1px;border-bottom: none;}
#contentControl a,
#contentControl button {
	background-image:url(/css/images/text-control.gif);
	background-repeat:no-repeat;
	font-size:0;
	height:18px;
	line-height:0;
	width:20px;
	display: block;
	
}
#contentControl a.email-this-link:hover{
	border-bottom: none;
}
#contentControl a:hover,
#contentControl button:hover {background-color: #EFEFEF;}
body ul#contentControl li {
display:block;
float:left;
line-height:0;
margin:0 0 0 1px;
padding:0;
background: none transparent;
}
#contentControl {
    /*overflow: auto;*/
}
#contentControl a span,
#contentControl button span {display:none;}

#contentControl a.email-this-link {
	padding-bottom: 0;
}

/*
    Document   : sliding-door
    Created on : 02/11/2009, 3:20:59 PM
    Author     : Luke Hoggett
    Description: default style sheet for the sliding door html element UI component

*/
.s5 {
	background: transparent url(/css/images/s5-r.png) no-repeat scroll right top;
	border: medium none !important;
	height: 26px;
	/*margin: 3px 3px 3px 0px;*/
	padding-bottom: 0 !important;
	padding-right: 2px;
	text-decoration: none;
	display: block;
	float: left;
}
button.s5 {
	padding-right:3px;
}
.s5 .inside,
.s5 span {
	background: transparent url(/css/images/s5-l.png) no-repeat scroll 0 0;
	display: block;
	height: 26px;
	text-decoration: none;
	border: none;
	padding: 4px 5px;
	color: #fff;
	cursor: pointer;
	width: 73px;
	vertical-align: middle;
	font-family: arial;
	font-weight: bold;
}
.s5 .inside.active,
.s5 span.active {
	color: #717171;
}
button.s5 .inside,
button.s5 span {
	display: inline;
}
.s5:hover {
	background: transparent url(/css/images/s5-r.png) no-repeat scroll right -26px;
}
.s5:hover .inside,
.s5:hover span {
	background: transparent url(/css/images/s5-l.png) no-repeat scroll 0 -26px;
}

/*
    Document   : sliding-door
    Created on : 02/11/2009, 3:20:59 PM
    Author     : Luke Hoggett
    Description: default style sheet for the sliding door html element UI component

*/
.s6 {
	background: transparent url(/css/images/s6-r.png) no-repeat scroll right top;
	border: medium none !important;
	height: 26px;
	/*margin: 3px 3px 3px 0px;*/
	padding-bottom: 0 !important;
	padding-right: 2px;
	text-decoration: none;
	display: block;
	float: left;
	overflow: hidden;
}
button.s6 {
	padding-right:3px;
}
.s6 .inside,
.s6 span {
	background: transparent url(/css/images/s6-l.png) no-repeat scroll 0 0;
	display: block;
	height: 17px;
	text-decoration: none;
	border: none;
	width: 205px;
	padding: 5px 5px 4px;
	color: #A7A7A7;
	/*have to float, otherwise will be 1px lower than wrapper*/
	float: left;
}
.s6 .inside.active,
.s6 span.active {
	color: #fff;
}
.s6 input.inside {
	 -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/*Search bar*/
#search {
	position: absolute;
	z-index: 9999;
	top: 7px;
	right: 20px;
	width: 323px;
	overflow: visible;
	padding-right: 5px;
	background: url('/css/images/r-curve.png') no-repeat top right;
}
#search .search-button {
	background: url('/css/images/search-bar.png') no-repeat;
	width: 46px;
	height: 30px;
	display: block;
	text-indent: -5000px;
	float: right;
	outline: none;
}
#search .search-button:hover {
	border-bottom: none;
}
#search-bar {
	background: transparent url('/css/images/search-bar-bg.png') no-repeat;
	width: 273px;
	height: 80px;
	padding: 0 20px 0 30px;
}
#search form {
	background: none;
	padding: 0;
	clear: both;
	padding-top: 2px;
	width: 280px;
}
#search form fieldset ul {
	overflow: auto;
	width: 270px;
}
#search form fieldset ul li,
#search form fieldset {
	padding: 0;
	margin: 0;
	float: left;
}
#search form input {
	float: left;
	vertical-align: baseline;
}
#search form label {
	position: absolute;
	left: 5px;
	color: #A7A7A7;
}
#search form .s3 {
	margin-right: 5px;
}
#search a.search-bar-close {
	background: url('/css/images/search-bar-close.png') no-repeat 3px 3px;
	display: block;
	width: 8px;
	height: 8px;
	text-indent: -5000px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	padding: 3px;
}
#search a.search-bar-close:hover {
	border-bottom: none;
}
/*End of search bar styles*/

/*
    Document   : sliding-door
    Created on : 02/11/2009, 3:20:59 PM
    Author     : Luke Hoggett
    Description: default style sheet for the sliding door html element UI component

*/
.s2 {
	background: transparent url(/css/images/s2-r.png) no-repeat scroll right top;
	border: medium none !important;
	color: #fff;
	height: 30px;
	/*margin: 3px 3px 3px 0px;*/
	padding-bottom: 0 !important;
	padding-right: 2px;
	text-decoration: none;
	display: block;
	float: left;
	font-weight: bold;
}
button.s2 {
	padding-right:3px;
}
.s2 .inside,
.s2 span {
	background: transparent url(/css/images/s2-l.png) no-repeat scroll 0 0;
	display: block;
	line-height: 20px;
	height: 30px;
	padding: 7px 5px;
	text-decoration: none;
	border: none;
	color: #fff;
	width: 60px;
	font-family: arial;
	font-weight: bold;
}
button.s2 .inside,
button.s2 span {
	display: inline;
}
.s2:hover{
	background: transparent url(/css/images/s2-r-hover.png) no-repeat scroll right top;
	/*background-position: 100% -24px;*/
	border-bottom: none;
}
.s2:hover .inside,
.s2:hover span{
	border-bottom: none;
	/*background-position: 0 -24px;*/
}
.s2:hover .inside,
.s2:hover span {
	background: transparent url(/css/images/s2-l-hover.png) no-repeat scroll 0 0;
	cursor: pointer;	
}

/*
    Document   : sliding-door
    Created on : 02/11/2009, 3:20:59 PM
    Author     : Luke Hoggett
    Description: default style sheet for the sliding door html element UI component

*/
.s3 {
	background: transparent url(/css/images/s3-r.png) no-repeat scroll right top;
	border: medium none !important;
	height: 30px;
	/*margin: 3px 3px 3px 0px;*/
	padding-bottom: 0 !important;
	padding-right: 2px;
	text-decoration: none;
	display: block;
	float: left;
}
button.s3 {
	padding-right:3px;
}
.s3 .inside,
.s3 span {
	background: transparent url(/css/images/s3-l.png) no-repeat scroll 0 0;
	display: block;
	height: 15px;
	text-decoration: none;
	border: none;
	width: 190px;
	padding: 8px 5px 7px;
	color: #A7A7A7;
}
.s3 .inside.active,
.s3 span.active {
	color: #717171;
}
button.s3 .inside,
button.s3 span {
	display: inline;
}
.s3 input.inside {
	 -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* 
    Document   : reset
    Created on : 06/03/2009, 5:37:36 PM
    Author     : Luke Hoggett
    Description:
        resest file based upon the yui reset
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
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,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}




body {
	color: #717173;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, Helvetica, sans-serif;
	font-size: .625em;
}
#sbox-window {
	font-size: 12px;
}
#header,
#content {
	font-size: 1.2em;
}

strong, b {
	/*color: #333;*/
	font-weight: bold;
}
em, i {
	font-style: italic;
	font-family: georgia;
}

a {
	text-decoration: none;
	color: #2E9FD8;
}
a img {
	padding: 2px;
	margin: 3px;
}
a#logo img {
	padding: 0;
	margin: 0;
	display: block;
}
a, .content {
	padding-bottom: 1px;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
	text-decoration: none;
}
a:hover, a.content:hover {
	border-bottom-width: 1px;
	color: #7FBA0E;
}
#navigation a:hover {
	border-bottom: none;
}
.floatR {
	float: right;
}
.floatL {
	float: left;
}
.featured-text {
	color: #717173;
	font-size: 1em;
	margin-bottom: 25px;
	margin-top: 15px;
}

blockquote {
	/*-moz-border-radius-bottomRight: 8px;*/
	/*-webkit-border-radius-bottomRight: 8px;*/
	/*background: #EFEFEF;*/
	/*border-left: 2px solid #666;*/
	/*border-radius-bottomRight: 8px;*/
	margin: 30px 0 40px 0;
	padding: 12px 0 0 30px;
	color: #7e8f98;
	font-style: italic;
	font-family: georgia;
	line-height: 20px;
	font-size: 1.2em;
	background: url('/css/images/blockquote-s.png') no-repeat top left;
}
blockquote p {
	background: url('/css/images/blockquote-e.png') no-repeat bottom right;
	padding-bottom:  12px;
	padding-right: 30px;
	margin-bottom: 0;
}

pre {
	font-size: 1.3em;
}

/* start headings */
h1, h2, h3, h4 {
	font-weight: bold;
	margin: .4em 0;
}
h1.content-title {
	color: #7fba0e;
	font-size: 2.3em;
	font-weight: normal;
}
h1 {
	color: #1b6189;
	font-size: 1.5em;
	font-family: arial;
	font-weight: bold;
}
h2 {
	font-size: 1.2em;
}
h3,h4,h5{
	color: #717173;
	font-size: 0.9em;
}
h3 a, h4 a, h5 a {
    color: #717173;
    font-size: 100%;;
}
/* end headings */

/* start paragraphs */
p {
	line-height: 1.6em;
	margin-bottom: 1em;
}
/* end paragraphs */

/* start lists */
ul, ol {
	margin: 15px 30px 20px 25px;
}
ul ul {
	margin-left: 15px;
}
li {
	line-height: 1.6em;
}
ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 5px;
	padding-left: 12px;
}
ul li {
	list-style-type: square;
	list-style-position:outside;
	margin-left: 18px;
	padding-left: 3px;
}
ul ul li {
	list-style-type: circle;
}
/*
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
	left: 0;
	padding: 3px;
	position: relative;
	top: 1.1em;
	width: 5em;
}
dd {
	border-left: 2px solid #666;
	margin: 0 0 0 6em;
	padding: 0 0 .5em .5em;
}*/
/* end lists */

/* start table */
table {
	
	margin: 5px 0;
	width: 100%;
}
th, td {
	padding: 3px;
}
thead th {
	border-bottom: 1px solid #666;
	font-weight: bold;
}
tbody td {
	background: #EFEFEF;
	border-bottom: 1px solid #CCC;
}
tbody tr:nth-child(odd) td {
	background: #FFF;
}
tbody tr:hover td {
	background: #333;
	color: #FFF;
}
tfoot td {
	border-top: 1px solid #666;
	font-style: italic;
}
/* end table */

/* start form */
form {
	padding: 3px;
	background: #EFEFEF;
	/*border-left: 1px solid #666;
	margin:1em 0 1em 3em;*/
}
fieldset {
/*
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #FFF;
	border-radius: 8px;
	color: #666;*/
	padding: 5px 0;
}
form fieldset ul {
	padding-left: 0;
}
form fieldset ul li {
	margin: 0 0 4px 0;
}
legend {
	display: none;
}
form ul {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	margin: 8px;
	padding: 0;
	overflow: visible;
	height: 100%;
	position: relative;
}
form li.submit {
	overflow: hidden;
}
form li > label {
	color: #333;
	float: left;
	width: 150px;
}
form ul.std-form li label {
	position: absolute;
	cursor: text;
	color: #A7A7A7;
	left: 7px;
	top: 5px;
	float: none;
	width: auto;
}
#enquiry-form form ul.std-form li label.fade {
	color: #d7d7d7;
}
form ul.std-form li label.fade {
    color: #8F8F8F;
}
form fieldset ul li label{
	width: 150px;
}
form fieldset ul li div.input-area label{
	width: auto;
	float: none;
	margin-left: 5px;
}
form fieldset ul li{
	/*overflow: auto;*/
}
form fieldset ul li div.input-area{
	/*float: left;*/
}
#content form fieldset ul li.submit,
form fieldset ul li.submit {	
	padding-left: 152px;
}
#content form fieldset ul li.submit input,
form fieldset ul li.submit input{
	/*margin-left: 168px;*/
}
textarea {
	line-height: 1.5em;
	width: 308px;
	height: 113px;
}
input {
	height: auto;
}
input.text,
textarea{
	width: 308px;
	background: #f8f8f8;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding: 6px;
	border: 1px solid #D3D3D3;
}
.input-area input, textarea {	
	color: #a7a7a7;		
}
input.active, textarea.active {
	background: #fff;
	color: #717171;
}
input.button,
input.radioInput,
input.checkbox,
input.submit{
	width: auto;
}

.formErrorMessage {
	color: #ff0000;
}
/* end form */

sup {
	vertical-align: text-top;
}



button {
background:transparent none repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:30px;
line-height:26px;
margin:0;
overflow:visible;
padding:0;
text-align:center;
white-space:nowrap;
width:auto;
}
div#spam-tip {
	background:#EFEFEF;
	border:1px solid #666;	
	padding:2px;
	font-size:0.8em;
	width: 213px;
	display: none;
}
span.helper{
	display: block;
	font-size: 0.9em;
}
span.hint {
	border-bottom:1px dotted;
	cursor:pointer;
	margin-left:5px;
}
span.hint:hover{
	border-bottom-style: solid;
}

/* Starts busy signal style */
div.busySignalContainer{
	background: none;
	padding: 0;
	margin: 0;
}
.busySignal {
	margin: 0;
	padding: 0;
	position:absolute;
	background: #EEEEEE url('/css/images/preloader2.gif') no-repeat 50% 40%;
	z-index: 999;
	/*opacity:.5;*/
}
#footer .busySignal {
	background: #383D40 url('/css/images/30.gif') no-repeat 0 7px;
	z-index: 999;
	/*opacity:.5;*/
}
/* Ends busy signal style */

/* Starts message style */
div.messageList{
	list-style:none;
	color: #47512D;
	padding:7px 20px 7px 12px;
	background: #E6EFC2;
}
div.errorList{
    padding:7px 20px 7px 12px;
    background: #f6ecde;
    color:#CC0000;
}
div.messageList,
div.errorList{
	border: none;
	margin: 0 0 0 3em;
	padding:7px 20px 7px 12px;
}
/* Ends message style*/
a.zoom img,
ul.preview-images a img, a.zoom .content-image {
    cursor:url(/css/cursors/zoom.cur), pointer;
}

/** js related selectors **/
.hidden {
	display: none;
}

input.busyStatus,
textarea.busyStatus{
    background: #F4F5F5;
    border: #F4F5F5 1px solid;
}

.map-ineractive-text {
    text-decoration: underline;
}

#ZoomCaption {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#skip-to-content, #skip-to-nav {
	display: none;
}

.featured-video .links ul li a {
	font-size: 0.9em;
}
.panel h3 {
	font-size: 1.1em;
	line-height: 13px;
	margin-top: 7px;
}
.search-work h3,
.slide-element h3,
.work-list h3,
#sub-nav h3 {
	font-size: 1em;
	line-height: 13px;
	margin-top: 10px;
}
.current-page {
	font-weight: bold;
	color: #383d40;
}
.related-posts h3 {
	display: inline;
}
span.date {
	color: #a7a7a7;
	font-size: 0.9em;
}

#content .case-studies .controller .all-work span {
	font-weight: bold;
	font-size: 0.9em;
}
.related-posts .brief p {
	color: #717173;
}
#footer a {
	color: #7e8f98;
	border-bottom: 1px dotted #7e8f98;
	display: inline-block;
	/*margin-bottom: 3px;*/
}
#footer a:hover {
	color: #fff;
	border-bottom-color: #fff;
}
#footer b {
	color: #fff;
}
#footer p{
	color: #a7a7a7;
}
#footer .footer-panel-130 ul li p{
	margin-bottom: 0;
}
#footer .footer-panel-130 ul li b {
	font-weight: normal;
	color: #a7a7a7;
}
#footer .panel ul li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	float: none;
}
.ir-text {
	position: absolute;
	display: block;
	left: -9999em;
}


#sub-nav ul li a{
	color: #2e9fd8;
	border-bottom: none;
}
#sub-nav ul li a:hover {
	color: #7FBA0E;
}
#sub-nav ul li.current a{
	color: #134663;
	font-weight: bold;
}
#sub-nav ul li.other {
	margin-bottom: 20px;
}
#sub-nav ul li.other a{
	font-weight: bold;
}

form ul.std-form li.submit span input {
	/*padding: 0;*/
}

#human {
	display: none;
	visibility: hidden;
}

.errorSpam {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #8F0000;
	background: #FEEEEE;
	border: 1px solid #CA9092;
	font-weight: bold;
	padding: 5px;
}
a.featured{
	padding: 5px 8px;
	color: #fff;
	margin-top: 3px;
}
a.light-blue {
	background-color:#2E9FD8;
	padding: 7px;
}
a.dark-blue {
	background: #134f77;
	font-weight: bold;
	font-size: 0.8em;
}
.pagination a.rarrow:hover,
.pagination a.larrow:hover,
a.light-blue:hover {
	background-color: #2481B1;
	color: #fff;
}
a.dark-blue:hover {
	background-color: #2E9FD8;
}
a.featured:hover {
	border-bottom: none;
}

#content ul.work-list {
	padding: 0;
}
#content .case-studies ul.slide-element li a{
	padding: 0;
	margin: 0;
}
a.work-image {
	padding: 1px;
	display: block;
}
a.work-image img
/*#content ul.work-list li a img,
#content .case-studies ul.slide-element li a img*/ {
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}
ul.work-list li,
.case-studies ul li {
	margin-right: 10px;
	width: 200px;
}
#content .search-results li h3 a,
#content ul.work-list li h3 a,
#content .case-studies ul li h3 a{
	color: #2e9fd8;
	padding-bottom: 0;
	margin-bottom: 0.4em;
}
.service-list li:hover a.title,
.col-narrow #product-list li a.related:hover,
#content .search-results li h3 a:hover,
#content ul.work-list li h3 a:hover,
#content .case-studies ul li h3 a:hover {
	color: #7FBA0E;
}
.main .work-detail .writeUp strong {
	color: #383d40;
}

.col-narrow #product-list li a {
	color: #717173;
}
.col-narrow #product-list li a.related {
	color: #2e9fd8;
}

.tags{
	font-size: 1.0em;
	font-family: georgia;
	font-style: italic;
	color: #a7a7a7;
}
#sub-nav .tags a,
.tags a {
	color: #a7a7a7;
	border-bottom: none;
}
#sub-nav .tags a:hover,
.tags a:hover {
	color: #383D40;
}

.attached .remove {
	color: #2e9fd8;
}

a#enquiry-upload-file {
	float: left;
}
a.function-link {
	font-size: 0.9em;
	color: #7E8F98;
	border-bottom: 1px dotted #7E8F98;
}
a.function-link:hover {
	color: #717173;
	border-bottom-color: #717173;
}
p.primary,
.main .work-detail .writeUp p {
	color: #729eb7;
	font-size: 1.0em;
	line-height: 19px;
}
.related-posts h3 a {
	color: #383D40;
	line-height: 16px;
	font-family: arial;
	font-weight: bold;
}
h2 a{
	font-family: arial;
	font-weight: bold;
	color: #383d40;

}
h2 a:hover,
h3 a:hover  {
	color: #2e9fd8;
}
.content-image {
	margin: 15px 0 25px 0;
}
.floatR {
	margin: 25px 0 5px 25px;
}
.floatL {
	margin: 25px 25px 5px 0;
}
#content h2 {
	font-size: 1em;
	color: #383D40;
	font-weight: bold;
	/*background: none;*/
	margin-bottom: 25px;
}
.note-words,
h1.our-work,
h1.case-studies,
#what-we-do-list h2,
#sub-nav h2,
.col-container h2,
#footer .panel h2,
#content .panel h2 {
	background-image: url('/css/images/sprite-text.png');
	background-repeat: no-repeat;
	text-indent: -9999em;
	line-height: 0;
	font-size: 0;
	padding: 0;
}
h2.featured-work {
	background-position: 0 0;
	height: 19px;
}
h2.from-the-blog {
	background-position: 0 -19px;
	height: 23px;
}
h2.get-in-touch {
	background-position: 0 -42px;
	height: 19px;
}
h2.company-updates {
	background-position: 0 -61px;
	height: 19px;
}
h2.related-posts-title {
	background-position: 0 -80px;
	height: 23px;
}
h2.related-work {
	background-position: 0 -103px;
	height: 20px;
}
h2.what-we-delivered {
	background-position: 0 -123px;
	height: 15px;
}
h2.what-they-said {
	background-position: 0 -138px;
	height: 19px;
}
h2.get-in-touch-2{
	background-position: 0 -157px;
	height: 20px;
}
h2.comments {
	background-position: 0 -177px;
	height: 15px;
}
h2.leave-a-comment {
	background-position: 0 -192px;
	height: 17px;
}
h2.categories {
	background-position: 0 -208px;
	height: 21px;
}
h2.archives {
	background-position: 0 -229px;
	height: 17px;
}
h2.random-portfolio {
	background-position: 0 -350px;
	height: 20px;
}
h2.tag-cloud {
	background-position: 0 -266px;
	height: 21px;
}
h2.what-we-do {
	background-position: 0 -287px;
	height: 15px;
}
h1.our-work {
	background-position: 0 -302px;
	height: 15px;
}
h2.other-case-studies {
	background-position: 0 -318px;
	height: 15px;
}
h1.case-studies {
	background-position: 0 -333px;
	height: 15px;
}
h2.we-offer {
	background-position: 0 -486px;
	height: 24px;
}
h2.contact-us-dummy {
	background-position: 0 -510px;
	height: 25px;
}
h2.subscribe-and-follow {
	background-position: 0 -534px;
	height: 26px;
}
.note-words {
	width: 381px;
	background-position: 0 -560px;
	height: 90px;
}

p a.zoom,
a.zoom{
	border-bottom: none;
}
.right-small-margin {
	margin-top: 0;
	margin-right: 6px;
	margin-left: 0;
	padding: 0;
}
.left-small-margin {
	margin-top: 0;
	margin-left: 6px;
	margin-right: 0;
	padding: 0;
}
.no-margin {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.right-border {
	background-image: url('/css/images/vertical-dot.gif');
	background-repeat: repeat-y;
	padding: 0 5px;
	margin-top: 0;
	margin-right: 6px;
}
.right-border {
	background-position: right;
}
a.zoom img{
	margin: 0;
	padding: 0;
	display: block;
}
.main-content a,
p a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
ul.post-list li.featured-item h2,
ul.post-list li.featured-item h2 a{	
	font-size: 1.2em;
}
ul.post-list li.brief-item h2,
ul.post-list li.brief-item h2 a{
	font-size: 1.1em;
}
.post-comment {
	color: #fff;
	font-size: 0.9em;
}
.featured-item p {
	color: #729eb7;
}
ul.blg-categories li span {
	color: #a7a7a7;
	margin-left: 5px;
}
#myCloud {
	font-size: 5em;
}
.user-link a{
	color: #717173;
	border-bottom: none;
}
.user-link {
	color: #A7A7A7;
	font-style: italic;
	font-family: georgia;
}
input.error-input, textarea.error-input {
	border: 1px solid #f92977;
}
span.helper {
	color: #7fba0e;
	font-family: arial;
	font-size: 1.1em;
	font-weight: bold;
}
span.helper.error {
	color: #f92977;
}
.FatCloud a {
	border-bottom: none;
}
.help-note {
	color:#A7A7A7;
	display: inline;
	margin-left: 10px;
	font-size: 0.9em;
}
.company-info ul.contact li b {
	text-transform: capitalize;
	color: #383d40;
}
.service-list li a.title {
	font-weight: bold;
	padding-top: 19px;
}
.see-what-we-do,
.create-brief,
.more-content .titles h3{
	color: #383d40;
	padding: 14px 10px 6px;
	text-shadow: 1px 1px #fff;
	height: 29px;
	margin: 0;
	width: 230px;
	cursor: pointer;
}
.see-what-we-do,
.create-brief,
.more-content .titles .active h3{
	background: url('/css/images/selected-title.png') no-repeat left top;
}
.see-what-we-do {
	margin-top: 37px;
}
.see-what-we-do,
.create-brief {
	display: block;
	background-position: -9px top;	
	font-weight: bold;
}
.create-brief {
	margin-top: 9px;
}
.more-content .titles .hidden h3 {
	color: #2e9fd8;
	cursor: pointer;
}
.more-content .titles .hidden h3:hover {
	color: #134663;
}
.short-content {
	font-size:  0.9em;
	line-height: 19px;
}
a.dotted-link {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.no-result {
	font-family: arial;
	font-weight: bold;
	color: #383d40;
	font-size: 1.2em;
}

.featured-areas .about-us p{
	color: #fff;
}
.hightligh {
	font-weight: bold;
	color: #383d40;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
	border: 1px solid;
	margin-top: 10px;
	margin-bottom: 10px;
    padding:10px 10px 10px 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
	font-weight: bold;
}
.success.no-bold {
	font-weight: normal;
}
.success .title {
	font-weight: bold;
}
a.create-breif-grn-btn {
	background: url('/css/images/brief-buttons.png') no-repeat 0 -429px;
	width: 86px;
	height: 14px;
	padding: 6px 12px;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 10px;
	font-family: arial,Helvetica, sans-serif;
}
a.create-breif-grn-btn:hover {
	background-position: -150px -429px;
	color: #fff;
}
#twitter .wrapper .busy {
	background: url('/css/images/s-loader.gif') no-repeat 100% 0;
	padding-right: 18px;
	width: 124px;
}
.back-to-top {
	display: block;
	float: right;
	margin-top: -21px;
}



html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}


#container {
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#header {
	padding-top: 15px;
	position: relative;
}
#footer {
	position: relative;
	margin-top: -495px; /* negative value of footer height */
	/*height: 495px;*/
	clear:both;
	background: #383d40;
	color: #fff;
	overflow: hidden;
}

#content {
	padding-bottom: 495px;
	/*changed to hidden to fix layout in ie7*/
	/*overflow: auto;*/
	overflow: hidden;
}
#logo {
	display: inline-block;
}
#logo:hover {
	border-bottom: none;
}
#navigation {	
	overflow: hidden;
	margin: 0 0 0 30px;
}

#navigation li {
	float: left;
	list-style: none;
	padding: 7px 4px 4px 4px;
	margin: 0;
}
/*#navigation li:hover, */#navigation li.active {
	background: url('/css/images/nav-active.png') no-repeat 15px 0;
}
#navigation li:hover a,
#navigation li.active a{
	background: #1a80ab;
}
#navigation a {
	color: #FFF;
	display: block;
	font-weight: bold;
	padding: 9px 9px 1px;
	text-decoration: none;
	 -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	height: 21px;
	font-size: 13px;
	outline: none;
}
#navigation a span img {
	display: block;
	padding: 0;
	margin: 0;
}
#footer {
/*	font-size: 1.1em;*/
	font-size: 11px;
}

span.date {
	margin-left: 5px;
	font-weight: bold;
}

/** Starts with jsWindow style **/
#JsWindow {
	width:400px;
	position:absolute;
	margin:auto;
	z-index:1000;
	border:1px solid black;
	background:#fff;
}

body > #JsWindow {
	position:fixed;
	top:7%;
}

#JsWindowBar {
	overflow: auto;
}
#JsWindowBar a.close {
	background: url('/css/images/popup-X.gif') no-repeat 0 0;
	width:26px;
	height:26px;
	display:block;
	float:right;
	border: none;
	outline: none;
}
#screenOverlay {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	opacity:.2;
}

body > #screenOverlay {
}
/* Ends jsWindown style*/

/*Starts FancyZoom style reset*/
#ShadowBox table,
#ShadowBox table td,
#ShadowBox table tbody td{
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
/*Ends Fancy Zoom style reset*/

a.fp-credit {    
   background:transparent url(/css/images/web-design-by-fatpublisher.png) no-repeat 85px 0;
    border:medium none;
    cursor:pointer;
    padding:2px 28px 12px 0;
    height: 19px;
}
a.fp-credit:hover {
    text-decoration: underline;
	
}

.case-studies #list-wrapper {
	float: left;
	width: 840px;
}
.case-studies {
	overflow: auto;
}
.case-studies .controller{
	background: url('/css/images/c1-bg.png') no-repeat 3px 5px;
	width: 39px;
	height: 76px;
	padding: 3px 0 0 3px;
	float: right;
	margin: 10px 40px 0 0;
}
#next-controllers a,
#content .case-studies .controller a {
	width: 36px;
	height: 36px;
	display: block;	
	outline: none;
}
#next-controllers a:hover,
#content .case-studies .controller a:hover {
	border-bottom: none;
}
/*.case-studies .controller:hover{
	background: url('/css/images/c1-bg-active.png') no-repeat;
}*/
#next-controllers .previous,
#content .case-studies .controller .previous {
	background: url('/css/images/c1-previous.png') no-repeat;
	
	text-indent: -5000px;
	cursor: pointer;
}
#content .case-studies .controller .previous-g {
	background: url('/css/images/c1-previous-g.png') no-repeat 3px 5px;
	margin-bottom: 7px;
	text-indent: -5000px;
	width: 36px;
	height: 36px;
	display: block;
	outline: none;
}
#next-controllers .next,
#content .case-studies .controller .next {
	background: url('/css/images/c1-next.png') no-repeat;
	text-indent: -5000px;
	cursor: pointer;
	margin-bottom: 3px;
}
#content .case-studies .controller .next-g {
	background: url('/css/images/c1-next-g.png') no-repeat 3px 0px;
	text-indent: -5000px;
	width: 36px;
	height: 36px;
	display: block;
	outline: none;
}
#content .case-studies .controller .all-work {
	background: url('/css/images/our-work.png') no-repeat;
	margin-top: 10px;
	position: relative;
	text-indent: -5000px;
	display: block;
	height: 31px;
	margin-left: 4px;
}
#content .case-studies .controller .all-work:hover {
	background: url('/css/images/our-work-hover.png') no-repeat;
}

/*Start footer section*/
#footer h2 {
	/*padding-bottom: 7px;
	border-bottom: 1px solid #4c5153;*/
	margin-bottom: 12px;
}
/*#footer .footer-panel-129 h2 {
	margin-bottom: 9px;
}*/
#footer .footer-container {
	width: 990px;
	margin: 0 auto;
	padding-top: 35px;
	overflow: hidden;
}
#footer .footer-container .panel {
	float: left;
	width: 300px;
	/*height: 280px;*/
	overflow: hidden;
	margin-right: 30px;
	margin-left: 0;
}
ul#we-offer {
	margin-top: 0px;
}
#footer .footer-container .footer-links {
	border-top: 1px solid #9c9ea0;
	padding-top: 10px;
	width: 990px;
	float: left;
	overflow: auto;
	margin: 15px 0 0 0;
}
#footer .footer-container .footer-links li {
	float: left;
	margin-right: 10px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#footer .footer-container .footer-links li a{
	border-bottom: none;
        outline: none;
}
#footer .footer-container .footer-links li.copyright {
	color: #a7a7a7;
}
#footer .footer-container .footer-panel-129 ul li p {
	padding-left: 17px;
	margin-bottom: 5px;
	margin-top: 5px;
	/*display: none;*/
}
#footer .footer-container .footer-panel-129 ul li div {
	margin-bottom: 0;
	height: 65px;
	overflow: hidden;
}
#footer .footer-container .footer-panel-129 ul li b{
	background: url('/css/images/footer-arrow-d.png') no-repeat;
	display: block;
	height: 24px;
	vertical-align: middle;
	cursor: pointer;
	padding: 3px 0 0 5px;
	font-weight: normal;
}
#footer .footer-container .footer-panel-129 ul li b.active {
	color: #19c7f9;
	background: url('/css/images/footer-arrow-u.png') no-repeat;
}
#footer .footer-container .footer-panel-129 ul li b:hover {
	background: url('/css/images/footer-diagonal.png') no-repeat;
}
#footer .footer-panel-130 ul {
	margin-bottom: 15px;
}
#footer .footer-panel-130 ul li {
	overflow: auto;
}
#footer .footer-panel-130 ul li b{
	width: 55px;
	float: left;
}
#footer .footer-panel-130 ul li p {
	float: left;
	width: 200px;
}
#footer .footer-panel-131 form{
	background: none;
	padding: 0;
}
#footer .footer-panel-131 form ul,
#footer .footer-panel-131 form fieldset{
	padding: 0;
	margin: 0;
}
#footer .footer-container .footer-panel-131 form ul li.email {
	width: 221px;
}
#footer .footer-container .footer-panel-131 form ul li {
	float: left;
	margin: 0;
}
#footer .footer-container .footer-panel-131 form ul li .formErrorMessage {
	float: none;
}
#twitter {
	margin-top: 15px;
	background: url('/css/images/curve-corner-panel-t.png') no-repeat top left;
	padding: 8px 0 0 0;
}
#twitter .wrapper {
	background: url('/css/images/curve-corner-panel-b.png') no-repeat bottom left;
	width: 270px;
	margin: 0;
	padding: 5px 15px 13px;
}
#twitter .wrapper p a {
	color: #19c7f9;
}
#twitter .wrapper p{
	margin-bottom: 6px;
	color: #19c7f9;
}
#twitter .wrapper p a {
	border-bottom: none;
	text-decoration: underline;
}
#twitter .wrapper em {
	color: #727272;
}
#footer #twitter-another{
	margin-top: 6px;
	color: #7e8f98;
	background: url('/css/images/twitter-eye.gif') no-repeat right 2px;
	padding-right: 25px;
	border-bottom:  none;
	float: right;
	display: block;
}
#footer #twitter-another.hidden {
	display: none;
}
#footer #twitter-another:hover {
	background-position: right -15px;
}
#footer ul.social-links {
	list-style: none;
	overflow: auto;
	clear: both;
	padding-top: 26px;
	margin: 0;
}
#footer ul.social-links li {
	list-style: none;
	float: left;
	margin-right: 10px;
}
#footer ul.social-links li a {
	/*background-image: url('/css/images/social-network.gif');*/
	background-image: url('/css/images/social-network2.png');
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999em;
	border-bottom: none;
	padding: 0;
	outline: none;
}
a#twitter-link {
	background-position: 0 0;
	width: 72px;
	height: 28px;
}
a#twitter-link:hover {
	background-position: 0 -28px;
}
a#linked-in-link:hover {
	background-position: -165px -28px;
}
a#youtube-link:hover {
	background-position: -87px -28px;
}
a#youtube-link {
	width: 58px;
	background-position: -87px 0;
	height: 28px;
}
a#flickr-link:hover {
	background-position: -260px -28px;
}
a#linked-in-link {
	background-position: -165px 0;
	width: 72px;
	height: 28px;
}
a#flickr-link {
	background-position: -260px 0;
	width: 47px;
	height: 28px;
}
/*End footer section*/

#contentControl {
	position: absolute;
	right: 0;
	bottom: 5px;
	margin: 0 21px;
	padding: 0;
}
body ul#contentControl li {
	background: #fff;
	padding: 6px 0 5px 0;
	margin: 0;
}
#contentControl a, #contentControl button{
	background-image: url('/css/images/text-controllers.png');
	height: 17px;
}
ul#contentControl li.first {
	background: transparent url('/css/images/text-controllers-bg.png') no-repeat left top;
	padding-left: 5px;
}
ul#contentControl li.last {
	background: transparent url('/css/images/text-controllers-bg.png') no-repeat right bottom;
	padding-right: 5px;
}
#contentControl a:hover,
#contentControl button:hover {
	background-color: transparent;
}
#contentControl .print {background-position: -34px 0;}

#contentControl .decrease:hover {background-position: 5px -16px;}
#contentControl .increase:hover {background-position: -15px -16px;}
#contentControl .print:hover {background-position: -34px -16px;}
#contentControl .email-this-link:hover {background-position: -54px -16px;border-bottom: none;}

#content h1.featured {
	display: block;
	padding-right: 348px;
	background: #eee url('/css/images/diagonal-l.png') no-repeat;
	background-position: right center;
}
#content h2.with-diagonal{
	display: block;
	padding-right: 180px;
	background: #eee url('/css/images/diagonal-s.png') no-repeat;
	background-position: right center;
}
#content h2.with-diagonal-img {
	background: none;
	padding-right: inherit;
}
#content h2.with-diagonal-img img {
	background: #eee url('/css/images/diagonal-s.png') no-repeat right center;
	padding-right: 180px;
}
#content h2.with-diagonal2{
	display: block;
	padding-right: 348px;
	background: #eee url('/css/images/diagonal-l.png') no-repeat;
	background-position: right center;
}


/*Side bar styles*/
#sub-nav .top-panel {
	padding-left: 45px;
	overflow: hidden;
	margin-bottom: 20px;
}
#sub-nav .bottom-panel {
	background: url('/css/images/panel-hr.gif') repeat-x;
	padding-top: 19px;
	margin-top: 30px;
	margin-right: 30px;
}
#sub-nav .bottom-panel ul li {
	margin-left: 0;
	padding-left: 0;
}
#sub-nav .top-panel h2 {
	margin-bottom: 15px;
	margin-top: 0;
}
#sub-nav .bottom-panel h2 {
	margin-bottom: 21px;
	margin-top: 0;
}

/*End Side bar styles*/
#content ul.links {
	list-style:  none;
	padding-left: 0;
	margin-top: 16px;
}
#content ul.links li {
	list-style:  none;
	margin-left: 0;
	margin-bottom: 10px;
}
#content ul.links li a{
	height: 16px;
	padding-left: 20px;
	background-image: url('/css/images/links.png');
	background-repeat: no-repeat;
	color: #7e8f98;
	font-size: 0.9em;
	display: block;
}
#content ul.links li a:hover {
	border-bottom: none;
}
/*.print {
	background-position: 0 0;
}
.refer {
	background-position: 0 -17px;
}*/
.twitter {
	background-position: 0 -128px;
}
.twitter:hover {
	background-position: 0 -75px;
}
.digg {
	background-position: 0 -37px;
}
.facebook {
	background-position: 0 -57px;
}
.digg:hover {
	background-position: 0 -18px;
}
.facebook:hover {
	background-position: 0 2px;
}
.buzz {
	background-position: 0 -165px;
}
.buzz:hover {
	background-position: 0 -112px;
}
.delicious {
	background-position: 0 -147px;
}
.delicious:hover {
	background-position: 0 -94px;
}

/* Youtube thumbnail image overlay*/
.video-link {
	position: relative;
	display: block;
	outline: none;
	margin: 25px 0;
}
#content .video-link,
#content .video-link:hover{
	border-bottom: none;
}
.video-link img {
	display: block;
	margin: 0;
	padding: 0;
	cursor: url('/css/cursors/zoom.cur'), pointer;
}
.video-image-caption {
	display: none;
	padding: 5px 0;
	border-bottom:1px solid #CFCFCF;
	color:#A7A7A7;
	font-style:italic;
	margin: 0 0 16px 0;
	clear: both;
}
.overlay-button {
	cursor: url('/css/cursors/zoom.cur'), pointer;
	position: absolute;
	display: block;
	background: transparent url('/css/admin/images/player.png') no-repeat;
	width: 50px;
	height: 50px;
}
a.video-link:hover .overlay-button {
	background: transparent url('/css/admin/images/player-hover.png') no-repeat;
}

a.work-image:hover {
	border-bottom: none;
}
#sub-nav .request-quote {
	background: none;
	margin-top: 40px;
	padding-bottom: 0;
	overflow: hidden;
}

#content .related-posts {
	margin-bottom: 55px;
	background: none;
	padding-top: 0;
}
#content .related-posts ul {
	margin-left: -15px;
	margin-bottom: 40px;
}
#content .related-posts ul li {
	width: 283px;
	margin-right: 15px;
	padding-left: 15px;
}
.related-posts .info {
	height: 61px;
}
.related-posts .brief {
	background: url('/css/images/rp-top.png') no-repeat left top;
	padding: 16px 0 0 0;
	width: 296px;
	margin-left: -10px;
}
.relevant .related-posts .brief {
	/*padding: 16px 0 0 0;
	width: 296px;
	background: none;
	margin-left: 0;*/
	margin-top: 5px;
}

.related-posts .tags {
	height: 20px;
	padding-right: 10px;
	overflow: visible;
}
.related-posts .brief .wrap {
	background: url('/css/images/rp-bg.png') no-repeat left bottom;
	margin: 0;
	padding: 10px 20px 16px 20px;
}
/*.relevant .related-posts .brief p{
	background: none;
	padding: 3px 9px 9px 0;
}*/
.related-posts .more {
	margin-left: 10px;
}
.note {
	height: 118px;
	padding-top: 6px;
}
/*Start panel section*/
.panel {
	margin-left: 49px;
	margin-bottom: 25px;
}
.panel ul {
	overflow: auto;
	/*margin-top: 25px;*/
	margin-top: 0;
	margin-bottom: 15px;
	margin-right: 0;
	margin-left: 0;
}
.panel ul,
.panel ul li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.panel ul li {
	float: left;
}
ul.work-list {
	list-style: none;
	overflow: auto;
	margin: 30px 0 0 0;
}
ul.work-list li {
	list-style: none;
	float: left;
	width: 200px;
	margin-left: 0;
	margin-right: 28px;
	padding-left: 0;
	margin-bottom: 0px;
}

.relevant .panel,
#comments .panel {
	padding-top: 19px;
	margin-top: 30px;
	margin-left: 50px;
}

/*End panel section*/

.col-container {
	overflow: auto;
	margin-top: 30px;
}
.col-left, .col-right {
	float: left;
}
.col-right {
	margin-left: 20px;
}
.col-wide {
	width: 626px;
}
#main-right ul.work-list li,
.col-wide .case-studies .work-list li {
	margin-right: 6px;
}
.col-narrow {
	width: 242px;	
	overflow: hidden;
}
.col-narrow #product-list li {
	float: none;
}
.col-one {
	float: none;
	clear: both;
	overflow: hidden;
}
.relevant .testimonial .wrapper {
	background: url('/css/images/work-sprite.png') no-repeat -1146px bottom;
	width: 242px;
	padding-bottom: 19px;
}
.testimonial blockquote {
	border: none;
	padding: 31px 19px 20px ;
	margin: 0;
	background: url('/css/images/work-sprite.png') no-repeat -1146px 0;
	display: block;
	width: 204px;
}
.testimonial em {
	color: #a7a7a7;
	margin-left: 19px;
}
.col-narrow #enquiry-form li.help-note {
	display: none;
}
.col-narrow form ul.std-form li{
	float: none;
}
.col-narrow form ul.std-form {
	margin: 0;
	width: 235px;
	overflow: hidden;
}
.col-narrow form input.text,
.col-narrow form textarea{
	width: 220px;
}
.col-narrow form textarea {
    height: 100px;
}
.col-narrow form fieldset ul li.file {
	float: left;
	overflow: auto;
}
.col-narrow form fieldset ul li.file a {
	outline: none;
}
.col-narrow form fieldset ul li.file .formErrorMessage {
	float: left;
	width: 150px;
}
#content .col-narrow form fieldset ul li.submit,
.col-narrow form fieldset ul li.submit {
	padding-left: 0px;
	float: right;
	padding-top: 10px;
}
.col-narrow form fieldset ul li.file {
	margin-top: 10px;
}
.col-narrow form fieldset ul li.file div.imageInput {
	position: relative;
}
.col-narrow form fieldset ul li.file div.imageInput input{
	position: absolute;
}
.col-narrow form fieldset ul li.subscribe {
	/*padding-left: 11px;*/
	overflow: hidden;
}
.col-narrow form fieldset ul li.subscribe label {
	display: none;
}
.col-narrow form fieldset ul li.subscribe input,
.col-narrow form fieldset ul li.subscribe p{
	float: left;
}
.col-narrow form fieldset ul li.subscribe input {
	margin-top: 1px;
	margin-right: 7px;
}
.col-narrow form fieldset ul li.subscribe p {
	/*Reduced from 200px to 195px in case of breaking in IE7*/
	width: 195px;
	color: #7e8f98;
	font-size: 0.9em;
	margin-bottom: 0;
}
#upload-file-form {
	background: none;
}
p.upload-file {
	color: #729eb7;
	margin-bottom: 5px;
}
#upload-file-form ul li {
	margin: 0;
}
#upload-file-form ul li.file {
	background: #eeeeee;
	padding: 10px;
}
#upload-file-form ul li.submit {
	overflow: auto;
	padding: 11px 0 0 0;
}
#upload-file-form a.close {
	margin-left: 20px;
	color: #7e8f98;
	float: left;
	display: block;
	padding-top: 5px;
	border-bottom: none;
}
.col-narrow form fieldset ul li.file div div a.attached,
.attached {
	border-bottom: none;
	background: url('/css/images/work-sprite.png') no-repeat -1395px 2px;
	padding-left: 20px;
}
.mixed {
	overflow: hidden;
}
.mixed span {
	float: left;
	margin-right: 5px;
}
#footer h2.mixed span {
	margin-right: 0;
}
.mixed span span {
	float: none;
}

.col-container .panel {
	margin-left: 0;
	margin-top: 0;
}
/*Blog post and comment style*/
ul.update-posts {
	margin-left: 20px;
}
ul.update-posts li {
	overflow: auto;
}
ul.update-posts li a.user-image {
	float: left;
	margin: 10px 18px 0 0;
	padding: 0;
}
a.user-image img {
	margin: 0;
	padding: 0;
	border: 2px solid #cfcfcf;
}
.comments li div.info/*,
ul.update-posts li div.info*/ {
	float: left;
}
ul.update-posts li h3 {
	margin: 0 0 10px;
}
ul.update-posts li .inside,
ul.comments li .inside{
	display: block;
	background: #FFF;
	padding: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	width: 465px;
}
ul.update-posts li p,
ul.comments li p {
	margin: 0;
	font-size: 0.9em;
	color: #a7a7a7;
}
ul.update-posts li,
ul.comments li{
	margin-bottom: 30px;
	list-style: none;
	/*padding-top: 10px;*/
	float: none;
	overflow: auto;
}
ul.update-posts li strong {
	color: #343535;
	margin-left: 113px;
}
ul.comments li strong {
	color: #343535;
	margin-left: 33px;
}
ul.update-posts li .wrapper strong {
	color: inherit;
	margin-left: inherit;
}
ul.update-posts li strong a{
	color: #343535;
}
ul.update-posts li div.wrapper,
ul.comments li div.comment-wrapper{
	overflow: auto;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	*/
	background: url('/css/images/comment-bg.png') no-repeat;
	background-position: 15px bottom;
	padding: 0 0 14px 0;
	position: relative;
}

.featured-item .summary-content-image {
	float: right;
	margin: 0 0 25px 25px;
}
.featured-item .summary-content-image img {
	float: none;
	margin: 0;
}
/*End blog post and comment style*/
#content .main .description h2,
#content #main-right h2,
#content .writeUp h2,
#content .main-content h2 {
	background: none;
	padding: 0;
	margin-top: 18px;
	margin-bottom: 5px;
}

div.post-comment {
	background: url('/css/images/pcomment.png') no-repeat;
	position: absolute;
	top: 0;
	left: -33px;
	width: 23px;
	height: 25px;
	text-align: center;
}
.pager-wrapper {
	margin: 0 auto;
	clear: both;
	text-align: center;
	clear: both;
	padding-top: 15px;
}
.fixed-pagination {
	display: block;
}
.fixed-pagination a {
	outline: none;
}
.pagination {
	overflow: auto;
	display: inline-block;
}
.pagination span {
	float: left;
	margin: 0 5px;
	width: 12px;
	padding-top: 7px;
}
.pagination a {
	float: left;
	background-color: #dedede;
	color: #717173;
	margin: 0 3px 0 0;
	width: 12px;
	outline: none;
}
.pagination a:hover {
	background-color: #ccc;
	color: #383D40;
}
.pagination a.current {
	background-color: #2E9FD8;
	color: #fff;
}
.fixed-pagination .larrow {
	background:  #2E9FD8 url('/css/images/larrow.png') no-repeat left 14px;
	padding-left: 20px;
	color: #fff;
	width: auto;
	margin-left: 178px;
	float: left;
}
.fixed-pagination .rarrow {
	background: #2E9FD8 url('/css/images/rarrow.png') no-repeat right 14px;
	padding-right: 20px;
	color: #fff;
	width: auto;
	float: right;
	margin-right: 205px;
}
.pagination .larrow-2 {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-image: url('/css/images/larrow-2.png');
	display: block;
	text-indent: -5000px;
}
.pagination .larrow-2:hover {
	background-image: url('/css/images/larrow-2-h.png');
	background-color: #fff;
}
.pagination .rarrow-2 {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-image: url('/css/images/rarrow-2.png');
	display: block;
	text-indent: -5000px;
}
.pagination .rarrow-2:hover {
	background-image: url('/css/images/rarrow-2-h.png');
	background-color: #fff;
}

.user-image {
	display: block;
}
.user-link {
	margin-top: 15px;
}

/*contact us page layout*/
.contact-us h1 {
	margin-bottom: 30px;
}
.col-container form {
	background: transparent;
	padding: 0;
}
.col-container form fieldset {
	padding: 0;
	margin: 0;
}
#content .contact-us .col-right h2 {
	margin-top: 23px;
	margin-bottom: 18px;
	/*margin-bottom: 6px;*/
}
.company-info {
	border-top: 1px solid #cfcfcf;
	padding-top: 40px;
}
.company-info .panel {
	float: left;
	width: 33%;
	margin: 0;
}
.company-info ul.panel {
	list-style: none;
}
.company-info ul.panel li {
	margin-left: 0;
	list-style: none;	
}
.company-info ul.contact li {
	overflow: auto;
}
.company-info ul.contact li b {
	float: left;
	width: 62px;
}
.company-info ul.contact li p {
	float: left;	
}
.company-info ul.panel li p {
	margin-bottom: 5px;
}
.company-info .panel .featured-text {
	margin-top: 0;
}

#content .searvices-content h2.with-diagonal {
	background-color: #fff;
}

ul#filters {
	margin: 20px 0 30px 0;
	padding-bottom: 30px;
	list-style: none;
	overflow: visible;
}
#filters li {
	list-style: none;
	padding: 0;
	margin-right: 2px;
	margin-left: 0;
	float: left;
	position: relative;
}
#filters li ul {
	clear: both;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 1000;
	display: none;
	padding: 0;
	min-width: 210px;
}
#filters li ul li {
	float: none;
	margin: 0;
	padding: 0;
	position: static;
}
#filters li ul li.first a{
	padding-top: 15px;
}
#filters li ul li.last a{
	padding-bottom: 15px;
}
#filters li ul li a {	
	color: #A5ACAF;
	font-size: 0.9em;
	border-bottom: none;
	margin: 0;
	display: block;
	padding: 1px 20px;
}
#filters li ul li a:hover {
	color: #fff;
}
#filters li.expand {
}
#filters li.expand ul {
	display: block;
	margin: 0;
	width: 285px;
}
#filters li.expand ul li.first {
	background: url('/css/images/filter-bg-t-r.png') no-repeat top left;
}
#filters li.expand ul li.last {
	background: url('/css/images/filter-bg-b-r.png') no-repeat bottom right;
	padding-right:  5px;
}
#filters li.expand ul li.last a {
	background: url('/css/images/filter-bg-b-l.png') no-repeat bottom left;
}
#filters li.expand ul li {
	background: #134663;
}
.adr .featured-text span,
.adr .featured-text div{
	line-height: 18px;
}
div.detail-case-list {
	margin-top: 38px;
}
#content .vcard .panel h2 {
	background: none;
	font-size:1em;
	text-indent:0;
}
#message-container {
    margin-bottom: 6px;
}
.main.content-404 {
	margin-bottom: 40px;
}

/*

body {
	background-image: url('/css/images/page-bg.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
}
#container {
	background: url('/css/images/page-header-bg.jpg') no-repeat 49px 0px;
}
#content {
	padding-top: 17px;
}
#contentcol {
	float: right;
	width: 726px;
	padding-top: 15px;
}
#sub-nav {
	width: 237px;
	float: left;
	padding-left: 30px;
	padding-right: 0px;
	overflow: visible;
}
#sub-nav ul{
	list-style: none;
	padding-left: 0;
}
#sub-nav ul li {
	list-style: none;
	margin-left: 0;
}
*/
html, body, #container {background-color: #eee;}
body {
	background-image: url('/css/images/body-bg-2.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}
#container {
	background: url('/css/images/work-sprite.png') no-repeat -34px 0px;
	min-height: 644px;
}
#content {
	padding-top: 17px;
}
#contentcol {
	width: 981px;
	padding: 0;
	margin: 3px 4px 0 5px;
	float: none;
	position: relative;
}
#page-curl {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url('/css/images/page-curl.jpg') no-repeat 0 0;
	width: 41px;
	height: 55px;
}
#sub-nav {
	width: 242px;
	float: left;
	padding: 25px 0 0 0;
	overflow: visible;
}
#main-right {
	float: right;
	width: 620px;
	overflow: hidden;
}
#sub-nav ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#sub-nav ul li {
	list-style: none;
	margin-left: 0;
}

#contentcol .main {
	background-color: #fff;
	overflow: auto;
	min-height: 412px;
}
.main-content {
	border-top: 1px solid #cfcfcf;
	padding-top: 30px;
	margin-top: 37px;
	overflow: auto;
}

#contentcol .main,
.relevant, .more-content {
	padding-right: 46px;
	padding-left:  47px;
	padding-bottom: 47px;
}
.main {
	padding-top: 22px;
	padding-bottom: 65px;
}

.main .header h1 {
	margin: 0 0 4px 0;
}
.main .header{
	padding: 22px 0 13px 0;
	position: relative;
}

.main .header .other-work {
	position: absolute;
	right: 0;
	top: 29px;
}
.main .header .other-work a,
.main .header .other-work span {
	margin-left: 14px;
}
.main .header .other-work a {
	color: #2e9fd8;
}
.main .header .other-work a:hover {
	color: #7fba0e;
}
.main .header .other-work span {
	color: #a7a7a7;
}
.main .work-detail {
	overflow: auto;
}
.main .work-detail .panel {
	float: left;
	border-top: 1px solid #cfcfcf;
	margin: 0;
}
.main .work-detail .images {
	padding: 0;
	width: 620px;
	/*height: 390px;*/
	padding-top: 5px;
}
.main .work-detail .writeUp {
	width: 242px;
	margin-left: 26px;
	padding-top: 12px;
	height: 342px;
	position: relative;
	font-size: 12px;
}
.main .work-detail .writeUp .url-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 242px;
}
.main .work-detail .writeUp .request-quote {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 242px;
}
.main .work-detail .writeUp p {
	margin-top: 15px;
}
.relevant {
	margin-top: 30px;
}
#content .main .work-detail .writeUp  h2 {
	text-indent: 0;
	font-size: 1em;
	line-height: 18px;
}
.relevant .panel{
	background: url('/css/images/panel-hr.gif') repeat-x;
	margin-bottom: 40px;
}
.more-content {
	padding-top: 35px;
	padding-bottom: 30px;
	overflow: auto;
	background: #FFF;
	margin-top: 40px;
	margin-bottom: 65px;
}
.request-quote {
	padding-bottom: 15px;
	background: url('/css/images/diagonal.png') no-repeat left bottom;
	overflow: auto;
}

/* 
    Document   : blog
    Created on : May 7, 2009, 2:19:14 PM
    Author     : Eric Wang <eric@fatpublisher.com.au>
    Description:
        The css file only used for blog page.
*/
body {
	background-image: url('/css/images/page-bg-l.jpg');
	background-repeat: repeat-x;
	background-position: 0 0;
}
#container {
	background: url('/css/images/page-header-bg-l.jpg') no-repeat 49px 0px;
}
#contentcol {
	background: transparent url('/css/images/blog-top.png') no-repeat right top;
	padding-left: 4px;
	padding-top: 40px;
	overflow: hidden;
	margin: -7px 0 0 0;
}
#contentcol .main {
	width: 610px;
	padding: 3px 41px 65px 67px;
	float: right;
	overflow: hidden;
	margin-bottom: 64px;
	min-height: 800px;
}

h1 {
	margin-bottom:  45px;
}
#contentcol .main, .relevant {
	float: right;
	width: 610px;
	padding: 3px 41px 65px 67px;
	margin: 0;
}
#sub-nav {
	width: 263px;
}
ul.post-list{
	list-style: none;
	margin: 0;
	padding-bottom: 15px;
}
.post-list .featured-item {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 55px;
	margin-bottom: 28px;
}
.post-list .featured-item .date {
	display: block;
	margin: 0;
}
.post-list .brief-item h2 {
	display: inline;
}
ul.post-list li.li-post-list {
	padding: 0 0 10px ;
	overflow: visible;
	display: block;
	margin: 0 0 46px 0;
	position: relative;
	list-style: none;
}
ul.post-list li div.edit-panel{
	position: absolute;
	top: 0;
	right: 0;
	/*background: url(/css/images/edit-panel-bg.png) no-repeat;
	width: 156px;*/
	background: #EEE;
	
	height: 20px;
	padding: 3px 10px 5px 10px;
	text-align: center;
}
ul.post-list li div.date{
	width: 85px;
	float: left;
	background: #666;
	padding: 7px 0;
	text-align: center;
	overflow: visible;
}
ul.post-list li div.title{
    float: left;
}
ul.post-list li div.date p{
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 0.2em;
}

ul.post-list li span.draft{
	margin-left: 15px;
	font-size: 0.5em;
	letter-spacing: 1px;
	font-weight: bold;
	background: #666;
	padding: 1px;
	color: #fff;
	/*position: absolute;
	right: 0;
	top: 5px;*/
}
#content ul.post-list li h2{
	margin: 0;
	padding: 0;
}
#content ul.post-list li.featured-item h2 {
	font-size: 1.2em;
}
#content ul.post-list li.brief-item h2 {
	font-size: 1.1em;
}
ul.post-list .info {
	padding: 15px 0 0 0;
	margin-bottom: 20px;
}
ul.post-list li.brief-item .info {
	margin-bottom: 10px;
}
div.pager-wrapper div.result-count{
	/*float: left;*/
}
ul.archive,
ul.recent,
ul.blg-categories{
    background: #EFEFEF;
    padding: 5px;
}
/*Starts blog comment list styles */



ul.post-list li div.confirmRemoveContainer{
	position: absolute;
	background: #EFEFEF;
	z-index: 100;
	top: 0;
	left: 0;
}
ul.post-list li div.confirmRemove{
	position: absolute;
	z-index: 1000;
	top: 10px;
	left: 40%;
	background: #fff;
	width: 240px;
	height: 72px;
	padding-top: 10px;
	padding-bottom: 4px;
	text-align: center;
	border: 1px solid #EEE;
}
ul.post-list li div.confirmRemove p{
	display: block;
}
ul.post-list li div.confirmRemove a.confirm-yes{
	margin-left: 20px;
}
ul.post-list li div.confirmRemove a.confirm-yes,
ul.post-list li div.confirmRemove a.confirm-no{
	padding: 2px;		
	font-size: 11px;
}
ul.post-list li div.confirmRemove a.confirm-yes:hover,
ul.post-list li div.confirmRemove a.confirm-no:hover{
	background: #666;
	color: #fff;
}
ul.post-list li .featured {
	margin-top: 18px;
}
#comments ul.comments li {
	margin-left: 20px;
}
/*Ends blog comment list styles*/


/* Ends panel container style */
div#top-nav{
	height: 30px;
	position: relative;
}
body > div#member-menu {
	position:fixed;
}
div#member-menu{
	background: url(/css/images/top-nav-bg.png) repeat-x;
	height: 40px;
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:100%;
}
#member-menu ul{
	float: left;
	list-style: none;
	overflow: auto;
	margin: 0 0 0 50px;
	width: 900px;
	padding-top: 5px;
}
#member-menu ul li{
	float: left;
	display: block;
	margin: 0 20px;
	padding-bottom: 5px;
}
#member-menu div.logout{
	float: right;
	padding: 5px 10px 5px 0;
}
#member-menu ul li a.top-nav-create{
	background: url(/css/admin/images/add.gif) no-repeat;
	padding-left: 20px;
}
#member-menu ul li a.top-nav-view{
	background: url(/css/admin/images/activity.gif) no-repeat;
	padding-left: 20px;
}
#member-menu div.logout a{
	background: url(/css/admin/images/arrow_r.gif) no-repeat right;
	padding-right: 20px;
}
/* end sidebar style */

/* Start form associated items styles*/
div.content-items li.content-item,
div.content-items span.content-item{
	overflow: auto;
	float: left;
}
div.content-items span.content-item span,
div.content-items span.content-item a{
	float: left;
}
div.content-items li.content-item a,
div.content-items span.content-item a{
	border-bottom-style: none;
	border-bottom-width: 0px;
	margin-right: 2px;
}
div.content-items li.content-item a img,
div.content-items span.content-item a img{
	padding: 0;
	float: none;
	border: none;
	margin: 0;
	vertical-align: middle;
}
.content-items {
	-moz-border-radius-bottomLeft: 3px;
	-webkit-border-radius-bottomLeft: 3px;	
	margin: 5px 0;
	overflow: auto;
	padding: 0 3px;
	width: 400px;
}
.content-items img{
	float: none;
}
ul.sortable-list li{
    float: left;
    cursor: move;
    list-style: none;
    display: inline-block;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #E4E4E4;
    border-radius: 3px;
    border: 1px solid #C5CEDF;
    font-size: .9em;
    padding: 3px 4px 2px;
    margin: 3px 3px 3px 0;
}
ul.sortable-list{
    list-style: none;
    overflow: auto;
    margin-left: 0;
}
.content-items > span {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #E4E4E4;
	border-radius: 3px;
	border: 1px solid #C5CEDF;
	display: block;
	font-size: .9em;
	padding: 3px 4px 2px;
	margin: 3px 3px 3px 0;
	float: left;
}

.content-items > span:hover {
	background: #C5CEDF;
}
.content-item del span{
	text-decoration: line-through;
}
div.buttons a{
	background-color:#F5F5F5;
	border-color: #EEEEEE #D9D9D9 #D9D9D9 #EEEEEE;
	border-width:1px;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	line-height:130%;
	margin:0 7px 0 0;
	padding:5px 10px 6px 7px;
	text-decoration:none;
}
div.buttons a img{
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: none;
}
/* End form associated items styles*/

/* Starts blog edit form */
ul.approve-comments li{
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    width: 450px;
    list-style: none;
}
ul.approve-comments li div.comment-content{
    margin: 5px 0;
}
ul.approve-comments li span.date {
    font-size: 0.8em;
    font-weight:normal;
    position:absolute;
    right:10px;
    top:5px;
    color:#666666;
    margin-left:8px;
}
ul.approve-comments li strong.author {
    background:transparent url(/css/images/comment.png) no-repeat 0 5px;
    display:inline;
    padding-left:12px;
}
ul.approve-comments li div.posted-comment{
    color: #666;
}
ul.approve-comments li div.posted-comment span {
    float:left;
    padding:0 10px 0 4px;
}
ul.approve-comments li div.posted-comment {
    float:right;
    padding:5px 7px;
}
ul.approve-comments li div.posted-comment label {
    display:inline;
}
ul.approve-comments li div.posted-comment input.radioInput {
    margin-top:3px;
}
/* Ends blog edit form*/

.blog-image p {
	text-align: right;
	font-style: italic;
	padding: 8px 0;
	border-bottom: 1px solid #cfcfcf;
	display: block;
	color: #a7a7a7;
}

#comment-form form ul.std-form {
	overflow: auto;
}
#comment-form form ul.std-form li {
	float: left;
	margin-right: 10px;
}
#comment-form form ul.std-form li.help-note,
#comment-form form ul.std-form li.website,
#comment-form form ul.std-form li.post,
#comment-form form ul.std-form li.submit{
	float: none;
	clear: both;
}
#comment-form form ul.std-form li.submit {
	padding-left: 0;
	padding-top: 10px;
}
#comment-form div.messageList, #comment-form div.errorList {
	margin-left: 0;
}

.post-list li.brief-item {
	width: 277px;
	overflow: hidden;
}
.post-list li.brief-item .info p {
/*	display: none;*/
}
.post-list li.brief-item .info p.first-p {
	display: block;
}
.post-list.lhs {
	float: left;
	margin-right: 27px;
}
.post-list.rhs {
	float: left;
}
img.gravatar-img {
	border: 2px solid #cfcfcf;
	display: block;
	float: left;
	margin: 10px 15px 0 0;
}