/*
z-indexes

logo:	10
menubar: 95
menupulldown: 100
*/

body			{
			margin: 4p 0px 0px 0px;
			padding: 0;
			display: block;
			}

/* General font styles inc. main content window */ 
h1			{ font-family: Verdana, Serif, Monospace; font-size: 15px; color: #5e83c2; text-indent: 15px; }
h2			{ font-family: Verdana, Serif, Monospace; font-size: 14px; color: #5e83c2; text-indent: 15px; }
h3			{ font-family: Verdana, Serif, Monospace; font-size: 13px; color: #5e83c2; text-indent: 15px; }
h4			{ font-family: Verdana, Serif, Monospace; font-size: 12px; color: #5e83c2; text-indent: 15px; }
h5			{ font-family: Verdana, Serif, Monospace; font-size: 11px; color: #5e83c2; text-indent: 15px; }
h6			{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2; text-indent: 15px; }
b			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
b.blue			{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2; }
a			{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2; }
a:hover			{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2; font-weight: bold; }
i			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
i.blue			{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2;}
p			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
acronym			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
abbr			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
address			{ font-family: Verdana, Serif, Monospace; font-size: 11px; }
small			{ font-family: Verdana, Serif, Monospace; font-size: 9px; }
big			{ font-family: Verdana, Serif, Monospace; font-size: 12px; font-weight: bold;}
blockquote		{ font-family: Verdana, Serif, Monospace; font-size: 10px; background-color: #F5F7FF; padding: 0px 5px 0px 10px; border-style: dotted; border-color: #719EE4; border-width: 1px; }
cite			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
em			{ font-family: Verdana, Serif, Monospace; font-size: 11px; }
sub			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }
sup			{ font-family: Verdana, Serif, Monospace; font-size: 10px; }

/* bluebox font styles */

.bluebox_right h1, .bluebox_inline h1		{ font-family: Verdana, Serif, Monospace; font-size: 15px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right h2, .bluebox_inline h2		{ font-family: Verdana, Serif, Monospace; font-size: 14px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right h3, .bluebox_inline h3		{ font-family: Verdana, Serif, Monospace; font-size: 13px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right h4, .bluebox_inline h4		{ font-family: Verdana, Serif, Monospace; font-size: 12px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right h5, .bluebox_inline h5		{ font-family: Verdana, Serif, Monospace; font-size: 11px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right h6, .bluebox_inline h6		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF; text-indent: 15px; }
.bluebox_right b, .bluebox_inline b		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF }
.bluebox_right b.blue, .bluebox_inline b.blue	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2; }
.bluebox_right a, .bluebox_inline a		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF; }
.bluebox_right a:hover, .bluebox_inline a:hover	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF; font-weight: bold; }
.bluebox_right i, .bluebox_inline i		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right i.blue, .bluebox_inline i.blue	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #5e83c2;}
.bluebox_right p, .bluebox_inline p		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right acronym, .bluebox_inline acronym	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right abbr, .bluebox_inline abbr	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right address, .bluebox_inline address	{ font-family: Verdana, Serif, Monospace; font-size: 11px; color: #FFFFFF;}
.bluebox_right small, .bluebox_inline small	{ font-family: Verdana, Serif, Monospace; font-size: 9px; color: #FFFFFF;}
.bluebox_right big, .bluebox_inline big		{ font-family: Verdana, Serif, Monospace; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.bluebox_right blockquote, .bluebox_inline blockquote	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF; background-color: #5E83C2; margin: 0px 5px 10px 5px; padding: 0px 5px 0px 10px; border-style: dotted; border-color: #FFFFFF; border-width: 1px; }
.bluebox_right cite, .bluebox_inline cite	{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right em, .bluebox_inline em		{ font-family: Verdana, Serif, Monospace; font-size: 11px; color: #FFFFFF;}
.bluebox_right sub, .bluebox_inline sub		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}
.bluebox_right sup, .bluebox_inline sup		{ font-family: Verdana, Serif, Monospace; font-size: 10px; color: #FFFFFF;}

/* Lay-out */

#wrapper		{
			margin: 0 auto;
			padding: 0;
			position: relative;
			width: 760px;
			top: 0px;
			/*background-color: #eeeeff;
			border-color: #00265e;
			border-style: solid;
			border-top-width: 0px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 0px;*/
			}

#header			{
			margin: 0;
			padding: 0;
			position: relative;
			width: 760px;
			height: 30px;
			top: 0px;
			background-color: #1e5b9a;
			background: url(images/head2.gif);
			}



/* Navigation menu */
	/*mechanics and style*/

#nav, #nav ul		{
			margin: 0;
			padding: 0;
			position: relative;
			height: 30px;
			list-style: none;
			text-align: center;
			line-height: 29px;
			z-index: 95;
			float: right
			}

#nav			{
			border-left: 1px solid #8BB8FF;
			}

#nav a			{
			display: block;
			font-family: Verdana, serif, monospace;
			font-size: 10px;
			text-decoration: none;
			color: #FFFFFF;
			padding: 0;
			margin: 0px 10px 0px 10px;
			height: 29px;
			}

#nav a:hover		{
			text-decoration: underline;
			font-weight: normal;
			}

#nav li			{
			padding: 0;
			margin: 0;
			float: left;
			height: 29px;
			vertical-align: middle;
			border-left: 1px solid #011544;
			border-right: 1px solid #8BB8FF;
			}

#nav li:hover, #nav li.sfhover		{
			background: #719ee4;
			}

#nav li ul		{
			margin: 0;
			padding: 0;
			position: absolute;
			width: 100px;
			left: -9000px;
			z-index: 100;
			height: auto;
			background: #5482c5;
			}

#nav li ul li		{
			background: #5482c5;
			height:auto;
			width: 100px;
			text-align: left;
			border-bottom: 1px dotted #8bb8ff;
			}

