/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/*PAGE ELEMENTS STYLES*/
body {
	background-color:#83a2c0; 
	margin: 0px;
	padding: 0px; 
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

img, a img {
	border: 2px solid #1d8bd0;
	margin:0px;
	padding: 0px;
}

.image-center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
}

.image-left{
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.image-right{
	float:right;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.image-noborder{
	border:none;
	margin-top:0px
}

.paddingBottom0 {
	padding-bottom: 0px;
}

.clear_hr{
   background-color: transparent;
   color: #fff; 
   clear: both; 
   float: none; 
   width: 80%;
   height: 0px; 
   margin-left: 10px;
   padding: 0px 10px 0px 10px;
   border-color: transparent; 
}

.gutter {
	margin: 0px;
  padding: 0px;
  display: block;
  clear: both; 
   float: none;
}

hr{
   background: #bddef2; 
   clear: both; 
   float: none; 
   width: 100%; 
   margin: 10px 0px 10px 0px;
   padding: 0px;
   height: 2px;
   color: #bddef2;
}

.header {
	 text-align: center;
	 width: 750px;
	 height: 275px;
	 padding: 0px;
	 margin-right: auto;
	 margin-left: auto;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 position: relative;
}

.column {
   float: left;
   margin-right: 0px;
}

.container {
   width: 750px;
   margin-right: 0 auto;
   padding: 0px;
   background-color: #fff;
}

.licenseIndex {
	  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #000000;
	  font-weight: bold;
	  height: 12px;
	  background-image: url(images/markerob_bullet.gif);
	  background-repeat: no-repeat;
	  text-align: left;
	  padding: 0px 0px 0px 15px;
	  margin: 0px 0px 10px 3px;
	  line-height: 9px;
	  display: block;
}

.paddingLeft { padding: 0px 10px 0px 20px; }

.paddingRight { padding: 0px 0px 0px 10px; }

.bottomPadding { padding-top: 0px; }

.topPadding { padding-top: 10px; }

.padding4services { padding-top: 5px; padding-bottom: 8px; }

.width-190 { width: 195px; }

.border0 { border: 0px; }

.borderBlueRight { border-right: 2px solid #bddef2; height: 100%; padding-bottom: 10px; }

/*FOOTER STYLES*/
.footer {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 width: 730px;
	 border-top: solid 2px #bddef2;
	 margin: 0px 0px 0px 10px;
	 padding-top: 10px;
}

.footer a:link {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 width: 750px;
	 padding: 0px 10px 0px 10px;
	 border-left: solid 2px #1d8bd0;
	 text-decoration: underline;
}

.footer a:visited {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 width: 750px;
	 padding: 0px 10px 0px 10px;
	 border-right: solid 2px #1d8bd0;
	 text-decoration: underline;
}
.footer a.first {
	border-left: 0px;
}

.footer a:hover {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #1d8bd0;
	 width: 750px;
	 padding: 0px 10px 0px 10px;
	 border-right: solid 2px #1d8bd0;
	 text-decoration: underline;
}

.copyright {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 height: 12px;
	 background-image: url(images/markerob_footer.gif);
	 background-repeat: no-repeat;
	 text-align: left;
	 padding: 0px 0px 0px 15px;
	 margin-bottom: 15px;
	 margin-top: 10px;
	 margin-left: 10px;
	 line-height: 14px;
	 display: block;
}

/*BACKGROUND STYLES*/
.bgTop {
	 height: 27px;
	 width: 750px;
	 background-image: url(images/bgTopob.gif);
	 background-repeat: no-repeat;
}

.bgBody {
	 background-image: url(images/bgBodyob.gif);
	 background-repeat: repeat-y;
}

.bgContent{
	background-image: url(images/obc_border.jpg);
	background-repeat: repeat-y;
}

.bgBottom {
	 height: 27px;
	 width: 750px;
	 background-image: url(images/bgBottomob.gif);
	 background-repeat: no-repeat;
}

/*TXT STYLES*/
.pageHeader { font-size: 1em; font-weight: bold; margin-bottom: 5px; display: block; }

h1,h2,h3,h4,h5,h6 { 
	  color: #000000; 
	  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	  padding: 0px;
	  margin: 0px; 
}
h3 {
	font-size: 18px;
	color: #06F;
	text-align: left;
	line-height: 22px;
	margin: 0px;
	font-weight: bold;
}


h4 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
	margin: 0px;
	line-height: 14px; 
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
	margin: 0px;
	line-height: 16px; 
}

h1{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	margin: 0px;
	line-height: 18px;
}

.call {
	  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  color: #000000;
	  font-weight: bold;
	  height: 12px;
	  background-image: url(images/markerob_bullet.gif);
	  background-repeat: no-repeat;
	  text-align: left;
	  padding: 0px 0px 0px 15px;
	  margin: 20px 0px 10px 3px;
	  line-height: 9px;
	  display: block;
}

.email {
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   padding: 0px;
   text-decoration: underline;
   text-align: left;  
}

.email a:link{
	 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   padding: 0px;
   text-decoration: underline;  
}

.email a:visited{
	 color: #000000;
   text-decoration: underline;  
}

.email a:hover{
	 color: #1d8bd0;
   text-decoration: underline;  
}

/*FORM STYLES*/
.input_1	{
	 width:128px;
	 height:16px;
	 background-color:#FFFFFF;
	 border:1px solid #95B8E8;
	 font-family:Tahoma;
	 font-size:12px;
	 color:#000000;
	 line-height:12px;
	 margin:0px 0px 2px 0px;
	 padding:0px;
}

textarea	{
	 width:128px;
	 height:59px;
	 background-color:#FFFFFF;
	 border:1px solid #95B8E8;
	 font-family:Tahoma;
	 font-size:12px;
	 line-height:12px;
	 color:#000000;
	 margin:0;
	 padding:0px;
	 overflow:hidden;
}

label { 
	 font-weight: bold;
	 vertical-align: text-top;
	 margin-right: 5px; 
}

.submit a{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 12px;
	background-image: url(images/markerob_contact.gif);
	background-repeat: no-repeat;
	background-position: 200px;
	text-align: right;
	padding: 0px 0px 0px 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 10px;
	display: block;
}

table { margin-bottom: 3px; }

th,td { 
	 padding: 0px;
	 vertical-align: top; 
}

/*LIST STYLES*/
/*----------  list_1	 ---------------------*/

ul { margin: 0px 10px 8px 0px; }

li {
	 background-image: url(images/markerob_bullet.gif);
	 background-position: 10px 5px;
	 background-repeat: no-repeat;
	 font-size: 11px;
	 margin: 0px 0px 2px 0px; 
	 padding: 0 0 0 25px;
	 list-style: none;
	 color: #000000;
}
						
li a {
	 color: #000000;
	 font-size: 11px;
	 text-decoration: none;
}
						
li a:hover {
   color: #1d8bd0;
	 font-size: 11px;
	 text-decoration: underline;
}

/*----------  list_2	 ---------------------*/
.list_2	li	{
	 background-image: url(images/markerob_list.gif);
	 background-position: 0px 2px;
	 background-repeat: no-repeat;
	 font-size: 11px;
	 margin: 0px 0px 2px 0px; 
	 padding: 0 0 0 15px;
	 line-height:15px;
	 list-style: none;
	 color: #000000;
}

.list_2 li a	{
	 color: #000000;
	 font-size: 11px;
	 text-decoration: underline;
}

.list_2 li a:hover	{
	 color: #1d8bd0;
	 font-size: 11px;
	 text-decoration: underline;
}

#flash_header{
	background-image:url(images/flashimgob.png);
	background-position:center;
	background-repeat:no-repeat;
	width:750px;
	height:275px;
	text-align:center;
	cursor:pointer;
}

.clear_floats{
	clear: both;
	height: 0px;
}

.bgmenu{
	background-image:url(images/menubackob.png );
	text-align:center;
}

.bgmenu table{
	padding:0px;
	margin-left:20px;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #f5fbfd;
}

.bgmenu td{
	background-image:url(images/menubtnob.gif);
	border-left:solid 1px #1e609d;
	border-right:solid 1px #b2d7ef;
}

.bgmenu td:hover{
	background-image:url(images/menuobover.gif);
}

.bgmenu a{
	display:block;
	padding-top:12px;
	height:28px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color:#ffffff;
	text-align:center;
	padding-left:25px;
	padding-right:25px;
	text-transform:uppercase;
}

.bgmenu a:hover{
	background-image:url(images/ob-bubbles.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:10px;
}

#contact a{
	margin: 3px 0px 3px 0px;
	background-image: url(images/obcontact.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 50px;
	float: right;
}

