/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* {
	margin: 0;
	padding: 0;
	text-align: left;
}
body {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 50px 0px;
}
#page-wrap {
	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 10px 20px 0px;
	background: white;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}
#page-wrap > div {
	border: 0px solid #999;
	padding: 0px;
	margin-bottom: 0px;
	color: black;
}
/*#header { background: #fff; }*/

#secondary-one {
	background: #fff;
	height: 15px;
}
#secondary-two {
	background: #fff;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
#cfsa {
	position:relative;
	height:39px;
	width:213px;
	margin:0 auto;
}
#cfsa img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cfsa img.top:hover {
	opacity:0;
}
#cfcu {
	position:relative;
	height:39px;
	width:213px;
	margin:0 auto;
}
#cfcu img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cfcu img.top:hover {
	opacity:0;
}
#cf {
	position:relative;
	height:39px;
	width:213px;
	margin:0 auto;
}
#cf img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#cf img.top:hover {
	opacity:0;
}
#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}
#bg td {
	/*text-align:center;*/
    vertical-align:middle;
}
#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}
 @media screen and (max-width: 1024px) {
 img.bg {
 left: 50%;
 margin-left: -512px;
}
}
#header {
	background-repeat: no-repeat;
	height: 184px;/*width:  900px;*/
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#tagline-content {
	margin-top:10px;
	background: #fff;/*text-align: center;*/
}
#tagline-content h3 {
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main-content {
	margin-top:10px;
	background: #fff;/*text-align: center;*/
}
#main-content p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main-content h1 {
	text-align:center;
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main-content h3 {
	text-align:center;
	color:#3366FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main-content h4 {
	text-align:center;
	color:#0033FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#main-content h5 {
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidebar1 {
	float: left;
	width: 375px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color:#FFFFFF;
	padding: 10px 0px 0px 0px;  /*top and bottom padding create visual space within this div */
}
#sidebar2 {
	float: right;
	width: 375px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color:#FFFFFF;
	padding: 10px 15px 15px 15px;  /*top and bottom padding create visual space within this div */
}
#sidebar2 p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidebar3 {
	float: left;
	width: 235px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color:#FFFFFF;
	padding: 10px 0px 0px 0px;  /*top and bottom padding create visual space within this div */
}
#sidebar4 {
	float: right;
	width: 215px;
	background-color:#FFFFFF;/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 5px 5px;  /*top and bottom padding create visual space within this div */
	border:groove;
	border-width:thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	border-color: #666666;
	margin: 0px 5px 5px 10px;
	text-align:right;
	position:static;
}
#sidebar5 {
	float: left;
	width: 405px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color:#FFFFFF;
	padding: 10px 10px 0px 0px;  /*top and bottom padding create visual space within this div */
}
#sidebar6 {
	float: left;
	width: 215px;
	background-color:#FFFFFF;/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 5px 5px;  /*top and bottom padding create visual space within this div */
	border:groove;
	border-width:thin;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	border-color: #666666;
	margin: 0px 10px 1px 0px;
	text-align:left;
	position:static;
}
#sidebar7 {
	float: right;
	width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-color:#FFFFFF;
	padding: 10px 15px 15px 15px;  /*top and bottom padding create visual space within this div */
}
#footer {
	margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	/*height: 50px;*/
	/*width: 900px;*/
	/*background-image:url(../images/page_t.jpg);*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:small;
	padding-top: 0px;
}
#footer ul {
	font-size: 90%;
}
#footer ul li a {
	text-decoration: none;
	color: #FFFF00;
	font-weight: bold;
}
#footer ul li a:hover {
	color: #999900;
	font-weight:bold;
}
#footer ul li a.on {
	color: #ad6646;
}
#footer a {
	text-decoration: none;
	color: #CCCC00;
	font-weight: bold;
}
#footer a:hover {
	color: #FF6600;
	font-weight:bold;
}
#footer a.on {
	color: #ad6646;
}
#footer table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer tr {
	background-image:url(../images/page_t.jpg);
	vertical-align:middle;
}
#footer p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align: center;
	font-size:small;
}
#tbl table {
	border-collapse: collapse;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust:70%;
}
#tbl li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
#tbl th {
	padding: 0 0.5em;
}
#tbl tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	text-align:center;
}
#tbl tr.center td {
	text-align:center;
}
#tbl td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}
#tbl td.width {
	width: 190px;
}
#tbl td.adjacent {
	border-left: 1px solid #CCC;
}
#tbl p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	/*text-align:left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
#tbl h1 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}
#tbl h3 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}
#tbl h4 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}
#tbl h5 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#frmtbl table {
	border-collapse: collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust:70%;
}
#frmtbl th {
	padding: 0 0.5em;
}
#frmtbl tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background-color:#FFFF99;
}
#frmtbl tr.gray td {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#frmtbl td {
	padding: 0 0.5em;
}
#frmtbl td.width {
	width: 190px;
}
#frmtbl td.adjacent {
	border-left: 1px solid #CCC;
}
#frmtbl p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	/*text-align:left;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
#frmtbl h1 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}
#frmtbl h3 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}
#frmtbl h5 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFF99;
}
#frmtabl p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
#frmPhptbl table {
	border-collapse: collapse;
	border-style:solid;
	border-color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust:70%;
}
#frmPhptbl th {
	padding: 0 0.5em;
}
#frmPhptbl tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background-color:#FFFF99;
}
#frmPhptbl tr.gray td {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#frmPhptbl td {
	padding: 0 0.5em;
}
#frmPhptbl td.width {
	width: 125px;
}
#frmPhptbl td.adjacent {
	border-left: 1px solid #CCC;
}
#frmPhptbl p {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
#frmPhptbl h1 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}
#frmPhptbl h3 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}
#frmPhptbl h5 {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFF99;
}
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
 .TabbedPanels {
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	clear: none;
	width: 100%; /*IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 15px 0px;
	padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}
/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 10px;
}
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*
Popup Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

#contactus fieldset {
	width:320px;
	padding:20px;
	border:1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#contactus legend, h2 {
	font-family : Arial, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#333;
}
#contactus label {
	font-family : Arial, sans-serif;
	font-size:0.8em;
	font-weight: bold;
}
#contactus input[type="text"], textarea {
	font-family : Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height:140%;
	color : #000;
	padding : 3px;
	border : 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#contactus input[type="text"] {
	height:18px;
	width:220px;
}
#contactus #scaptcha {
	width:60px;
	height:18px;
}
#contactus input[type="submit"] {
	width:100px;
	height:30px;
	padding-left:0px;
}
#contactus textarea {
	height:120px;
	width:310px;
}
#contactus input[type="text"]:focus, textarea:focus {
	color : #009;
	border : 1px solid #990000;
	background-color : #ffff99;
	font-weight:bold;
}
#contactus .container {
	margin-top:8px;
	margin-bottom: 10px;
}
#contactus .error {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	color: #900;
	background-color : #ffff00;
}
#contactus fieldset#antispam {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}
#contactus fieldset#antispam legend {
	font-family : Arial, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
}
#contactus .short_explanation {
	font-family : Arial, sans-serif;
	font-size: 0.6em;
	color:#333;
}
#fg_formContainer {
	height:500px;
	width:390px;
	background:#FFFFFF;
	border:1px solid #000;
	padding:0;
	position:absolute;
	z-index:999;
	cursor:default;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	display:none;
}
#fg_container_header {
	height:30px;
	background:#9B30FF;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius: 10px;
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius: 10px;
}
#fg_container_header a {
	color:#fff;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:bold;
}
#fg_box_Title {
	float:left;
	width:180px;
	margin:5px;
	color:#fff;
	font-family:Verdana, Arial;
	font-size:12pt;
	font-weight:bold;
}
#fg_box_Close {
	float:right;
	width:80px;
	margin:5px;
}
#fg_form_InnerContainer {
	margin:15px;
}
#fg_form_InnerContainer h2 {
	font-family : Arial, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color:#333;
}
#fg_form_InnerContainer p {
	font-family : Arial, sans-serif;
	font-size: 12pt;
	color:#333;
}
#fg_backgroundpopup {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000000;
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
	border:1px solid #cecece;
	z-index:1;
	display:none;
}
#fg_submit_success_message {
	display:none;
	padding:15px;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-family : Arial, sans-serif;
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
#fg_crdiv p {
	display:none;
}
/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 42px;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../images/purpleslate_background.gif) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.blue #slatenav ul {
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.blue #slatenav ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.blue #slatenav ul li a {
	display: block;
	float: left;
	color: #FECF03;
	text-decoration: none;
	padding: 14px 12px 0 12px;
	height: 28px;
}
.blue #slatenav ul li a:hover, .blue #slatenav ul li a.current {
	color: #fff;
	background: transparent url(../images/purpleslate_backgroundOVER.gif) no-repeat top center;
}
/* ---------------------- END Blueslate nav ---------------------- */

#spacer {
	width:900px;
	height:200px;

}

h1
{
	background: inherit;
	border-bottom: 1px dashed #ccc;
	color: #933;
	font: 17px Georgia, serif;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: center;
}

h4
{
	background: inherit;
	border-top: 1px dashed #ccc;
	color: #933;
	font: 17px Georgia, serif;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: center;
}

/*---< Hoverbox Code >----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	width: 740px;
	margin: auto;
	position: relative;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img.wide
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox img.tall
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: auto;
	height: auto;
}