#nav li ul li.first			{
			border-top: 1px solid #011544;
			}

#nav li ul li.last			{
			border-bottom: 1px solid #8bb8ff;
			}

#nav li ul li a		{
			height:auto;
			margin: 0px 0px 0px 5px;
			}

#nav li ul li a:hover	{
			height:auto;
			}

#nav li:hover ul, #nav li.sfhover ul	{
			margin: 0;
			padding: 0;
			left: auto;
			}

#content_container	{
			margin: 0;
			padding: 0;
			position: relative;
			top: 10px;
			left: 0px;
			width: 760px;
			clear: left;
			overflow: hidden;
			background: url(images/houston_skyline2.jpg) no-repeat scroll left bottom;
			min-height: 480px;
			}

/* Combination 1, content on the left, bluebox on the right */

.main-content-whitewash_left {
			margin: 0px 0px 10px 0px;
			padding: 0;
			position: relative;
			float: left;
			width: 550px;
			background: url(images/whitewash.png) repeat;
			border-color: #719EE4;
			border-style: solid;
			border-width: 1px;
			}

.main-content_left		{
			margin: 0px;
			padding: 0px 10px 10px 12px;
			position: relative;
			float: left;
			width: 528px;
			background:url(images/contentgradient.png) repeat-x;
			}

img.left		{
			margin:6px 19px 6px 6px;
			padding:0;
			float:left;
			}

img.right		{
			margin:6px 19px 6px 6px;
			padding: 0;
			float: right;
			}

img.washer		{
			margin:6px -10px -10px 6px;
			padding: 0;
			float: right;
			}

.bluebox_right		{
			margin: 0px 0px 30px 0px;
			padding: 0px 5px 0px 5px;
			position: relative;
			top: 10px;
			float: right;
			width: 190px;
			background: url(images/contentbox.jpg) no-repeat scroll 0%;
			border-left: 1px solid #011544;
			border-right: 1px solid #8BB8FF;
			border-top: 1px solid #011544;
			border-bottom: 1px solid #8BB8FF;
			}

.normallist		{
			margin: 0px 0px 10px 65px;
			padding: 0px 0px 0px 0px;
			font-family: Verdana, serif, monospace;
			font-size: 10px;
			color: #000000;
			list-style: url(images/listbullet.png);			
			}

.featurelist		{
			margin: 0px 0px 10px -6px;
			padding: 0px 0px 0px 22px;
			font-family: Verdana, serif, monospace;
			font-size: 13px;
			color: #ffffff;
			list-style: url(images/lijstvink.png);
			}

