/* CSS Document */

	body {
		width: 900px;
		margin: 1.5em auto;
		font-family: Arial, helvetica, sans-serif;
		font-size: .7em;
		background-image: url(images/bk.jpg);
		background-repeat:repeat-x;
		color: #333333;
		background-color: #005282;
		line-height: 1.4;
		position:absolute;
		left: 50%;
		margin-left: -450px;
	}

/* IDs for main layout */

	#container {
		background-color: #B7B7B7;
		padding: 14px;
	}
	
	#bottom {
		padding: 49px 0 0 0;
		background-image: url(images/bottompic.jpg);
		background-repeat: no-repeat;
	}
	
	#subcontainer {
		background-color: #FFFFFF;
		background-image: url(images/subcontainerbk.gif);
		background-repeat:no-repeat;
		background-position: top left;
	}
	
	#masthead {
		margin: 0 0 0 0;
		padding: 3em 0 3em 30px;
		background-image:url(images/bkmast.gif);
		background-repeat: no-repeat;
		background-position: right;
		}
		
	#menu {
		margin: 0 0 2em 0;
		padding: 0 0 0 30px;
		height: 2.5em;
		line-height: normal;
		background-color: #c7c7c7;
		}	

	#content {
		margin: 0 0 0 30px;
		padding: 0;
		}

	#left {
		margin: 0;
		padding: 0;
		width: 550px;
		float: left;
	}
	
	#right {
		margin: 0 0 0 20px;
		padding: 0;
		width: 240px;
		float: left;
	}
	
	#colone {
		margin:0 0 0 0;
		padding: 0 0 0 30px;
		width: 300px;
		border-left: 1px #b7b7b7 solid;
		float: left;
	}
	
	#coltwo {
		margin: 0 0 0 0;
		padding: 0 0 0 50px;
		width: 300px;
		float: left;
	}
	
	#column {
		margin: 0 0 0 0;
		padding: 0 2em 0 30px;
		border-left: 1px #b7b7b7 solid;
	}
	
	#clients {
		margin: 15px 0 0 0; 
 		padding: 0 0 0 30px;
		clear: both;
		}
	
	#footer {
		margin: 0 0 0 0;
		padding: 10px 0 0 30px;
		clear: both;
		}
		
	

