/* @override 
	http://radiofootprint.com/_css/main.css
*/

/*
CSS By electricSnow.co.uk

In here we have all css stuff, enjoy.
BTW - http://macrabbit.com/cssedit/ is an ace application!

Please feel free to borrow, steal, abduct, and/or torture the code contained in this file. Though you need not give credit to
electricsnow.co.uk, a comment in your source code would help other developers.

Stay hungry, Stay foolish. 
*/

/* @group Staple Stuff */

/* Body */

html {
	background: transparent;
}

body {
	font: normal normal .85em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	color: #fff;
	line-height: 110%;
	text-align: left;
	background: transparent url(../_img/layout.sliceBody.png) 0 0;

}

/* Standard stuff */

img {
	border-style: none;
}

h2 {
	margin: 15px 0px 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin: 0px 0px 6px;
	padding: 0px;
}

p {
	text-align: left;
	outline: 0px;
	margin: 10px 0;
}

a {
	outline: none;
}

#layoutLeft-home a {
	outline: none;
	text-decoration: none;
	color: #d77b21;
}

#layoutLeft-home a:hover {
	color: #bf2e1a;
}

#layoutLeft-home a:active {
	color: #ffdf6b;
}

.colorMe {
	color: #d77b21;
}

.buttonMe a {
	background-color: #323232;
	padding: 5px;
	text-transform: uppercase;
	color: #000;
	border: 1px solid #d77b21;
}

.buttonMe a:hover {
	padding: 5px;
	text-transform: uppercase;
	color: #000;
	border: 1px solid #bf2e1a;
}

#directoryList ul li {
	margin-left: -18px;
}

#directoryList ul {
	margin-bottom: 10px;
}

#directoryList .groupList {
	float: left;
	width: 11em;
	min-height: 11em;
	overflow: hidden;
}

#footer #directoryList {
	display: none;
}

/* @end */

/* @group Layout Stuff */

/* @group Page Items */

#scrollPane li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#scrollPane ul.overview a {
	display: block;
}

#scrollPane ul {
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0 0 20px;
}

div#imgBox {
	float: left;
	margin: 20px 0px 0px;
}

div#imgBox img {
	padding-right: 5px;
}

div#imgBox.dasign {
	margin: 0px 0px 0px 20px;
}

/* @end */

#container {
	width: 900px;
	margin: 0px auto;
}

#content {
	/*

margin-top: -15px;*/
	background: transparent url(../_img/layout.sliceTop.png) 0 top;
}

#layoutLeft-home {
	float: left;
	width: 500px;
	background: transparent;
}

#layoutRight-home {
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
	height: 542px;
	background: url(../_img/layout.logoRight.png) no-repeat -16px top;
}

.layoutCleaner-home {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#pre-footer {
	background: #ebebeb url(../_img/layout.footerShadow.png) no-repeat center -2px;
	height: 30px;
}

#footer, #footer a {
	color: #a1a1a1;
	background: transparent;
	margin-top: -20px;
	font-size: 11px;
}

#footer a {
	text-decoration: none;
	color: #717171;
}

#footer span .box {
	border: 1px solid #c8c8c8;
	display: block;
}

#footer a:hover {
	color: #575757;
	text-decoration: none;
}

/*

 @end */

/* @group Directory Nav */

.footer {
	padding-left: 10px;
	margin: 1px;
	border-top: 1px solid #E5E5E5;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

/* DIRECTORY NAV */

#directorynav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#directorynav li {
	margin: 0;
	padding: 3px 0 0;
}

#directorynav {
	font-size: 11px;
	background: #f9f9f9;
	border: 1px solid #c3c3c3;
	width: 900px;
	padding: 10px 0;
	margin: 0px;
	display: none;
}

#directorynav h3 {
	margin: 5px 0 0;
	color: #1a1a1a;
	text-transform: uppercase;
}

#directorynav .column {
	padding: 9px 0 0 20px;
	float: left;
	padding: 0;
}

#directorynav .column.last {
	float: left !important;
	padding-right: 0;
}

#directorynav a {
	_zoom: 1;
	color: #1a1a1a;
	text-decoration: none;
}

#directorynav li a:link,
#directorynav li a:active {
	color: #9c9c9c;
	text-decoration: none;
	text-transform: capitalize;
}

/*#directorynav li a:visited {
	text-decoration: line-through;
}*/

#directorynav h3.standalone a:link {
	color: #444;
}

#directorynav a:hover {
	color: #333 !important;
	text-decoration: none !important;
}

#directorynav .capbottom {
	clear: both;
	position: relative;
	top: 5px;
	_top: 12px;
	height: 5px;
	width: 900px;
}

/* DIRECTORY NAV CUSTOM WIDTHS */

#directorynav #dn-cola {
	width: 120px;
	padding-left: 10px;
}

#directorynav #dn-colb {
	width: 160px;
}

#directorynav #dn-colc {
	width: 130px;
}

#directorynav #dn-cold {
	width: 120px;
}

#directorynav #dn-cole {
	width: 130px;
}

#directorynav #dn-colf {
	width: 130px;
}

