/* based on 3 Column Layout - by Paul@YellowPencil.com */
.twidth{width:100%}
	body {min-width:770px;margin:10;padding:0;background:#fff;color:#333;font-size:76%;font-family: verdana,helvetica,sans-serif;text-align:center;}
	#bodywrap {
  /*These three ensure our 740px wide content area centers in both
  IE5 and more capable browsers. margins are for Moz/Op/Saf, text
  align here and in header is for IE 5. */
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  width: 770px;
}
	h1 {font-size:1.8em;} h2 {font-size:1.6em;} h3 {font-size:1.3em;}
	#header {margin:0;width:770px;height:142px;border:1px solid #333;background:url(../images/header.jpg) center top no-repeat;}
	#header2 {margin:0;width:770px;height:169px;border:1px solid #333;background:url(../images/flogicheader4.jpg) center top no-repeat;}
	#menu {margin:0 auto;width:760px;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;height:20px;line-height:20px;}
	#menu a {font-size:12px;padding:3px 10px;text-decoration:none;color:#000;}
	#menu a:hover {background:#ccc;}
	#container {margin:0 auto;width:770px;border-right:1px solid #333;border-left:1px solid #333;text-align:left;}
	#left {width:216px;height:230px;float:left;padding:10px;border-right:1px solid #a9b1b2;background:#f2f2f2}
	* html #left {width:216px;wid\th:216px;}
	#center {width:550px;padding-bottom:1em;padding:10px;text-align:left;margin-left: auto;
  margin-right: 0;}
  #center2 {width:550px;padding-bottom:1em;padding:10px;text-align:left;margin-left: auto;
 }
	* html #center {width:400px;wid\th:380px;}
	.clear {clear:both;font-size:.1em;}
	#footer {text-align:center;background:#8dcad6;margin:-2px auto 0 auto;width:770px;border:1px solid #333;height:auto;line-height:15px;font-size:.8em;}
	#footertext {font-size:11px;font-family: verdana,helvetica,sans-serif;text-decoration:none;}
	#footertext {
  position:relative;
	top:8px;
	left:12px;
	font-family: verdana,helvetica,sans-serif;
  font-size: 11px;
	font-weight: normal;
	color: #0a2f61;
}
#footertext a {
	text-decoration: none;
  color: #0a2f61;
}
#footertext a:hover {
	text-decoration: underline;
  color: #000000;
}
.italtext {font-size:12px;font-family: verdana,helvetica,sans-serif;color: #0a2f61;font-weight:bold; font-style:italic;}
.listtext {font-size:12px;font-family: verdana,helvetica,sans-serif;color: #0a2f61;font-weight:normal;}
#linktext ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: verdana,helvetica,sans-serif;
  font-size: 12px;
	font-weight: normal;
	color: #0a2f61;
	}
#linktext {	
	font-family: verdana,helvetica,sans-serif;
  font-size: 12px;
	font-weight: normal;
	color: #0a2f61;
	}
#linktext a {
	text-decoration: none;
  color: #0a2f61;
}
#linktext a:hover {
	text-decoration: underline;
  color: #000000;
}

#linktext2 {	width:500px;
	font-family: verdana,helvetica,sans-serif;
  font-size: 12px;
	font-weight: normal;
	color: #0a2f61;
	}

#linktext2 ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: verdana,helvetica,sans-serif;
  font-size: 10px;
	font-weight: normal;
	color: #0a2f61;
	}
#linktext2 li{	
	font-family: verdana,helvetica,sans-serif;
  font-size: 10px;
	font-weight: normal;
	color: #0a2f61;
	}
#linktext2 a {
	text-decoration: none;
  color: #0a2f61;
}
#linktext2 a:hover {
	text-decoration: underline;
  color: #000000;
}

.gradualshine{
filter:alpha(opacity=60);
-moz-opacity:0.60;
}

