/* Solutions IT Layout */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	font-size: 100%;
	padding: 0;
	margin: 0;
	background: url(../grfx/body_bg.jpg) top left repeat-x #e5eef2;
}

/* container - holds site content centered */

#container {
	width: 757px;
	padding: 0;
	margin: 0 auto;
}

/* header - contains logo */

#header {
	float: left;
	width: 757px;
	height: 82px;
	padding: 0;
	margin: 0;
	background: url(../grfx/header_bg.jpg) top left no-repeat;
	color: #FFFFFF;
}

/* these stylings are for the about us | contact us links in the header */

#header p {
	float: right;
	margin: -20px 20px 0 0;
	font-size: 0.7em;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#header a:hover {
	text-decoration: underline;
}
	
/* search - searh field inside navigation */

#search {
	float: right;
	width: 156px;
	padding: 20px 0 0 0;
	margin: -59px 0 0 0;
}

#search .inputfield {
	font-size: 9px;
	width: 100px;
}

#search .go_button {
	margin-bottom: -3px;
}

/* content holder - repeats the white content area + left and right shadows down the page */

#content_holder {
	float: left;
	width: 757px;
	padding: 0;
	margin: 0;
	background: url(../grfx/content_bg.gif) top left repeat-y;
}

/* content_container - holds content */

#content_container {
	float: left;
	width: 757px;
	padding: 0;
	margin: 0;
	background: url(../grfx/content_top_bg.jpg) top left no-repeat;
}

/* left column - holds content of left column */

#left_column {
	float: left;
	width: 513px;
	padding: 0 0 0 26px;
	margin: 0;
}

/* banner holder - holds banner - setup main banner as background image so that and image map doesn't have to be use for the demo link */

#banner_holder {
	float: left;
	width: 133px;
	height: 41px;
	padding: 300px 0 0 380px;
	margin: 0;
	background: url(../grfx/banner_bg.jpg) top left no-repeat;
}

/* features - cream coloured bar under banner */

#features {
	float: left;
	width: 513px;
	height: 102px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(../grfx/features_bg.jpg) top left no-repeat;
}

/* reset text properties to fit in features content areas */

#features h2 {
	color: #9d7f35;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#features p {
	color: #000000;
	font-size: 0.6em;
	padding: 0;
	margin: 5px 0 0 0;
}

/* text holder - hold home page content */

#text_holder {
	float: left;
	width: 513px;
	padding: 20px 0 20px 0;
	margin: 10px 0 0 0;
}

#text_holder h1 {
	background: url(../grfx/heading_bullet_pt.jpg) top left no-repeat;
	color: #336baa;
	font-weight: normal;
	font-size: 1.1em;
	padding-left: 20px;
}

#text_holder p {
	font-size: 0.8em;
	padding-left: 3px;
}

#text_holder p.quote {
	color: #1293df;
	padding: 20px;
	background-color: #f5ffff;
	border: 1px solid #a6ddf6;
}

/* right column */

#right_column {
	float: left;
	width: 181px;
	padding: 5px 0 0 27px;
	margin: 0;
}

#right_column h2 {
	padding: 0;
	margin: 0 0 10px 0;
}

#right_column p.author {
	color: #000000;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0;
}

#right_column p.blurb {
	color: #5d5d5d;
	font-size: 0.7em;
	padding: 0 0 0 15px;
	margin: 0;
}

#right_column a {
	color: #248dc0;
	font-weight: bold;
	text-decoration: none;
}

#right_column a:hover {
	text-decoration: underline;
}

.heading_margin {
	margin-top: 20px;
}

/* footer - holds footer information */

#footer {
	float: left;
	width: 730px;
	height: 119px;
	padding: 35px 0 0 27px;
	margin: 0;
	background: url(../grfx/footer_bg.jpg) top left no-repeat;
}

#footer p {
	font-size: 0.7em;
}

#footer .top {
	color: #1b6e97;
}

#footer .top a {
	color: #1b6e97;
	text-decoration: none;
}

#footer .top a:hover {
	text-decoration: underline;
}

#footer .bottom {
	margin-top: -10px;
	color: #686868;
}

#footer .bottom a {
	color: #686868;
	text-decoration: none;
}

#footer .bottom a:hover {
	text-decoration: underline;
}