/* Main CSS for Sustain IT Solutions - AW, 01/04/2009 */

body {
	background:url(../images/bg.gif) repeat;
	margin:0;
	padding:0;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	color:#444;
}

form { margin:0; padding:0; }

img { border:none; }
img.outline { padding:1px; border:1px solid #ccc; }

h1, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

h1 { margin-top:2px; padding:0; }
h3 { margin:0; }
h4 { margin:5px 0 5px 0; }
h5 { margin:5px 0 5px 0; }

label    { padding:0 0 0 5px; margin:0; }
p        { margin:12px 0 12px 0; }
textarea { font-family:Arial, Helvetica, sans-serif; }
ul       { margin-left:0; padding-left:15px; }

li {
	padding-top:5px;
	background:url(../images/bullet.png) no-repeat;
	background-position:0 9px;
	padding-left:18px;
	list-style:none;
}

ul.ticks { padding-left:15px; }

li.ticks {
	background:url(../images/bullet-tick2.jpg) no-repeat;
	background-position:top left;
	padding-left:32px;
	padding-top:0;
	margin-bottom:5px;
}

a.snav {
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	outline:none;
	color:#ccc;
	text-decoration:none;
}

a.snav:hover {
	color:#fff;
	text-decoration:underline;
}

div.snav {
	padding-right:5px;
	color:white;
	text-align:right;
}

div.tick_left {
	float:left;
	width:50px;
	height:47px;
	background:url(../images/tick-green.jpg) no-repeat;
	margin-top:-30px;
}

p.tick_point {
	margin-top:35px;
	text-align:justify;
}

span.tick_heading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

td.ticks {
	width:29px;
	height:28px;
	background:url(../images/bullet-tick.jpg) left top no-repeat;
	padding-right:2px;
}

td.cbox_top { background:url(../images/cbox-top.gif) repeat-x; height:5px; }
td.cbox_left { background:url(../images/cbox-left.gif) repeat-y; width:5px; }
td.cbox_right { background:url(../images/cbox-right.gif) repeat-y; width:5px; }
td.cbox_btm { background:url(../images/cbox-btm.gif) repeat-x; height:5px; }
td.cbox_main { background:url(../images/cbox-bg.gif) repeat; }

div#site {
	position:relative;
	width:931px;
	margin:0 auto 0 auto;
}

#banner {
	margin:0;
	padding:0;
}

#bigerror {
	background:url(../images/bigerror.jpg) no-repeat center;
	height:400px;
	overflow:visible;
}

#contact_title {
	background:url(../images/h4_enter-details-message.gif) no-repeat;
	background-position:6px 8px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:block;
	margin-top:5px;
	height:27px;
}

#content {
	background:white;	
}

#content_fullwidth {
	padding:10px;
	background:url(../images/rpt-grey.gif) repeat-x;
	background-position:top;	
}

#form_required {
	float:right;
	padding:3px 5px 0 0;
	font-size:90%;
}

#menu {
	position:absolute;
	top:163px;
	left:11px;
	z-index:10;
}

#newsletter_title {
	background:url(../images/h4_enter-details.gif) no-repeat;
	background-position:6px 8px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:block;
	margin-top:5px;
	height:27px;
}

#sustain_phplist {
	padding:10px;
	background:url(../images/rpt-grey.gif) repeat-x;
	background-position:top;	
}

#textsize {
	float:right;
}

table#layout {
	margin-top:2px;
	width:908px;
	border:none;
	padding:0;
}

#sub_layout {
	margin-top:2px;	
}

td#column_main {
	vertical-align:top;
	padding:0 2px 0 2px;
}

#column_center {
	padding:10px 10px 10px 12px;
	vertical-align:top;
	background:url(../images/rpt-grey.gif) repeat-x;
	background-position:top;
}

#column_left {
	padding:0 2px 0 0;
	vertical-align:top;
	background:url(../images/rpt-grey.gif) repeat-y;
	background-position:right;
	width:197px;
}

#column_right {
	width:187px;
	background:url(../images/rpt-grey.gif) repeat-y;
	background-position:left;
	padding:0 0 2px 3px;
	vertical-align:top;
}