/* Classes for sub layout */

	.colone {
		margin:0 0 0 0;
		padding: 0 0 0 30px;
		width: 300px;
		border-left: 1px #b7b7b7 solid;
		float: left;
	}
	
	.coltwo {
		margin: 0 0 0 0;
		padding: 0 0 0 50px;
		width: 300px;
		float: left;
	}

	.box {
		margin: 0 0 15px 0;
		padding: 6px;
		vertical-align: middle;
		border: 1px #B7B7B7 solid;
		background-color: #FFFFFF;
	}
	
	.think {
		background-image: url(images/thinkthink.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
		height: 12em;
		padding-right: 130px;
	}
	
	.boxsamples {
		margin:20px 0 18px 0;
		padding: 0;
		width:300px;
		border: 1px #B7B7B7 solid;
		background-color: #FFFFFF;
		font-size: 9px;
		text-align: center;
		line-height:1.3;
	}
	
	.quotebar {
		margin: 0 0 0 30px;
		padding: 5px 350px 10px 30px;
		clear: both;
		background-color:#339933;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 180%;
		color:#ffffff;
		font-weight: bold;
		}
	
	.orange { background-color: #ff9900; }
	.olive { background-color: #80AA00; }
	.apple{ background-color: #669966; }
	.purple { background-color: #990066; }
	.blue { background-color: #005282; }
	
	.spacer {
		clear:both;
	}
	
/* Rules for standard headings */

	h1 {
		font-size:220%;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #018CD1;
		text-transform:uppercase;
		font-weight: normal;
		line-height:1.1;
		letter-spacing:.13em;
		}

	h2 {
		font-size:140%;
		color: #333333;
		line-height:1;
		}

	h3 {
		font-size:120%;
		color: #000000;
		}

	h4 {
		font-size:100%;
		color: #000000;
		}
		
/* Custom headings */
	
	#masthead h2 {
		margin: 0 0 0 600px;
		padding: 3px 0 3px 10px;
		font-size: 120%;
		color: #B7B7B7;
		line-height: 1.8;
	}
	
	#right .boxsamples h1 {
		margin-top: 6px;
		margin-bottom: 0px;
		padding-bottom:0;
	}
	
	#pscroller1 H1 {
		font-size: 12px;
		margin:0;
		padding:0 0 2px 0;
		color: #B7B7B7;
	}
	
	.box h1 {
		margin: 0;
		padding: 0;
		font-family:  Arial, helvetica, sans-serif;
		font-size: 1.5em;
		color: #000000;
		line-height: 1.1;
		text-transform: none;
	}
	
	.box h2 {
		margin:.4em 0 0 0;
		padding:0;
		font-size: 1em;
		color: #666666;
		line-height: 1.4;
	}
	
	.boxsamples img{
		margin: 0 0 10px 0;	
	}
	
	#smlbox {
		Line-height: 200%;
		}
		
/* Standard Links*/

	a { 
		color: #005282;
		font-weight: bold;
		text-decoration:none;
	}
	
	a:hover { 
		color: #000;
		font-weight: bold;
		text-decoration:none;
	}
	
		
/* custom links */

	#pscroller1 a {
		font-weight: normal;
		color: #B7B7B7;
	}

/* THE MENU */

	#menu ul { /* remove bullets and list indents */
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;
		}
	
	#menu li {
		margin: 0;
		padding: 0;
		float:left;
		}

	#menu li ul li{ /* the drop down list items */
		margin: 0;
		padding: 0;
		background-image: none;
		clear: both;
		display: block;
		float: none;
		}

	/* style, color and size links and headings to suit */

	#menu a {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		text-decoration: none;
		color:#000;
		width: auto;
		height: 1.5em;
		float: left;
		border-left: 1px #FFFFFF solid;
		background-image: url(images/navbk.jpg);
		}
		
	#menu a.last {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		text-decoration: none;
		color:#000;
		width: auto;
		height: 1.5em;
		float: left;
		border-left: 1px #FFFFFF solid;
		border-right: 1px #FFFFFF solid;
		background-image: url(images/navbk.jpg);
		}
	
	#menu a:hover {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		color:#fff;
		width: auto;
		height: 1.5em;
		background-color: #005282;
		background-image: none;
		}

	#menu a.active, #menu a:hover.active {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		width: auto;
		height: 1.5em;
		background-image: url(images/menu_active.gif);
		background-repeat: repeat-x;
		background-color: #333333;
		}
	
	#menu a.drop {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		width: auto;
		float: left;
		background-image: url(images/navbk.jpg);
		}
	
	#menu a:hover.drop {
		margin:0;
		padding: 0.6em 1.2em .4em 1.2em;
		color:#000;
		width: auto;
		height: 1.5em;
		background-color: #d7d7d7;
		background-image: url(images/navbk.jpg);
		}

	#menu li ul li a { /* the drop down link items */
		margin: 0;
		padding: .5em 1em;
		background-color: #d7d7d7;
		width: 12em;
		border: 0;
		display: block;
		clear: both;
		float: none;
		height: auto;
		background-image: none;
		}

	#menu li ul li a:hover {
		margin: 0;
		padding: .5em 1em;
		background-image: none;
		background-color: #005282;
		color: #FFFFFF;
		width: 12em;
		display: block;
		clear: both;
		float: none;
		height: auto;
		}