/*side navigation*/
#navlist {
    text-indent:25px;
    line-height:25px;
    margin:10px 9px;
	float:left;
	position: absolute;
	top: 187px;
                width: 195px; 
}


#navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: verdana,helvetica,sans-serif;
	font-size: 12px;
	font-weight:bold
}
#navlist li {
	margin: 0 0 7px 0;
}
#navlist a {
	/*/*/display: block ;
	background-color:#dddede; 
	padding: 2px 0px 2px 2px;
	border: 1px solid #a7b0b2;
	width: 195px;
	height: 25px;
               /* */
}
#navlist a:link, #navlist a:visited {
	color: #7c7f7f;
	/*/*/color: #7c7f7f;
	text-decoration: none; /* */
}
#navlist a:hover, #navlist a:active {
	/*/*/display: block;
	background-color:#a5d9f4;
	padding: 2px 0px 2px 2px;
	border: 1px solid #1173a1;
	width: 195px;
	height: 25px;
    color: #0a2f61;    
	text-decoration: none;         /* */ 
               
}


/* page tables and boxes*/



.box {
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:12px;font-family: verdana,helvetica,sans-serif;text-decoration:none;font-color:#000;
	background: transparent;
	border: 0;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: auto;
	position:relative;
	}
	.box2 {
	text-align:left;
	vertical-align:baseline;
	line-height:20px;
	font-size:12px;font-family: verdana,helvetica,sans-serif;text-decoration:none;font-color:#000;
	background: transparent;
	border: 0;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: auto;
	position:relative;
	}
.faqbox{
	background: transparent;
	background-color:#a5d9f4;
	border: 1px solid #1173a1;
	margin:inherit;
	padding: 7px;
	width: auto;
	height: auto;
	font-family: verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight:bold;
	position:absolute;
	text-align:left;
	vertical-align:top;
}

.portfolio{
	font-family: verdana,helvetica,sans-serif;
	font-size: 11px;
	list-style-type: none;
	background: transparent;
	border: 1px solid #77af9d;
	padding: 7px;
	margin-left:150px;
	width: 200px;
	height: auto;
	position:inherit;
	text-align:center;
	vertical-align:top;
	background-color:#d8fae7;
	}
.portfolio a {
	text-decoration: none;
  color: #000000;
}
.portfolio a:hover {
	text-decoration: underline;
  color: #0a2f61;
}
.divider{

	width: 505px;

	background-color:#a7b0b2; 
	}


.fpwebbox {

	background: url(../images/frontpage_webicon2.jpg) right top no-repeat transparent;
	border: 1px solid #a7b0b2;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: 158px;
	position:relative;
	text-decoration: none;
	}
	
.fpoffshorebox {

	background: url(../images/frontpage_offshoreicon2.jpg) right top no-repeat transparent;
	border: 1px solid #a7b0b2;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: 158px;
	position:relative;	
	text-decoration: none;
}

.fpcontactbox {

	background: url(../images/frontpage_contacticon2.jpg) right top no-repeat transparent;
	border: 1px solid #a7b0b2;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: 158px;
	position:relative;
	text-decoration: none;	
}

.fptextbox {
	
	background:transparent;
	padding: 0;
	margin:30px 0 0 10px;
	width: 283px;
	height: auto;
	position:relative;
	text-align:left;
	vertical-align:middle;
	line-height:20px;
	font-size:14px;font-family:Tahoma;text-decoration:none;font-color:#000;
	}


/*subpages layout*/

#pageheader_web{
	background: url(../images/pageheader_web.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede;
	border: 0 solid #a7b0b2;
	}

#pageheader_offshore{
	background: url(../images/pageheader_offshore.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede; 
	border: 0 solid #a7b0b2;
	}

#pageheader_reservations{
	background: url(../images/pageheader_reservations.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede;
	border: 0 solid #a7b0b2;
	}

#pageheader_resellers{
	background: url(../images/pageheader_resellers.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede;
	border: 0 solid #a7b0b2;
}
#pageheader_about{
	background: url(../images/pageheader_about.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede;
	border: 0 solid #a7b0b2;
	}
