/* Added From Good */
body { 
	font-family: sans-serif, arial, verdana;
	margin: 0px;
	font-size: .86em;
	text-transform: none; 
}

body p {
	line-height: 1.3em;
}

#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o, #p, #q, #r, #s, #t, #u, #v, #w, #x, #y, #z {
	border:0px solid red; /* uncomment this to see where the boxes are */
	float: right;
	clear: right;
	margin: 0 1em 0 0;
	_margin: 0 2em 0 0;
	padding: 0px 0px 0px 8px;
	height: 17px;
}
#a {width:30px}
#b {width:36px}
#c {width:45px}
#d {width:53px}
#e {width:62px}
#f {width:72px}
#g {width:82px}
#h {width:94px}
#i {width:106px}
#j {width:120px}
#k {width:136px}
#l {width:152px}
#m {width:170px}
#n {width:189px}
#o {width:210px}
#p {width:233px}
#q {width:258px}
#r {width:280px}
#s {width:310px}
#t {width:355px}
#u {width:390px}
#v {width:440px}
#w {width:500px}


#content_container p {
	margin: 0px;
	padding: 0px 0px 16px 0px;
	line-height: 1.3em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}

a{
	font-family: sans-serif, arial, verdana;
	outline: none;
}

a:hover{
	text-decoration: underline;
}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
#content_container blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
#content_container ul {
	margin: 8px 0px 0px 16px;
	padding: 0px;
}

#content_container ul li {
	list-style-type: square;
  	margin: 0px 0px 5px 0px; 
  	padding: 0px;
}

/* ordered list */
#content_container ol {
	margin: 8px 0px 0px 24px;
	padding: 0px;
}

#content_container ol li {
	margin: 0px 0px 11px 0px; 
	padding: 0px;
}

/* links above the logo */
#links {
	margin-left: auto; 
	margin-right: auto;
	padding: 2px 21px 0px 19px;
	height: 15px;
	font-size: 94%;
	text-transform: uppercase;
}

#links{text-align: right;}

#links a{
	text-decoration: none;
}

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

body {
	background: #FFFFFF;
}

html,body {
	margin: 0;
	padding: 0;
}

div#border {
	height: 600px;
	width: 410px;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #526e86;
	margin: 0 auto;
}

div#container {
	position: relative;
	text-align: left;
	width: 880px;
	height: 648px;
	background-position: top left;
	background-image: url(images/OP_Swoop_01_14_08_1350.gif);
 	background-repeat: no-repeat;
}

#OP_Logo { 
  position: relative; 
  top: 30px;
  left: 180px;
}

#OP_Buttons {
  position: relative;
  top: 70px;
  left: 40px;
}

#OP_Headline {
  position: absolute;
  top: 315px;
  left: 60px;
}

#OP_Logo_internal {
  position: absolute;
  top: 470px;
  left: 610px;
}

#OP_Addresses {
  text-align: center; 
  position: absolute;
  top: 540px;
  left: 152px;
}

#OP_Addresses_small {
  text-align: center; 
  position: absolute;
  top: 565px;
  left: 207px;
}

.splashbutton {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.team {
	text-align: center;
	padding: 20px 15px 20px 0px; 
}

.team img {
	width:50%; 
	height:50%;
}

.name {
	font-size: 95%;
	font-weight:bold;
}

.title {
	font-size: 80%;
}

#content_container {
	height: 495px;
	width: 870px;
	top: 65px;
	position: absolute;
	left: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	overflow: auto;
}

#menu_container {
	height: 42px;
	width: 640px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 6px 0px 4px 0px;
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	z-index:999;
}

#content_container h1 { 
  padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px;
  border-bottom: 0px solid;
  font-size: 230%;
  font-family: Garamond, sans-serif, arial, verdana;
  text-transform: capitalize;
}

.question {
	font-weight: bold;
}

.answer {
	font-weight: normal;
	list-style-type: none;
}

/* contact page - form layout */
form {
	margin-top: 0px;
}

div.row { 
	clear: both;
	width: 448px;
}

div.row span.formlabel { 
	float: left;
	width: 150px;
	padding-top:4px;
	/*text-align: left;*/
}

div.row span.forminput { 
	float: left;
	
	/*text-align: right;*/
} 

div.spacer { 
	clear: both;
	width: 80px;
}

input, textarea { 
	width: 259px; 
	font-family: sans-serif, arial, verdana;
	border: 1px solid;
	font-size: 100%;
	margin: 2px;
}

.submit { 
	font-family: sans-serif, arial, verdana;
	border: 1px solid;
	width: 70px;
	height: 22px;
	cursor: pointer;
	font-size: 100%;
}

/* Domcollapse */
.trigger {
	cursor:pointer;
	width:450px;
}

.trigger:hover {
	cursor:pointer;
	width:450px;
}
	
.expanded {
	width:450px;
	cursor:pointer;
}
.expanded:hover {
	cursor:pointer;
	width:450px;
}
.show {
	position:static;
	display: table;
}
.hide {
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

/* Thumbnails */
.thumbnail {
	float: left;
	width: 110px;
	height: 130px;
	border: 0px solid #999;
	margin: 0 5px 5px 0;
	padding: 5px;
	overflow:hidden;
}

.thumbnail a {
	text-decoration: none;
}

.thumbnail:hover {
	display: block;
}

div.sfhover {
	display: block;
}

.clearboth {
	 clear: both;
}

.focus_market {
	float: left;
	width: 120px;
	height: 118px;
	border: 0px solid #999;
	margin: 0 5px 5px 0;
	padding: 5px;
}

.focus_market a{
	text-decoration: none;
}

.focus_market a:hover {
	text-decoration: underline;
}

.focus_market td{
	padding: 10px 10px 10px 10px;
}