/* stage two making the pop outs */

	#menu li {
		position: relative; /* make the list elements a containing block for the nested lists */
		} 

	#menu ul ul {
		padding:0;
		margin:0;
		position: absolute;
		top: 2.5em;
		left: 0; /* to position them to the right of their containing block */
		width: 100%;		 /* width is based on the containing block */	
		border: none;
		z-index:2;
		}

	/* stage three hiding and revealing */

	div#menu ul ul,
	div#menu ul li:hover ul ul {
		display: none;
		}

	div#menu ul li:hover ul,
	div#menu ul ul li:hover ul {
		margin: 0;
		padding: 0;
		border: none;
		width: auto;
		display: block;
		}


/* news navigation */

	.box ul {
		margin: 10px 0 0 25px;
		padding: 0;
		line-height: 1.1;
	}
	
	.box ul li {
		margin: 0;
		padding: 0 0 8px 0;
	}
	
	.box ul li a {
		color: #005282;
		text-decoration: none;
		font-weight: bold;
	}
	
	.box ul li a:hover {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	
/* sitemap navigation */

	ul {
		color: #666666;
	}

	ul li ul{
		color: #333333;
		list-style-type: none;
	}
	
	ul li a {
		color: #666666;
		text-decoration: none;
		font-weight: bold;
	}
	
	ul li a:hover {
		color: #005282;
		text-decoration: none;
		font-weight: bold;
	}
	
/* Forms */

	fieldset {
		padding: 10px;
		border: 1px #B7B7B7 solid;
		background-color:#FFFFFF;
	}
	
	legend {
		border: 1px #B7B7B7 solid;
		padding: 5px;
		background-color: #fff;
		color: #005282;
		font-size:120%;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		vertical-align: middle;
	}
	
	label {
		display: block;
		font-weight: bold;
	}
	
	input, textarea {
		width: 95%;
		border: 1px #B7B7B7 solid;
		background-color: #d7e7f4;
	}
	
	input.submit {
		width: 95%;
		border: 3px #B7B7B7 double;
		background-color: #005282;
		color: #ffffff;
		font-weight: bold;
		border-color: #dddddd #aaa #666 #dddddd;
	}
	
/* Portfolio */

	fieldset {
		margin: 25px 0px 25px 0px;
		padding: 10px;
		border: 1px #B7B7B7 solid;
	}
	
	legend {
		border: 1px #B7B7B7 solid;
		padding: 3px 6px 3px 3px ;
		background-color: #ffffff;
		color: #B7B7B7;
		font-size:120%;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		vertical-align: middle;
	}
	
	fieldset table {
		width: 100%;
		border-collapse:collapse;
		padding:0;
	}
	
	fieldset table td {
		padding:0 5px 0 0;
		vertical-align: top;
	}
	
	fieldset legend img {
		vertical-align: middle;
		margin-right: 10px;
	}
	
	td.portfoliotext {
		padding: 8px;
		width: 680px;
	}
	
	#column ul {
		margin-left: 18px;
	}
	
/* standard small bits */

	img {
		border: 0;
	}
	
	a img {
		border: 0;
	}
	
	p.copyright {
		margin: 25px 0 0 0;
		font-size:90%;
		color: #666666;
	}
	
	hr {
		color: #B7B7B7;
		background-color: #B7B7B7;
		height: 1px;
		text-align:center;
		border: 0 none;
	}
	
	.boxsamples strong {
		color: #999999;
	}
	
	#footer img {
		margin: 0 5px 5px 5px;
		vertical-align:middle;
	}
	
	img.right {
		float:right;
		margin-left:10px;
	}
	
/* javascript scroller */ 	
	
	#pscroller1 {
		margin: 0;
		padding: 0;
		width: 100%;
		border: 0px;
		height: 60px;
	}
	
	.spacer {
		margin: 0;
		padding: 0;
	}
	
	#right object {
		margin: 0 0 15px 0;
	}	
	
/*------------------ rss feed---------------------------------*/

.feed {
	height: 290px;
	overflow: hidden;
	}

#example3{ /*Demo 3 main container*/
margin: 5px 0 0 0;
height: 270px;
overflow: hidden;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
}

#example3 a{ /*Demo 3 P element that separates each entry*/

font-weight: normal;
}