#l_02 { background:url(../images/rpt-bg-top.gif) repeat-x; width:897px; height:5px; }
#l_06 { background:url(../images/rpt-blue.gif) repeat; width:897px; height:21px; }
#l_09 { background:url(../images/rpt-white.gif) repeat; width:910px; height:2px; }
#l_10 { background:url(../images/layout_10.jpg) no-repeat; width:910px; height:165px; }
#l_11 { background:url(../images/rpt-left.gif) repeat-y; width:10px; height:160px; }
#l_12 { background:url(../images/rpt-right.gif) repeat-y; width:10px; height:160px; }
#l_13 { background:url(../images/rpt-white.gif) repeat; width:910px; height:2px; }
#l_14 { background:url(../images/rpt-blue.gif) repeat; width:910px; height:5px; }
#l_15 { background:url(../images/rpt-left.gif) repeat-y; width:10px; }
#l_17 { background:url(../images/rpt-right.gif) repeat-y; width:10px; }
#l_18 { background:url(../images/rpt-left.gif) repeat-y; width:10px; height:5px; }
#l_19 { background:url(../images/rpt-ftr-top.gif) repeat-x; width:910px; height:11px; }
#l_20 { background:url(../images/rpt-right.gif) repeat-y; width:10px; height:5px; }
#l_21 { background:url(../images/layout_21.png) bottom; width:10px; height:50px; }
#l_22 { background:url(../images/layout_22.png) bottom; width:10px; height:50px; }
#l_23 { background:url(../images/rpt-white.gif) repeat; width:910px; height:2px; }
#l_24 { background:url(../images/rpt-green.gif) repeat; width:910px; height:31px; vertical-align:middle; padding-top:2px; }
#l_25 { background:url(../images/rpt-white.gif) repeat; width:910px; height:2px; }
#l_27 { background:url(../images/rpt-yellow.gif) repeat; width:890px; height:9px; }
#l_31 { background:url(../images/rpt-btm.gif) repeat-x; width:890px; height:18px; }

#ts1 { width:20px; height:19px; vertical-align:top; line-height:1px; }
#ts2 { width:51px; height:19px; vertical-align:top; line-height:1px; }
#ts3 { width:20px; height:19px; vertical-align:top; line-height:1px; }

.bold {
	font-weight:bold;	
}

.box_arrow {
	float:left;
	margin:8px 5px 0 6px;
	background:url(../images/box-arrow.gif) no-repeat top left;
	width:8px;
	height:8px;
}

.box_business {
	margin:2px 0 0 0;	
}

.box_header_blue {
	border:1px solid #5b5b5b;
	background:url(../images/rpt-hdr-blue.gif) repeat-x;
	width:185px;
	height:25px;
	padding:0;
	margin:0;
	overflow:hidden;
}

.box_header_green {
	border:1px solid #5b5b5b;
	background:url(../images/rpt-hdr-green.gif) repeat-x;
	width:185px;
	height:25px;
}

.box_header_left {
	border:1px solid #5b5b5b;
	background:url(../images/rpt-hdr-blue.gif) repeat-x;
	width:194px;
	height:25px;
	text-align:center;
}

.box_header_red {
	border:1px solid #5b5b5b;
	background:url(../images/rpt-hdr-red.gif) repeat-x;
	width:185px;
	height:25px;
	padding:0;
	margin:0;
}

.box_item {
	padding:2px 0 2px 0;
	text-align:center;
}

.box_notitle {
	margin-right:1px;
	background:url(../images/rpt-box-bottom.gif) repeat-x bottom #f5f5f5;
	border:1px solid #a7a8a8;
	padding-top:2px;
}

.box_right {
	background:url(../images/rpt-box-bottom.gif) repeat-x #f7f7f7 bottom;
	border-bottom:1px solid #a5a6a6;
	margin-bottom:2px;
	margin-right:0;
}

.contact_errmsg {
	padding:5px;
	color:#f00;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	display:block;
}

.contact_errmsg_title {
	background:url(../images/h4_correct-errors.gif) no-repeat;
	background-position:6px 8px;
	border-top:1px solid #ccc;
	display:block;
	margin-top:5px;
	height:27px;
}

