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

/* GENERAL FORMATTING */

body {
	width: 100%;
	height: 100%;
	background-color: #EEF1F2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-image: url(images/back_grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

html {
	width: 100%;
	height: 100%;
	
}

#client-logos {
float:left;
padding-left: 355px;

}

ul {


}

li {

}

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;	
}

table {
	border-collapse: collapse;
}


h1, h2, h3, h4, h5, h6, span {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

h6 {
font-size:18px;
color:#999999;
text-align:center;
margin: 10px;
}


a:link,
a:visited,
a:active {
	
}


a:hover {
	
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}


/* CLASSES (used in different sections) */

.clearer {
	clear:both;
	margin: 0px;
	padding: 0px;
}

.blue_grey_bar {
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 100%;
	background-color: #7f8aa4;
	float: left;
}

.dee3e4_corner {
	background-image: url(images/dee3e4_corner.gif);
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 12px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/*MAIN WRAP (holds site in place) */

#main_wrap {
	background-color: #FFFFFF;
	padding: 0px;
	height: auto;
	width: 960px;
	margin: auto;
}

#main_inner_wrap {
	margin: 0px;
	height: auto;
	width: 940px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/*HEADER SECTION */

#spacer {
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 100%;
}

#header_section {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 940px;
}

#header_left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 670px;
}

#logo_holder {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 70px;
	width: 716px;
	background-image: url(images/sigmapro-logo.gif);
	background-repeat: no-repeat;

}

#sub-menu-indent {
padding-left: 15px;
}

#main-feature
{
width: 430px;
padding: 8px;
height:inherit;
margin-bottom: 20px;
background-image:url(images/bk-feature-over.gif);
}

