/********************************************
* CSS DOCUMENT - Bluestone Solutions Website
********************************************/	

	body {	
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 70%;
		color: #666666;
		background-color: #e6e6eb;
		margin: 0 0 200px 0;
		padding: 0;
	}
	
	a {	
		color: #666666;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

/********************************************
* LAYOUT
********************************************/

	#wrap1 {
		min-width: 740px;
		width: 100%;
		background-color: #e6e6eb;
	}
	
	#wrap2 {
		background-color: #e6e6eb;
	}
	
	#header {
		width: 100%;
		background: #fff;
		margin: 0 -1px;
	}
	
	#container {
		width: 100%;
		margin-left: -178px;
		float: left;
		display: inline;
	}
	
	#leftcol {
        width: 180px;
        position: absolute;
        left: 0px;
        top: 228px;
        z-index: 1;
    }
	
	#middlecol {	
		width: auto;
		height:auto;
		margin-top: 20px;
		margin-left: 356px;
		border-left: 1px dashed #505b60;
		border-right: 1px dashed #505b60;
		position:relative;
	}
	
	#rightcol {
		margin-top: 20px;
		margin-left: -178px;
		padding-left: 100%;
	}
	
	#footer {
		width: 100%;
		background: #e6e6eb;
		clear: both;
	}
	
	/********************************************
	* DESIGN
	********************************************/
	
	#topnav {
		height: 71px;
		background: #fff;
		background-image:  url(../images/global/logo/logo.gif);
		background-position: left top;
		background-repeat: no-repeat;
		text-align: right;
		padding-right: 35px;
	}
	
	#topnav span {
		font-size: 90%;
		color: #001a36;
		padding-right: 4px;
		padding-left: 4px;
	}
	
		#topnav a {
		font-size: 90%;
		color: #001a36;
		padding-right: 4px;
		padding-left: 4px;
		text-decoration: underline;
	}
	
	#topnav a:hover {	
		color: #666666;
	}
	
	#topnav p {
		margin: 0;
		padding: 6px 0 0 0;
	}
	
	#topnav h1 {
		width: 150px;
		height: 55px;
		margin: 0;
		background: url(../images/global/logo/logo.gif) no-repeat;
		float: left;
	}
		
	/* hide from Mac \*/
			
		* html #topnav h1 {  
		display: inline; 
		}
		
	/* end hide */
	
	#topnav h1 span, #topnav h2 { 
		display: none;
	}
	
	#topnav h1 a {
		width: 150px;
		height: 55px;
		background: url(../images/global/logo/logo.gif) no-repeat;
		display: block;
	}
	
	#navcontainer {
		width: 570px;
		height: 18px;
		background: #fff;
		text-align: right;
		padding-right: 36px;
		float: right;
	}
	
	#navcontainer h2 {
		display: none;
	}
	
	/* to stretch the container div to contain floated list */
	#navcontainer:after {
		content: ".";
		display: block;
		height: 13px;
		font-size: 9px;
		clear: both;
	}
	
	ul#navlist {
		font-size: 9px;
		text-transform: uppercase;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	
	ul#navlist li {
		width: 114px;
		text-align: center;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
	
	ul#navlist li a {
		width: 111px;
		height: 13px;
		color: #fff;
		background-image:  url(../images/global/navigation/tab1.gif);
		background-position: 0px -19px;
		background-repeat: no-repeat;
		text-decoration: none;
		margin-left: 2px;
		margin-right: 1px;
		padding-top: 5px;
		display: block;
	}
	
		/* Fix for IE-win \*/
			* html ul#navlist li a {padding-top: 4px; height: 14px;}
		/* End Fix for IE-win */ 
		
	ul#navlist li a:hover, ul#navlist li#active a {
		background-image:  url(../images/global/navigation/tab1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#navcontainer>ul#navlist li a { 
		width: auto; 
	}
	
	#topintro {
		height: 241px;
		background: #001A36;
		background-image:  url(../images/global/background/intro_bg.gif);
		background-position: left top;
		clear: both;
	}
	
	#topintro_content {
		height: 119px;
		background: #fff;
		background-image:  url(../images/global/background/intro_small.gif);
		background-position: left top;
		clear: both;
	}
	
	#leftnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0 15px 0 15px;
		padding: 0;
		text-align: right;
	}
			
	#leftnav li {
		margin: 0;
		padding: 4px 0 4px 0;
	}
	
	div.middlecontent {
		padding: 0 0px 10px 0px;
		margin: 0 30px 14px 30px;
		border-bottom: 1px dashed #505b60;
	}
	
	div.middlecontent p, div.middlecontent1 p {
		margin: 0;
		padding: 0px 0 7px 0;
	}
	
	div.middlecontent h3,div.middlecontent1 h3 {
		font-size: 170%;
		font-weight: normal;
		margin-bottom: 10px
	}
	
	div.middlecontent h4,div.middlecontent1 h4 {
		font-size: 100%;
		font-weight: bold;
		margin: 4px 0 10px 0;
	}	
	
	div.middlecontent a, div.middlecontent1 a {	
		text-decoration: underline;
	}
	
	div.middlecontent a:hover, div.middlecontent1 a:hover {	
		text-decoration: none;
	}
	
	div.middlecontent1 {
		padding: 0 30px 10px 30px;
		margin-bottom: 14px;
	}
	
	div.middlefooter {
		height: 36px;
	}
	
	#rightcontainer {
		width: 102px;
		position: relative;
		padding: 0 0 0 18px;
	}
	
	div.rightcontent1 {
		width: 120px;
		padding: 0 0 10px 0;
		margin-bottom: 14px;

	}
	
	div.rightcontainer a, div.rightcontent1 a, div.rightcontent2 a {	
		text-decoration: underline;
	}
	
	div.ightcontainer a:hover, div.rightcontent1 a:hover, div.rightcontent2 a:hover {	
		text-decoration: none;
	}
	
	div.rightcontent2 {
		width: 120px;
	}
	
	div.middlecontentbox1{
		min-height: 60px;
		margin: 0px 0 0 0;
	}
	
		/* Fix for IE-win \*/
			* html div.middlecontentbox1 {height: 60px;}
		/* End Fix for IE-win */ 
	
	div.middlecontentbox1 p{
		padding: 0 0 0 80px;
	}
	
	div.middlecontentbox1 img {
		border: 4px solid #fff;
		float: left;
	}
	
	div.dashcontainer {
		padding: 10px;
		margin: 0px 0 20px 0;
		background-color:#FFFFFF;
		border:#333333 dashed 1px;
		clear:both;
		height:auto;
		width: auto;

	}

	div.dashcontainer2 {
		padding: 10px;
		margin: 0px 0 20px 0;
		background-color:#EBEBEB;
		border:#333333 dashed 1px;
		height:auto;
		width: auto;

	}
	
	div.ticketpanel {
		padding: 10px;
		margin: 10px 0 20px 0;
		background-color:#FFFFFF;
		border:#333333 dashed 1px;
	}
	
	div.ticketpanel_closed {
		padding: 6px 0 0 6px;
		margin: 10px 0 20px 0;
		background-color:#FF9999;
		border:#333333 dashed 1px;
	}
	
	div.ticketpanel_time {
		padding: 6px 0 0 6px;
		margin: 0px 0 20px 0;
		background-color:#FFF;
		border:#333333 dashed 1px;
	}
	