.contact_left  { padding-left:10px; }	
.contact_right { padding-right:10px; }

.content_divider, .content_divider2 {
	background:url(../images/divider.gif) no-repeat;
	height:1px;
	width:391px;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0 0 0 -10px;
}

.content_divider  { background-position:top left; }
.content_divider2 { background-position:bottom left; }

.cta            { font-weight:bold; text-align:center; }
.diary_icon     { vertical-align:top; padding-top:14px; }
.diary_item     { vertical-align:top;	}
.emphasis       { padding-left:1px; padding-right:1px; font-weight:bold; }
.emphasis_block { font-weight:bold; }
.errmsg         { padding:5px; color:#C00; }

.error_center {
	width:450px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.footer {
	text-align:center;
	color:#f0f0f0;
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
}

.footer_email       { color:#f0f0f0; }
.footer_email:hover { color:#fff; }
.form_item          { padding:2px; }
.green              { color:#368d00; }
.hand               { cursor:pointer; }
.indent             { padding-left:10px; }
.justify            { text-align:justify; }
.left               { float:left; padding-right:10px; }
.link_container     { padding-left:5px; }

.link_pic {
	float:left;
	padding:2px;
	margin:2px 10px 0 0;
	width:100px;
	border:1px solid #ccc;
}

.link_desc {
	text-align:justify;
	margin-right:5px;
}

.news_body     { padding:5px 0 2px 5px; vertical-align:top; }
.news_divider  { padding:5px 0 5px 0; background:url(../images/rpt-grey.gif) repeat-x; background-position:center; }
.news_img      { padding:5px 5px 5px 0; text-align:center; vertical-align:top; }
.news_next     { padding:0 5px 5px 5px; float:right; }
.news_previous { padding:0 5px 5px 5px; float:left; }


.people_pic {
	float:left;
	padding:2px;
	margin:2px 10px 0 5px;
	width:125px;
	border:1px solid #ccc;
}

.people_contact     { margin:8px 8px 0 8px; font-weight:bold; }
.people_desc        { text-align:justify; margin:8px; }
.people_quote       { text-align:justify; margin-right:5px; }
.pic_noborder       { padding-top:0; padding-bottom:5px; }
.pic_right          { border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:2px 0 2px 0; }
.quote_author       { font-weight:bold; padding:0px 5px 15px 35px; }
.quote_author_small { font-weight:bold; padding:0px 0px 15px 30px; }

.quote_inner {
	background:url(../images/quote-end.gif) no-repeat bottom right;
	padding:12px 35px 13px 35px;
	font-style:italic;
}

.quote_inner_small {
	background:url(../images/quote-end-small.gif) no-repeat bottom right;
	padding:10px 23px 11px 30px;
	font-style:italic;
}

.quote_inner_med {
	background:url(../images/quote-end-small.gif) no-repeat bottom right;
	padding:10px 30px 11px 33px;
	font-style:italic;
}

.quote_inner_white {
	background:url(../images/quote-end-white.gif) no-repeat bottom right;
	padding:11px 30px 12px 33px;
	font-style:italic;
}

.quote_outer {
	background:url(../images/quote-begin.gif) no-repeat top left;	
}

.quote_outer_small, .quote_outer_med {
	background:url(../images/quote-begin-small.gif) no-repeat top left;	
}

.quote_outer_white {
	background:url(../images/quote-begin-white.gif) no-repeat top left;	
}

.red        { color:#f00; }
.right      { float:right; padding-left:10px; }
.tick_label { vertical-align:top; padding-top:7px; }
.tiny       { font-size:80%; }

.update_footer { padding:2px 5px 4px 5px; font-size:85%; text-align:right; }
.update_item   { padding:7px 10px 3px 10px; border-bottom:1px solid #ccc; }
.update_teaser { font-size:85%; line-height:150%; }
.update_title  { padding-bottom:3px; text-align:left; line-height:130%; }

.vline {
	margin:2px 1px 2px 0;
	background:url(../images/rpt-grey.gif) repeat-x;
	background-position:top left;
	height:1px;
	line-height:0px;
	font-size:0px;
	padding:0px;	
}