/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%;}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;  background:#fcfcfc url(images/main_bg.gif) top center repeat-x;}
.main2 { margin:0 auto; padding:0; background:#fcfcfc url(images/main_bg2.gif) top center repeat-x;}
/********** header **********/
.header {  padding:0; margin:0 auto; width:980px;}
/* logo */
.logo {padding:0; margin:0; width:335px; float:left;}
/* rss */
.rss { width:250px; margin:0; padding:23px 0 0 20px; float:left; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#505050; line-height:1.8em;}
/* Click */
.Click { width:250px; float:left; padding:15px 0 16px 0; margin:0; font: bold 11px Arial, Helvetica, sans-serif; color:#a4a3a3; line-height:1.6em; text-align:right;}
/*menu*/
.menu { padding:0; margin:0;  width:580px; float:right;}
.menu ul { text-align: left;  padding:23px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:13px 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:7px 5px; color:#909090; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a:hover, .menu ul li a.active { color:#fff; background:#3b3b3b; border:1px solid #474747; padding:6px 4px;  }
/* search */
.search { padding:10px 0 0 0; margin:0; width:230px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:168px; padding:0; height:32px;}
.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:8px 2px 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a4a4a4;}
.search form .button { float:left; margin:0; padding:0;}
/* click_blog */
.click_blog a { color:#fff; text-decoration:none;}
.click_blog img { float:left; margin:0; padding:0 10px 0 0;}
.click_blog { width:940px; font: italic 12px Tahoma, Geneva, sans-serif; color:#8d8d8d; padding:10px 20px; margin:20px auto 0 auto; line-height:1.8em; background:#1a1a1a; border:1px solid #616161;}
.click_blog p { width:600px; float:left; padding:5px 0 0 0; margin:0;}
.click_blog img.floated { float:right; margin:0 3px; padding:5px;}
/* click_blog */
.click_blog2 a { color:#686868; text-decoration:none;}
.click_blog2 img { float:left; margin:0; padding:0 10px 0 0;}
.click_blog2 { width:970px; font: italic 12px Tahoma, Geneva, sans-serif; color:#8d8d8d; padding:10px 5px; margin:20px auto 0 auto; line-height:1.8em;}
.click_blog2 p { padding:0; margin:0;}
/* FBG */
.FBG { background:#fff url(images/FBG_bg.gif) top center no-repeat; padding:5px 0; margin:0;}
.FBG_resize { width:980px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#98b755; text-decoration:none; }
.FBG_resize h2 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#504f4f; padding:10px 0; margin:0;}
.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; color:#adadad; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize ul { padding:0; margin:0; list-style:none;}
.FBG_resize li { padding:5px 0; margin:0;  border-bottom:1px solid #ececec; }
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#aeaeae; padding:5px 0; margin:0;text-decoration:none;}
.FBG_resize li a:hover { color:#98b755; text-decoration:none;}
.FBG_resize .blog { width:210px; float:left; margin:0; padding:20px 30px 10px 0;}
/* body */
.body_resize { width:980px; margin:0 auto; padding:30px 0 0 0;}
.body_resize2 { width:980px; margin:0 auto; padding:0;}
.body { padding:10px  0; margin:0 auto; }
.body h2 { font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#686868; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #e9e9e9;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#c7c7c7;}
.body h3 { color:#27619c; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0; margin:0; }
.body .menu2 { width:170px; float:right; padding:0; margin:0;}
.body .menu2 a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none;}
.body .menu2 a:hover { color:#27619c; text-decoration:underline;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797; line-height:1.8em; padding:10px 0; margin:0;}
.body ul { font:normal 13px Arial, Helvetica, sans-serif; color:#979797; }
.body a { color:#7ba8b6; text-decoration:none;}
/* .body p span { padding:0 0 0 15px; background:url(images/data.gif) left no-repeat;} */
.body p span { padding:0 0 0 15px;}
.body img { margin:5px auto; padding:5px; border:1px solid #e9e9e9; background:#fff;}
.body img.floated { float:left; margin:5px 0; padding:0; border:none; background:none;}
.body img.serv { margin:5px 10px 5px 0; padding:5px; border:1px solid #e9e9e9; background:#fff; float:left;}
.right { width:645px; margin:10px 0; padding:0 45px 0 0; float:left;}
.left { width:290px; margin:10px 0; padding:0; float:right;}
.port { width:290px; margin:10px 0; padding:0 55px 0 0; float:left;}
.last { padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:5px 0; color:#7b7b7b; font: bold 12px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #e0e0e0; margin:2px 0; padding:5px 2px; height:16px; background:none; float:left; }
#contactform textarea { width:450px; border:1px solid #e0e0e0; margin:2px 0; padding:2px; background:none; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:5px 20px;  margin:0 auto; background: #f4f4f4 url(images/footer_bg.gif) top repeat-x;}
.footer_resize { width:980px; margin:0 auto; padding:5px 0; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#a9a9a9;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #e9e9e9;}
/* Slider */
#slider {  width:1060px; padding:0; margin:0 auto;}
#slider h2 { font: normal 40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:40px 0 30px 0; margin:0;}
#slider .flash_slider { width:980px; height:300px; margin:0; overflow:hidden;}
#slider img { padding:0;}
.slide_blog { width:280px; float:left; padding:5px 20px;}
.slide_blog img { float:left; margin:0; padding:10px 10px 0 0;}
.slide_blog h3 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1e1e1e; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #d7d7d7;}
.slide_blog h3 span { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#979797; padding:0; margin:0;}
.slide_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#979797; padding:0; margin:0; line-height:1.8em;}
/*s3Slider*/
#s3slider {
   width: 1100px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 1000px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: absolute; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.sliderleft {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.sliderright {
	right: 0;
	bottom: 0;
	width: 0px !important;
	height: 0px;
}

.s3sliderImage span strong {
    font-size: 12px;
}

button {
  color: #900;
  font-weight: bold;
  font-size: 150%;
}
#dateBox {
	 float:right;
	 color: #00000;
}

#pfbc_banner h2, #pfbc_banner h5 {
	padding: 0; 
	margin: 0; 
}	
#pfbc_links {
	text-align: right;
	padding: 5px;
}
#pfbc_banner {
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 10px 5px; 
	background-color: #efefef;
}
#pfbc_banner h5 {
	font-style: italic;
}
#pfbc_banner a {
	color: #000;
}
.pfbc_doc_section {
	margin: 20px 0;
}
.pfbc_doc_section h3 {
	border: 1px solid #ccc; 
	padding: 5px;
	margin: 10px 0 0 0;
	background-color: #efefef;
}
.pfbc_doc_section h4 {
	padding: 0 10px;
	margin: 0;
	font-size: 16px;
}
#pfbc_content {
	padding: 10px 5px;
}
#pfbc_screenshots {
	padding-left: 10px;
	float: right;
}
#pfbc_screenshots img {
	border: 0;
}
#pfbc_content pre {
	border: 1px solid #3366CC;
	background-color: #E5ECF9;
	padding: 5px;
	font-family: Courier New, monospace;
}
#pfbc_content h4 {
	margin: 0;
	padding: 0.5em 0;
}
#pfbc_content .pfbc_doc_section pre {
	margin: 0 10px;
}
#pfbc_content .pfbc_doc_section td pre {
	margin: 0 !important;
}
code {
	white-space: nowrap;
}
.pfbc_doc_section p {
	padding: 10px;
	margin: 0;
}
.pfbc_doc_section table {
	margin: 0 10px 15px 10px;
	border-collapse: collapse;
}
.pfbc_doc_section td {
	border: 1px solid #bbb;
	background-color: #fafafa;
	padding: 5px;
	font-family: Courier New, monospace;
	vertical-align: top;
}
.c302desc {
    overflow: auto;
	width: 500px;
	height: 100px;
	background-color: #FDFDFD;
}

.c302desc {
	display: none;
}
/*******************BUTTONS****************************/
.button
{
	padding: 3px 10px;
}

.button .border
{
	border: 1px solid #a0a0a0;
}

.button .border.side.left
{
	border-right: 1px solid #444444 !important;
}

.button .border.side.center
{
	border-right: 1px solid #444444 !important;
	border-left: 1px solid #ffffff !important;
}

.button .border.side.right
{
	border-left: 1px solid #ffffff !important;
}

.button .background.main
{
	background: #eeeeee;
}

.button .background.top
{
	background: #f3f3f3;
}

.button .background.bottom
{
	background: #e3e3e3;
}

.button .border.hover
{
	border-color: #666666;
}

.button .border.down
{
	border-color: black;
}

.button .background.top.down
{
	background: #e3e3e3;
}

.button .background.bottom.down
{
	background: #f3f3f3;
}

.button.active
{
	color: white;
}

.button .background.main.active
{
	background: #aaaaaa;
}

.button .background.top.active
{
	background: #a1a1a1;
}

.button .background.bottom.active
{
	background: #b2b2b2;
}

.button .border.active
{
	border-color: #222222;
}

.button .border.side.center.active, .button .border.side.right.active
{
	border-left: 1px solid #cccccc !important;
}

.button .dropdown
{
	border: 1px solid #a0a0a0;
	color: black;
	background: white;
	padding: 4px;
	list-style: none;
}

.button .dropdown.active li
{
	background: #ffffff;
	color: black;
}

.button .dropdown.active li:hover
{
	background: #eeeeee;
}