/* Copyright Xemik Solutions! Ltd */
/* http://www.xemik.com */
body, img, div, p, ul, ol, form
{
  margin: 0;
  border: none;
  padding: 0
}

body
{
  background: #e4e4e4 url(../gfx/bg_main.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;
}

#container {position: relative; background: #FFF url(../gfx/bg.gif) repeat-y; width: 905px; margin: 0 auto; overflow: auto; padding-left: 50px}

.right {float: right;}
.left {float: left;}
h1, h2, h3, h4, h5 {color: #3FB2D2; margin: 0; padding: 0; letter-spacing: -1px; font-size: 35px;}
h2 {font-size: 30px;}
h3, h4 {font-size: 25px; color: #013446;}
#content { width: 100%; background: url(../gfx/bg_rbar.png) repeat-y right; }
#main { width: 694px;}
.xnet {color: #3FB2D2; font-style: italic; font-weight: bold }

#header
{
   margin-top: 5px; width: 100%; height: 133px; padding: 0;
}

#header h1
{
  margin-left: 270px;
  padding-top: 40px;
}

#xsllogo
{
   position:absolute;
   left:55px;
   top:5px;
}

#fflogo
{
   position:absolute;
   right:0px;
   top:5px;
}

#tblogo
{
   position:absolute;
   right:0px;
   top:53px;
}

/* Navigation */
#nav
{
  clear: both;
  width: 100%;
  background: #02384A;
  height: 35px;
  border-top: 2px solid #F00;
  border-bottom: 2px solid #F00
}

ul#navigation
{
  width: 100%;
  color: #fff;
  font-weight: bold;
}
ul#navigation li {float: left; margin-right: 20px; font-size: 14px; height: 35px; line-height: 2.4em; list-style: none}
ul#navigation li a {color: #fff; text-decoration: none; outline: none;}
ul#navigation li a:hover {color: #3FB2D2;}

#home li.navhome, #links li.navlinks, #services li.navservices, #about li.navabout, #order li.navorder {background: url(/gfx/bg_navigation_arrow.png) no-repeat bottom;}
#home li.navhome a, #links li.navlinks a, #services li.navservices a, #about li.navabout a, #order li.navorder a{color: #3FB2D2;}
					
ul#navigation li.right {float: right; margin: 0; padding-right: 20px;}
ul#navigation li.right img {float: left; padding: 9px 5px 0 0;}

.box {background: #fff url(/gfx/bg_boxes.png) repeat-x bottom; border: 1px solid #c8e9f3;}
.hl {color: #3FB2D2;}
.hlalt {color: #013446;}
ul.btns li {float: left; list-style: none}
ul.btns li a {float: left; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; padding: 10px 20px; background: #09c url(/gfx/bg_btns.png) repeat-x top; margin-right: 10px;}
ul.btns li a:hover {background: #5EB4CA url(/gfx/bg_btns.png) 0 -40px; color: #fff;}
ul.btns li.alt a {background: #00222e url(/gfx/bg_btns.png) 0 -80px;}
ul.btns li.alt a:hover {background: #02384a url(/gfx/bg_btns.png) 0 -120px; color: #fff;}
a {color: #3FB2D2;}
a:hover {color: #013446; }

/* Right Bar */
#rightbar {float: right; width: 196px; margin-left: 15px; padding-top: 5px; }
#rightbar h4 {color: #02384A; font-size: 18px; padding: 10px 0 10px 13px; text-align: left; letter-spacing: -1px;}
#rightbar ul {padding-left: 12px; width: 175px}
#rightbar li {margin-bottom: 5px; text-align: left; list-style: none}
#rightbar li a {padding-left: 30px; width: 141px; display: block; height: 26px; text-decoration: none; line-height: 220%; color: #02384A; background: #EBEBEB url(/gfx/p.gif) no-repeat 8px 6px;}
#rightbar li a:hover {color: #3FB2D2; }

/* Footer */
#footer
{
  clear: both;
  width: 100%;
  background: #2eabd2;
  height: 30px;
  padding-top: 10px;
  border-top: 2px solid #F00;
  border-bottom: 2px solid #F00
}

#footer a {color: #fff;}
#footer a:hover {color: #02384A}
#footer ul {width: 610px; margin: 0 auto;}
#footer ul li {text-align: center; float: left; margin-right: 20px;}
#footer img { float: right; margin-top: -5px}

#copy
{
  margin-top: 10px;
  font-size: 10pt;
  padding-right: 5px;
  text-align: right;
  background: #c8e9f3;
  clear: both
}

#paypal
{
  position: absolute;
  bottom: 70px;
  right: 24px;
}