.featurelist_black	{
			margin: 0px 0px 10px 65px;
			padding: 0px 0px 0px 0px;
			font-family: Verdana, serif, monospace;
			font-size: 10px;
			color: #000000;
			list-style: url(images/lijstvink.png);
			}

/* Combination 2, used in example quote page inline, position of div in html decide sequence on page */

.bluebox_inline		{
			margin: 0px auto 10px;
			padding: 0px 10px 0px 12px;
			position: relative;
			width: 550px;
			background: url(images/foot.png) repeat scroll 80%;
			border-left: 1px solid #011544;
			border-right: 1px solid #8BB8FF;
			border-top: 1px solid #011544;
			border-bottom: 1px solid #8BB8FF;
			}



.main-content-whitewash_inline {
			margin: 0px auto 10px auto;
			padding: 0;
			position: relative;
			width: 574px;
			background: url(images/whitewash.png) repeat;
			border-color: #719EE4;
			border-style: solid;
			border-width: 1px;
			}

.main-content_inline	{
			margin: 0px;
			padding: 1px 10px 10px 12px;
			position: relative;
			width: 552px;
			background:url(images/contentgradient.png) repeat-x;
			}

.bluebox_inline p.quotehead_left	{
			margin: 1px 12px 0px 115px;
			padding: 0;
			position: relative;
			display: block;
			float: left;
			width: 175px;
			}

.bluebox_inline p.quotehead_right	{
			margin: 1px 0px 0px 0px;
			padding: 0;
			position: relative;
			}

/* footer */

#footer			{
			margin: 0;
			padding: 0;
			position: relative;
			font-family: Verdana, serif, monospace;
			font-size: 10px;
			color: #ffffff;
			background: url(images/foot.png);
			top: 15px;
			border-left: 1px solid #011544;
			border-right: 1px solid #8BB8FF;
			border-top: 1px solid #011544;
			border-bottom: 1px solid #8BB8FF;
			border-style: solid;
			border-width: 1px;
			}

#footer p		{
			margin: 2px;
			text-align: right;
			}

/* forms */

form {
			width: 398px;
			position: relative;
			margin: 0 auto;
			}

form legend {
			font-weight: bold;
			color: #5e83c2;
			}

form fieldset {
			border: #5e83c2 1px solid;
			}

form label {
			font-family: Verdana, Serif, Monospace;
			font-size: 10px;
			float: left;
			display: block;
			width: 222px;
			position: relative;
			margin: 4px 0px 0px;
			}

form label.checkbox	{
			margin: 0px 0px 0px 10px;
			display: inline;
			float: none;
			width: auto;
			}

input			{
			background-color: #719EE4;
			color: #FFFFFF;
			border-color: #3F6CAD;
			border-style: solid;
			border-width: 1px;
			margin: 0px 0px 1px;
			width: 142px;
			}

input.city		{
			width: 80px;
			}

input.state		{
			width: 18px;
			margin: 0px 2px 1px 2px;
			}

input.zip		{
			width: 36px;
			}

input.boxradio		{
			width: auto;
			background-color: transparent;
			border: none;
			}

textarea		{
			background-color: #719EE4;
			color: #FFFFFF;
			border-color: #3F6CAD;
			border-style: solid;
			border-width: 1px;
			margin: 0px 0px 1px;
			}

textarea.right		{
			width: 142px;
			}

select 			{
			background-color: #719EE4;
			color: #FFFFFF;
			border-color: #3F6CAD;
			border-style: solid;
			border-width: 1px;
			margin: 0px 0px 1px;
			width: 144px;
			}

input:focus, input.sffocus, textarea:focus, textarea.sffocus {
			background-color: #d9e8ff;
			color: #000000;
			}

button			{
			padding: 5px;
			border-left: 1px solid #011544;
			border-right: 1px solid #8BB8FF;
			border-top: 1px solid #011544;
			border-bottom: 1px solid #8BB8FF;
			cursor: pointer;
			font-weight: bold;
			font-size: 12px;
			font-family: Verdana, Serif, Monospace;
			text-align: center;
			color: #ffffff;
			background: #3f6cad;
			margin: 9px 2px 0px 2px;
			}			

button.submitbtn	{
			margin: 9px 2px 0px 273px;
			}

button:hover	{
			background: #719ee4;
			}