div.related-block { width:424px; padding:10px 10px 4px 6px; height:inherit; margin: 0 0 10px; background:url(http://www.sigmapro.co.uk/images/bk-feature-over.gif) #ceeefd;}

div.related-block-side { width: 252px; ; padding:10px 10px 4px 6px; height:inherit; margin: 0 0 10px; background:url(http://www.sigmapro.co.uk/images/bk-feature-over.gif) #ceeefd;}


div.related-block2 { width:424px; padding:10px 10px 4px 6px; height:160px; margin: 0 0 10px; background:url(http://www.sigmapro.co.uk/images/bk-feature-over.gif) #ceeefd;}



div.related-block:hover { background:url(images/bk-feature-hover.gif) #6CF; }

div.related-block img { display:block; float:left; padding: 5px 9px 12px; margin:0 10px 0 0; background:url(http://www.sigmapro.co.uk/related_block_img.png) no-repeat; }

div.related-block-side:hover { background:url(http://www.sigmapro.co.uk/images/bk-feature-hover.gif) #6CF; }

div.related-block-side img { display:block; float:inherit; padding: 5px 9px 12px; margin:0 10px 0 0; background:url(http://www.sigmapro.co.uk/related_block_img.png) no-repeat; }


div.related-block span { font-size:1.0em; font-weight:normal; color:#000000; padding:10px 0px 20px 0px;

/*display:block;position:relative;position:absolute;top:25px;left:195px;*/ }

div.related-block h3 {height:15px; margin-bottom: 10px; }

div.related-block h5 {height:13px; margin-bottom: 10px; }


div.related-block li {margin-left: 1em; }

div.related-block a.readmore { /*top: 30px;*/ font-size:0px; float:right; display:block; width:100px; height:30px; margin:5px 0 0 0; z-index:0; text-decoration:none;background:url(http://www.sigmapro.co.uk/images/read-more.gif) 0 0px no-repeat;/*margin-bottom:-19px; overflow:hidden; position: relative;*/ }

div.related-block a.readmore span { margin: -2px 0 0 0; cursor:pointer; display:none; width:128px; height:21px; z-index:100; /*background:url(/App_Images/related_block_a_readmore.png) 0 2px no-repeat; position:relative;*/ }

div.related-block-side a.readmore { /*top: 30px;*/ font-size:0px; float:right; display:block; width:100px; height:30px; margin:5px 0 0 0; z-index:0; text-decoration:none;background:url(http://www.sigmapro.co.uk/images/read-more.gif) 0 0px no-repeat;/*margin-bottom:-19px; overflow:hidden; position: relative;*/ }

div.related-block-side a.readmore span { margin: -2px 0 0 0; cursor:pointer; display:none; width:128px; height:21px; z-index:100; /*background:url(/App_Images/related_block_a_readmore.png) 0 2px no-repeat; position:relative;*/ }

/* div.related-block:hover a.readmore span { background:url(/App_Images/related_block_a_readmore.png) 0 100%; } */

#main-feature-text
{
width: 235px;
float:right;
height: 100%;
}

#main-feature h4
{
font-size:14px;
padding-bottom: 2px;
font-weight:bold;
}

#main-feature p
{
font-size:11px;
}

#main-feature a
{
color:#0033FF;
}

#nav_holder {
	height: 30px;
	width: 690px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#top_nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}

.top_nav_item {
	margin: 0px;
	padding: 0px;
	height: 30px;
	padding-right: 1px;
	width: 80px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	line-height: 30px;
	color: #FFFFFF;
}

#top_nav .top_nav_item {
	display: inline;
}

.top_nav_item a:link,
.top_nav_item a:visited,
.top_nav_item a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/top_nav_back2.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 80px;
	background-position: left top;
	display: block;
	text-align: center;
}

.top_nav_item a:hover {
	background-position: right top;
}

#date_holder {
	padding: 0px;
	height: 5px;
	width: 170px;
	float: right;
	margin-top: 8px;
	margin-right: 55px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
}

#header_right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 269px;
	background-color: #dee3e4;
	background-image: url(images/dee3e4_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#site_map_table {
	padding: 0px;
	height: 17px;
	width: 171px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
}
.site_map_cell {
	margin: 0px;
	padding: 0px;
	width: 63px;
}

.legal_cell {
	margin: 0px;
	padding: 0px;
	width: 51px;
}
.email_cell {
	margin: 0px;
	padding: 0px;
	width: 57px;
}

#blue_grey_divider {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 939px;
	background-color: #7f8aa4;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

/* HERO SECTION (center img) */

#hero {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 225px;
	width: 940px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#hero_img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 225px;
	width: 670px;
	background-image: url(images/hero_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div.header-bk {
background-image:url(images/header-bk2.gif);
background-repeat:no-repeat;
padding-top: 11px;
padding-left: 22px;
width: 270px;
height: 40px;
}

#header-bk2 {
background-image:url(images/header-bk2.gif);
background-repeat:no-repeat;
padding-top: 11px;
padding-left: 22px;
width: 270px;
height: 40px;
}

#slogan_holder {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 225px;
	width: 270px;
	background-image: url(images/slogan_holder.jpg);
	background-repeat: no-repeat;
}

/*MAIN CONTENT SECTION */

#main_content_section {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 940px;
	float: left;

}

/*left col  including side nav - some code links to the javascript for the dropdown menu*/

#left_column {
	margin: 0px;

	float: left;
	height: auto;
	width: 205px; 
}

h5 {
font-family:Verdana, Helvetica, sans-serif;
font-size:14px;
padding-top: 10px;
padding-bottom: 7px;
color: #4693cf;
font-weight:bold;
}

#side_nav_section {
	margin: 0px;
	float: left;
	height: auto;
	width: 205px;
	background-color: #1f79b6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#side_nav_list {
	padding: 0px;
	height: auto;
	list-style-type: none;
	width: 184px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	*margin-left: 20px;
	_margin-left: 10px;
	line-height: 25px;
}

#side_nav_list a {
text-decoration:none;
}

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

.menu1 {
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	display: block;
	cursor: pointer;
	background-image: url(images/nav_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.menu2 {
	color: #FFFFFF;
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	font-size:10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.submenu {
	
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	display: block;
	text-decoration: none;
}

.hide {
display: none;
}


.show {
display: block;
padding-left: 10px;
cursor: pointer;
background-color: #589bba;
}

#side_nav_footer {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 205px;
	float: left;
	background-color: #eaeaea;
	background-image: url(images/dee3e4_corner.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/*right col (main content area) */


#main_column {
	padding: 10px;
	background-image:url(images/main.gif);
	float: left;
	height: auto;
	width: 410px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#main_column a {
color:#0099CC;
}

#right_column a {
color:#0099CC;
}




#right_column {
	padding: 20px;
	float: right;
	height: auto;
	width: 250px;
	margin-top: -16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#right_column h1 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
color: #dee3e4;
font-weight:bold;
}

#right_column p {
padding-top: 5px;
padding-bottom: 5px;
}

#right_column h3 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color: #dee3e4;
font-weight:bold;
}

#right_column h4 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
color:#0066CC;
font-weight:bold;
}

#right_column h2 {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:13px;
color: #dee3e4;
font-weight:bold;
}

#main_column h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #01164b;
font-weight:bold;
padding-bottom: 5px;
}

#main_column h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top: 10px;
padding-bottom: 7px;
color: #4693cf;
font-weight:bold;
}

#main_column h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top: 10px;
padding-bottom: 7px;
color: #4693cf;
font-weight:bold;
}

#main_column h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top: 10px;
padding-bottom: 7px;
color: #4693cf;
font-weight:bold;
}



/*FOOTER SECTION */

#footer_section {
	margin: 0px;
	float: left;
	height: 50px;
	width: 940px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#dee3e4_bar {
	padding: 0px;
	height: 10px;
	width: 100%;
	background-color: #dee3e4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footer_bar {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 940px;
	background-color: #eef1f2;
	background-image: url(images/dee3e4_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#footer_bar a {
color:#999999;
size: 10px;
}
#copyright {
	padding: 0px;
	float: left;
	height: 20px;
	width: 300px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#offer {
background-image: url(images/bk-feature.gif);
font-size:12px;
text-indent: 2px;
padding: 5px;
}

#bread-crumb
{
color:#CCCCCC;
font-size:9px;
}

#bread-crumb a
{
color:#CCCCCC;
font-size:9px;
}