#pageheader_contact{
	background: url(../images/pageheader_contact.jpg) center top no-repeat transparent;
	margin:0;
	margin-left: auto;
	width:504px;
	height:60px;
	border:0;
	background-color:#dddede;
	border: 0 solid #a7b0b2;
	}
	
#spacing{
	
	margin:inherit;
	width:1px;
	height:10px;
	border:0;
	
	}

#imagebanner1{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/webbanner.jpg) center top no-repeat;
}	
#imagebanner2{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/offshorebanner.jpg) center top no-repeat;
}

#imagebanner3{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/reservationsbanner2.jpg) center top no-repeat;
}

#imagebanner4{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/resellersbanner.jpg) center top no-repeat;
}

#imagebanner5{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/contactbanner.jpg) center top no-repeat;
}

#imagebanner6{
	
	margin:inherit;
	width:505px;
	height:187px;
	border:0;
	background:url(../images/under_construction.jpg) center top no-repeat;
}
#imagebanner7{
	
	margin:inherit;
	width:505px;
	height:130px;
	border:0;
	background:url(../images/aboutbanner.jpg) center top no-repeat;
}
#pagetext{
	
	background: transparent;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: auto;
	position:relative;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:12px;font-family: verdana,helvetica,sans-serif;text-decoration:none;font-color:#000;
}
#pagetext2{
	
	background: transparent;
	padding: 0;
	margin:inherit;
	width: 505px;
	height: 464px;
	position:relative;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	
}
.contactlink {

font-size:12px;font-family: verdana,helvetica,sans-serif;
}

.contactlink a {
	text-decoration: underline;
  color: #0000ff;
}
.contactlink a:hover {
	text-decoration: underline;
  color: #0a2f61;
  }
  
  
/* flashbars */

#flashbar {
  position:relative; /* set in order to place children absolutely */
	background:#FFFFFF;
	top:0px;
	width:770px;
	height:169px;
		     }
html>body #flashbar {
	width:770px;
     }

#flashbarflash {    /* flash anim */
  position:absolute;
	top:0px;
	
  border:0;
	height:169px; 
	padding:0;
}

#flashbar img {    /* remove border from image */
  position:absolute;
	top:0px;
	left:0px;
  border: 0;
	height:169px; 
	padding:0;
}
/*webflash */
#webflashbar {
  position:relative; /* set in order to place children absolutely */
	background:#FFFFFF;
	top:0px;
	width:504px;
	height:130px;
		     }
html>body #webflashbar {
	width:504px;
     }

#webflash {    /* flash anim */
  position:absolute;
	top:0px;
	
  border:0;
	height:130px; 
	padding:0;
}

#webflashbar img {    /* remove border from image */
  position:absolute;
	top:0px;
	left:0px;
  border: 0;
	height:130px; 
	padding:0;
}

/* for Mozilla/Safari/Opera */
*>.box {
 padding-top: 200px;
 min-height: 1px;
}
*>.box p {
 margin-top: -200px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .box {
 height: 200px;
}
/* end filter */

pre{
background-color:#EFEFEF;
}

.headers{
font: bold 16px Arial;
cursor:hand;
cursor:pointer;
}
.switchcontent{display:none;}

/* barebones expandable list */

ul.barebones {
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left: 1em;
    padding: 0;
}

ul.barebones ul {
    display: none;
    margin: 0;
    padding-left: 1.5em;
}

ul.barebones li {
    list-style-type: none;
    position: relative;
}

ul.barebones a.switch {
    font-weight: bold;
    left: -1em;
    position: absolute;
}

ul.barebones a { text-decoration: none; color: #1173a1; }
ul.barebones a:hover { text-decoration: underline; color: #0a2f61; }
ul.barebones a.switch:hover { text-decoration: none; color: #1173a1; }

#right{float:right;}
#left{ float:left;}