#directorynav #dn-colg {
	width: 100px;
}

/* @end */

/* @group Scroll Window */

/* @group No Scroll */

#windowContainer.noScroll {
	overflow: hidden;
}

#windowContainer.noScroll h2 {
	margin: 5px 0px 0px;
	padding: 0px;
}

#windowContainer.noScroll {
	background: transparent url(../_img/layout.mainBack.noScroll.png) no-repeat;
}

#windowContainer.noScroll #scrollPane {
	width: 505px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px 0px 0px;
}

#windowContainer.noScroll .stream_fade {
	display: none;
}

#windowContainer.noScroll #titleBar {
	width: 505px;
	background: transparent url(../_img/layout.titleBar.noScroll.png) no-repeat
}

/* @end */

#loadstatus {
	margin-top: 200px;
}

.stream_fade {
	z-index: 1;
	position: relative;
	height: 40px;
	width: 480px;
	margin-top: -36px;
	background: url(../_img/layout.fade.png) repeat-x;
}

#windowContainer {
	background: transparent url(../_img/layout.mainBack.png) no-repeat;
	height: 470px;
	width: 505px;
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 25px;
	font-size: 12px;
	margin-top: 40px;
}

#scrollPane {
	height: 390px;
	text-align: justify;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 483px;
	overflow: auto;
	background: transparent;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	min-height: 15px;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*

background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover {
	
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*

background-color: #666;*/
	height: 9px;
}

a.jScrollArrowDown:hover {
	
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}

.darkScroll .jScrollPaneTrack {
	background: url(../_img/scroll.track.gif) repeat-y;
}

.darkScroll .jScrollPaneDrag {
	background: url(../_img/scroll.drag_middle.gif) repeat-y;
}

.darkScroll .jScrollPaneDragTop {
	background: url(../_img/scroll.drag_top.gif) no-repeat;
	height: 6px;
}

.darkScroll .jScrollPaneDragBottom {
	background: url(../_img/scroll.drag_bottom.gif) no-repeat;
	height: 7px;
}

.darkScroll a.jScrollArrowUp {
	height: 24px;
	background: url(../_img/scroll.arrow_up.png) no-repeat 0 -30px;
}

.darkScroll a.jScrollArrowUp:hover {
	background-position: 0 0;
}

.darkScroll a.jScrollArrowDown {
	height: 24px;
	background: url(../_img/scroll.arrow_down.png) no-repeat 0 -30px;
}

.darkScroll a.jScrollArrowDown:hover {
	background-position: 0 0;
}

/* IE SPECIFIC HACKED STYLES */

* html .darkScroll .jScrollPaneDragBottom {
	bottom: -1px;
}

/* /IE SPECIFIC HACKED STYLES */

/* @end */

/* @group Title Bar */

/* @group Title Bar - Titles */

h1.titleDefault {
	height: 46px;
	background-repeat: no-repeat;
	margin: -7px 0 0 0px;
}

h1#titleWelcome {
	background-image: url(../_img/title.welcome.png);
}

h1#titleServices {
	background-image: url(../_img/title.services.png);
}

h1#titleContact {
	background-image: url(../_img/title.contact.png);
}

h1#titleAbout {
	background-image: url(../_img/title.about.png);
}

h1#titleResources {
	background-image: url(../_img/title.resources.png);
}

h1#titleOptim {
	background-image: url(../_img/title.optim.png);
}

h1#titleSecurity {
	background-image: url(../_img/title.security.png);
}

h1#titleLegal {
	background-image: url(../_img/title.legal.png);
	margin-top: -5px;
}

/* Hide Them All */

h1#titleWelcome span,
h1#titleServices span,
h1#titleContact span,
h1#titleAbout span,
h1#titleResources span,
h1#titleOptim span,
h1#titleSecurity span,
h1#titleLegal span {
	display: none;
}

/* @end */

#titleBar {
	position: absolute;
	z-index: 10;
	width: 480px;
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9;
	padding: 5px;
	height: 45px;
	margin-left: -4px;
	background: transparent url(../_img/layout.titleBar.png) no-repeat;
	margin-top: -8px;
}

#titleBar #icon {
	float: right;
	margin-top: -25px;
	height: 85px;
	width: 85px;
}

#titleBar #icon.services {
	background-image: url(../_img/icon.services.png);
}

#titleBar #icon.security {
	background-image: url(../_img/icon.security.png);
}

#titleBar #icon.contact {
	background-image: url(../_img/icon.contact.png);
}

#titleBar #icon.about {
	background-image: url(../_img/icon.about.png);
}

#titleBar #icon.optim {
	background-image: url(../_img/icon.optim.png);
}

#titleBar #icon.resource {
	background-image: url(../_img/icon.resource.png);
	margin-top: -30px;
	margin-right: 15px;
}

#titleBar #icon.welcome {
	background-image: url(../_img/icon.welcome.png);
	margin-top: -35px;
}

/* @end */

/* @group Main Nav */

