/* Flexpaths Frontpage 2009
  Style by Djarot Studio
  http://www.djarot.com
  February 04, 2009
*/

body {
  margin:15px auto 0;
  padding:0;
  background:#434343;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px; 
  color:#333333;
}
a {color:#ff9900; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
.clear, .ft-content, .ft-content2, #main h2 {clear:both;}
#hdr h1 a, #main h1 a, #main h2 a {text-indent:-9000px;}
#hdr h1, #main h1, #main h2 {overflow:hidden;}



/* Header */
#hdr {
  background:#FFF url(images/hdr.gif) 0 0 no-repeat;
  margin:0 auto 0;
  padding:0;
  width:962px;
  height:117px;
  color:#666;
}
#hdr a {color:#666; text-decoration:none;}
#hdr a:hover {color:#F60; text-decoration:underline;}
#hdr h1, #hdr h1 a {
  width:298px;
  height:117px;
  float:left;
  margin:0; padding:0;
  font-size:12px;
  color:#434343;
}
.topnav {
  width:350px;
  float:right;
  text-align:right;
  margin:22px 0 0 0;
}
.topnav p {padding:0 30px 0 0; margin:0;}
.button {
  width:193px;
  height:28px;
  float:right;
  margin:30px 0 0 0;
  text-align:left;
}

/* Content */
#wrap {
  background:#FFF url(images/bg_wrap.gif) 0 0 repeat-y;
  width:962px;
  margin:0 auto 0;
  padding:0;
}
.content {
  background:url(images/bg_content.gif) center 0 no-repeat;
  width:962px;
}
.content h1 {color:#8f8e8e;}
#wrap p {margin:0; padding:0 0 15px 0; line-height:16px;}

.ft-content, .ft-content2 {
  width:962px;
  height:7px;
  margin:0 auto 0;
}
.ft-content {
  background:#FFF url(images/ft_content.gif) center 0 no-repeat;
  padding:0 0 5px 0;
}
.ft-content2 {
  background:#FFF url(images/ft_content.gif) center -23px no-repeat;
  padding:0;
}
.main-left {
  width:707px;
  float:left;
  margin:0;
  padding:0;
}
.main-right {
  width:210px;
  float:right;
  margin:0;
  padding:15px 15px 0 0;
}
#wrap .main-right h1 {
  color:#ff9900;
  text-indent:0;
  margin:0;
  padding:0;
  font-size:18px;
}
#wrap .main-right p {margin:0; padding:0 10px 15px 0px; line-height:15px; }
#wrap #news.main-right p {margin:0; font-size:11px; padding:7px 5px 0 0px; line-height:15px; }
#main {
  background:#FFF url(images/bg_maina.gif) 11px 0 no-repeat;
  width:707px;
  height:306px;
  float:left;
  margin:17px 0 0 0;
  padding:0 0 10px 0;
}
#main h1, #main h1 a {float:left; width:606px; height:118px; padding:0;}
#main h1 {margin:100px 0 44px 42px;}

#main h2, #main h2 a {float:right;width:340px; height:44px; padding:0;}
#main h2 {margin:0;}

.started {
  background:#FFF url(images/bg_started.gif) 11px 0 no-repeat;
  width:707px;
  height:101px;
  float:left;
  margin:0;
  padding:47px 0 0 0;
}
.st-box {
  width:351px;
  float:left;
  margin:0;
  padding:0;
}
#wrap .started p { color:#FFF; font-size:11px; line-height:16px; padding:0 0 10px 35px; margin:0;}
#wrap .started p a.getl img {float:right; position:absolute; margin:0 0 0 100px; padding:0;}
#wrap .started p a img {float:right; margin:0;}
#main2 {
  background:url(images/bg_main2.gif) 12px 0 no-repeat;
  width:706px;
  height:120px;
  float:left;
  margin:15px 0 0 0;
  padding:0;
}
#main2 p {margin:0; padding:0 20px 0 0;}
#main2 img {float:right; margin:0 0 0 15px;}

/* Footer */
#footer {
  background:#434343 url(images/ftr.gif) 0 0 no-repeat;
  width:962px;
  margin:0 auto 0;
  padding:20px 0 0 0;
  color:#aaa;
  font-size:11px;
}
#footer a {color:#aaa; text-decoration:none;}
#footer a:hover {color:#ff9900;} 
#footer p {text-align:center;}
#footer span {font-weight:bold; padding:0 5px 0 0;}