/******************************
* Extra Styles
******************************/	

	#table {
		border-collapse: separate; 
		border-spacing: 0;
		border:0;
		padding: 0;
		margin: 5px 0 5px 0;
		vertical-align: top;
		text-align:left;
		width:100%;
		clear:both;
	}
	
	#table th {
		background-color:#CCCCCC;
		padding: 5px 10px 5px 5px;
		vertical-align: top;
		text-align:left;
	}
	
	#table td {
		padding: 8px 10px 0px 5px;
		vertical-align: top;
		text-align:left;
	}
	
	#table a {	
		text-decoration: underline;
	}
	
	#table a:hover {
		text-decoration: none;
	}
	
	
	#table2 {
		border-collapse: separate; 
		border-spacing: 0;
		border:0;
		padding: 0;
		margin: 10px 0 5px 0;
		vertical-align: top;
		text-align:left;
		width:90%;
		height:auto;
	}

	
	#table2 th {
		background-color:#CCCCCC;
		padding: 5px 10px 5px 5px;
		vertical-align: top;
		text-align:left;
	}
	
	#table2 td {
		border-bottom:#333 dashed 1px;
		padding: 8px 10px 8px 5px;
		vertical-align: top;
		text-align:left;
	}
	
	#table2 a {	
		text-decoration: underline;
	}
	
	#table2 a:hover {
		text-decoration: none;
	}
	
	.hide {
		display: none;
	}
	
	.error {
		color:#FF0000;
	}
	
	.arrow {
		list-style-image: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	
	.arrow li {
		background-image:  url(../images/global/misc/arrow.gif);
		background-position: 0 3px;
		background-repeat: no-repeat;
		padding: 4px 0 2px 20px;
	}
	
	.heading1 {
		font-size: 110%;
		font-weight: bold;
		color: #07012b;
	}
	
	.img1 {
		margin: 10px 0 10px 0;
		border: 4px solid #fff;
	}
	
	.img_casestudy {
		margin: 10px 20px 10px 0;
		border: 4px solid #fff;
		float:left;
	}
	
	.smalltext1 {
		font-size: 90%;
	}
	
/******************************
* Site map
******************************/	

	div.sitemap ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	div.sitemap li {
		padding: 2px 0 16px 0;
	}
	
	div.sitemap li li {
		padding: 1px 0 1px 4px;;
	}
	

/******************************
* Forms
******************************/	

	.form {
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	
	.formlabels {
		width: 90px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		float:left;
	}
	
	.formlabels_full {
		width: 120px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		float:left;
	}
	
	
	
	.form_txtfldsmall {
		width: 125px;
		margin: 2px 0px 2px 0px;
		padding: 0px;
	}
	
	.form_txtfldmedium {
		width: 170px;
		margin: 2px 0px 2px 0px;
		padding: 0px;
	}
	
	.form_txtfldlong {
		width: 240px;
		margin: 2px 0px 2px 0px;
		padding: 0px;
	}
	
	.form_txtfldmulti {
		width: 240px;
		height: 240px;
		margin: 2px 0px 2px 0px;
	}
	
	.form_txtfldmultismall {
		width: 300px;
		height: 100px;
		margin: 2px 0px 2px 0px;
	}
	
	.form_button {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
/******************************
* Footer
******************************/		

	#footercontent {
		font-size: 90%;
		color: #8d95b2;
		padding-left: 204px;
	}
	
	#footercontent a {
		color: #8d95b2;
		text-decoration: underline;
	}
	
	#footercontent a:hover {
		color: #001a36;
	}
	
	#footercontent p {
		margin: 0;
		padding: 3px 0 3px 0;
	}