#handle a {
	cursor: move;
	font-size: .7em;
	text-transform: uppercase;
	text-align: right;
	color: #464646;
	padding-right: 5px;
	padding-top: 3px;
	display: block;
	text-decoration: none;
	border: 1px solid #1b1b1b;
	margin-bottom: -5px;
}

#handle a:hover {
	background: #1f1f1f;
	color: #aaa;
}

#mainNav {
	position: absolute;
	z-index: 1000;
	background: transparent;
	min-width: 190px;
	margin-top: 45px;
	margin-left: 4px;
	background-color: #000;
	opacity: .8;
}

#mainNav dl.navigation.selected {
	margin: 15px 0 0;
	padding: 0;
}

.navigation .head {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: .85em;
	text-transform: uppercase;
	background: #141414;
	opacity: .9;
	border-bottom: 1px solid #1c1c1c;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px 3px 3px 5px;
	width: 189px;
	background-color: #000;
}

.navigation a.selected {
	background: #d77b21;
	border-bottom: none;
}

.navigation .head a:hover {
	background: #1f1f1f;
	opacity: .9;
}

/*.navigation li {
	padding: 0;
	margin: -.4px 0 0;
}*/

.navigation li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 2px 2px 3px 12px;
	text-transform: uppercase;
	font-size: .85em;
	color: #646464;
	border-bottom: 1px solid #c3c3c3;
	background: #ccc;
	width: 183px;
}

.navigation ul {
	list-style-type: none;
	padding: 0px 0px 1px;
	margin: -1px 1px 0px 0px;
	background: #ffffff;
}

.navigation li a:hover {
	opacity: 1;
}

/* @end */

/* @group Form */

/* @group Response Window */

#formResponse ul li blockquote {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#windowContainer #formResponse {
	position: absolute;
	background: #000;
	border: 1px solid #313131;
	margin-top: 50px;
	padding: 10px;
	width: 440px;
	margin-left: 10px;
	z-index: 1000;
	opacity: .95;
	display: none;
}

#windowContainer.noScroll #formResponse {
	position: absolute;
	background: #000;
	border: 1px solid #313131;
	margin-top: 50px;
	padding: 10px;
	width: 460px;
	margin-left: 10px;
	z-index: 1000;
	opacity: .95;
	display: none;
}

#formResponse h2 {
	margin: 0px;
	padding: 0px;
	color: #d77b21
}

#formResponse cite {
	margin: 0px;
	padding: 0px;
	color: #d77b21;
	font-size: 80%;
}

#formResponse ul li {
	margin: 0px;
	padding: 0px;
}

#formResponseCloseBox a {
	position: absolute;
	margin-left: 435px;
	margin-top: 50px;
	z-index: 1001;
	display: none;
}

#windowContainer.noScroll #formResponseCloseBox a {
	position: absolute;
	margin-left: 445px;
	margin-top: 65px;
	z-index: 1001;
	display: none;
}



/* @end */

fieldset.antispam {
	background: #1f1f1f;
	color: #d77b21;
	width: 310px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 120px;
	margin-bottom: 5px;
	border: 1px solid #373737;
	text-align: left;
}

/* @group Validation */

.error{
color: red;
margin-left: 5px;
}

input.error, textarea.error {
color: red;
margin-left: 0px;
}

/* @end */

fieldset.antispam legend {
	color: #fff;
	border: 0;
	padding: 0;
	margin: 0;
}

#requiredMsg {
	position: absolute;
	margin-left: 360px;
	margin-top: 0px;
	width: 100px;
	text-align: center;
	color: red;
	text-transform: uppercase;
	font-size: 80%;
	display: none;
	padding: 5px;
	background-color: #1f1f1f;
	border: 1px solid #373737;
}

fieldset.antispam h3 {
	margin: 0px 0px 10px;
	color: #fff;
}

fieldset.antispam #hint {
	float: right;
	font-size: 70%;
	text-transform: uppercase;
}

label.form, .required {
float: left;
width: 120px;
font-weight: bold;
padding:3px 0 0 0;
}

input, textarea, select {
width: 180px;
margin-bottom: 6px;
}

textarea{
width: 270px;
height: 80px;
overflow: hidden;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
margin-bottom: 10px;
width: 130px;
}

br{
clear: left;
}



/* @end */

/* @group Downlaod Form */

#downloadForm h3 {
	margin-top: 0px;
}

.hideMe {
	display: none;
}

#downloadForm label.form  {
	width: 140px;
}

#downloadForm .required  {
	width: 140px;
}

#downloadForm fieldset.antispam {
	margin-left: 140px;
}

#downloadForm #submitbutton{
	margin-left: 140px;
}

/* @end */

/* @group Random Page Stuff */

#scrollPane ul.siteSurvey li {
	margin: 5px;
	list-style-type: decimal;
	text-align: left;
}

#scrollPane ul.siteSurvey {
	margin-bottom: 15px;
}

#salesFormBox {
	display: none;
}

#salesLogos img {
	margin-top: 5px;
}

#salesLogos {
	z-index: 0;
	overflow: hidden;
}

.overviewGraphic {
	float:right;
	margin-top: -20px;
	margin-right:20px;
	font-size: 80%;
}

/* @end */