/*
Theme Name: Relatrix
Theme URI: http://www.relatrix.com
Description: Custom theme for Relatrix
Author: Gravity Station
Author URI: http://www.gravitystation.com
   
*/

html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }

body {
	background: #e9eaec url(images/background.gif) top repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 14pt;
}

#wrapper {
	width: 938px;
	margin: 0 auto;
	padding: 0;
}

/* ------- TEXT STYLES -------- */

p {
	font-size: 11pt;
	color: #2f2f2f;
	line-height: 14pt;
}

h1 {
	color: #666699;
	font-size: 14pt;
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 24pt;
}

h1.title {
	color: #336699;
	font-size: 18pt;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
}

h2 {
	color: #336699;
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
	line-height: 26pt;
}

h2.em {
	font-style: italic;
}

h3 {
	color: #cc3333; /* red */
	font-size: 14pt;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 24pt;
}

.leftCol ul li {
	list-style-type: disc;
	font-size: 11pt;
	color: #2f2f2f;
}

span.group {
	color: #336699;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
}

.productsNav1 {
	float: right;
}

.productsNav, .pgTopNav {
	margin: 15px 0 0 0;
}

.productsNav1 a, .productsNav1 a:link, .productsNav1 a:visited, .productsNav a:link, .productsNav a:visited, .productspagesNav a, .productspagesNav a:link, .productspagesNav a:visited {
	color: #cc3333;
	text-decoration: none;
}

.productsNav1 a:hover, .productsNav1 a:active, .productsNav1 a:current, .productsNav a:hover, .productspagesNav a:hover, .productsNav a:active, .productsNav a:current, .productspagesNav a:active, .productspagesNav a:current {
	color: #336699;
	text-decoration: underline;
}

.pgTopNav a, .pgTopNav a:link, .pgTopNav a:visited {
	color: #000000;
	text-decoration: none;
}

.pgTopNav a:hover, .pgTopNav a:active, .pgTopNav a:current {
	color: #336699;
	text-decoration: underline;
}


/* ----- HEADER ----- */

#header {
	height: 91px;
	margin: 0 auto;
	padding: 0;
	width: 938px;
}

#logo {
	width: 276px;
	height: 91px;
	margin: 0;
	padding: 0;
	float: left;
}

#hdrR {
	float: right;
	width: 577px;
	height: 79px;
	margin: 0;
	padding: 0;
	background: url(images/slogan.gif) no-repeat;
}

#hdrR ul {
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#hdrR ul li {
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0 2px;
}

#hdrR .searchTop {
	float: right;
	width: 164px;
	height: 29px;
	margin: 0;
	padding: 7px 0 0 0;
}

.searchTop form {
	width: 164px;
	height: 29px;
	margin: 0;
	padding: 0;
}

.searchTop form input {
	border: none;
	background: url(images/searchbg.jpg) no-repeat;
	width: 150px;
	height: 15px;
	margin: 0;
	padding: 7px;
	color: #666666;
}

/* ----- FLASH BANNER ----- */

#banner {
	width: 938px;
	height: 246px;
	margin: 0 auto;
	padding: 0;
}

/* ----- CALL TO ACTION BUTTONS ----- */

#calls {
	width: 936px;
	height: 204px;
	margin: 10px auto;
}

#callwrapper {
	width: 938px;
	height: 204px;
	margin: 10px auto;
	padding: 0;
}

#callwrapper ul {
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	height: 204px;
}

#callwrapper ul li.mid {
	padding: 0 11px;
	margin: 0;
}

#callwrapper ul li {
	list-style: none;
	display: inline;
	white-space: nowrap;
	width: 305px;
	height: 204px;
	margin: 0;
	padding: 0;
}

/* ----- MID MENU HOMEPAGE ----- */

#midmenu {
	height: 68px;
	width: 938px;
	margin: 0 auto;
	padding: 0;
}

.midm {
	height: 30px;
	width: 938px;
	padding: 0;
}

#midmenu ul.who {
	list-style: none;
	display: inline;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width: 938px;
	height: 30px;
}

#midmenu ul.what {
	list-style: none;
	display: inline;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width: 938px;
	height: 30px;
}

#midmenu ul.who li, #midmenu ul.what li {
	list-style: none;
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0 3px;
}

#midmenu ul.who li a, #midmenu ul.what li a, #midmenu ul.who li:active a, #midmenu ul.what li:active a {
	line-height: 15px;
	padding: 0 0 5px 0;
	color: #0033CC;
}

#midmenu ul.who li:hover a, #midmenu ul.what li:hover a {
	color: #333333;
}

hr.hrhome {
	color: transparent;
	background-color: transparent;
	background-image: url(images/subdiv_hz.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 1px;
	width: 916px;
	margin: 5px auto;
	padding: 0;
}

hr.mm {
	color: transparent;
	background-color: transparent;
	background-image: url(images/subdiv_hz.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 1px;
	width: 690px;
	margin: 5px auto;
	padding: 0;
}



/* ----- MAIN CONTENT - SUBPAGES ----- */

#maincontent {
	width: 938px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.leftCol {
	float: left;
	width: 690px;
	margin: 0;
	padding: 0 20px 0 0;
}

.rightCol {
	float: right;
	margin: 0;
	padding: 0;
	width: 210px;
}

.productsNav {
	margin: 15px 0 0 5px;
	padding: 0;
}

/* ----- SIDEBAR ----- */

#sidebar {
	margin: 50px 0 0 0;
	padding: 0;
}

/* ----- FOOTER ----- */

#footer {
	background: url(images/footer_bg.gif) repeat-x;
	height: 164px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#footermenus ul li.linktitle, #footermenus ul li.linktitle a:link, #footermenus ul li.linktitle a:active, #footermenus ul li.linktitle a:visited {
	font-size: 11pt;
	color: #FFFFFF;
	padding: 0 0 3px 0;
	font-weight: bold;
}

#footermenus ul.products li.linktitle a:hover, #footermenus ul.solutions li.linktitle a:hover, #footermenus ul.support li.linktitle a:hover, #footermenus ul.about li.linktitle a:hover {
	font-size: 11pt;
	color: #FFFFFF;
	padding: 0 0 3px 0;
	font-weight: bold;
	text-decoration: underline;
}

#footermenus {
	width: 938px;
	height: 136px;
	margin: 0 auto;
	padding: 0;
}

#footermenus ul.products {
	width: 166px;
	height: 116px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 10px;
	float: left;
}

#footermenus ul.solutions {
	width: 166px;
	height: 116px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 10px;
	float: left;
}

#footermenus ul.support {
	width: 166px;
	height: 116px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 10px;
	float: left;
}

#footermenus ul.about {
	width: 166px;
	height: 116px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 10px;
	float: left;
}

#footermenus ul.policies {
	width: 166px;
	height: 116px;
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 10px;
	float: left;
}

#footermenus ul.products li, #footermenus ul.solutions li, #footermenus ul.support li, #footermenus ul.about li, #footermenus ul.policies li {
	font-size: 11pt;
	color: #FFFFFF;
}

#footermenus ul.products li a, #footermenus ul.solutions li a, #footermenus ul.support li a, #footermenus ul.about li a, #footermenus ul.policies li a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: normal;
}

#footermenus ul.products li a:hover, #footermenus ul.solutions li a:hover, #footermenus ul.support li a:hover, #footermenus ul.about li a:hover, #footermenus ul.policies li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#footermenus ul li {
	list-style: none;
	color: #FFFFFF;
	font-weight: bold;
}

#copyr {
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
	font-size: 9pt;
	color: #999999;
}

.clearfloat {
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
}
/* ------- CORE NECESSITIES -------- */

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

blockquote {margin:1.5em;color:#666;font-style:italic; background: #fafafa; border: 1px solid #eaeaea; padding: 5px;}
blockquote .name { font-style: normal; font-size: 10pt;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

ul, ol {margin:0; list-style: none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#4aa3a7;}
.highlight {background:#ff0;}
.added {background:#060;color:#999;}
.removed {background:##5b3736;color:#999;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.post-edit-link {
	display: none;
}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* default wordpress */
.wp-smiley {
	float: none;
	margin: 0;
}
.alignnone {
	display: inline;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	/* border: 1px solid #ddd; */
	text-align: center;
	background-color: #eff0f0;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 4px 0 0 0;
	display: block;
}
	.wp-caption a {
		line-height: 0.11em;
	}
	.wp-caption a:hover {
		background: none;
	}
	.wp-caption img {
		margin: 0 auto;
		display: block;
		padding: 0;
	}
	.wp-caption-text {
		font-size: 10pt;
		padding: 3px !important;
		margin: 0 !important;
	}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* widgets */

/* default wp calendar */
.widget_calendar caption {
	background: none;
	margin-bottom: 6px;
}
.widget_calendar th, td {
	padding: 1px 0 1px 12px;
	margin: 0;
}
.widget_calendar thead th {
	background-color: #7c64ac;
	color: white;
	font-weight: normal;
}
.widget_calendar tbody td a {
	background-color: #AAD042; 
	padding: 2px 1px;
	color: white;
}
	.widget_calendar tbody td a:hover {
		background-color: #53cab7;
	}

/* AJAX CALENDAR */

#wp-calendar caption {
	background: none;
	margin-bottom: 6px;
}
#wp-calendar th, td {
	padding: 1px 0 1px 12px;
	margin: 0;
}
#wp-calendar thead th {
	background-color: #7c64ac;
	color: white;
	font-weight: normal;
}
#wp-calendartbody td a {
	background-color: #AAD042; 
	padding: 2px 1px;
	color: white;
}
	#wp-calendar tbody td a:hover {
		background-color: #53cab7;
	}
#wp-calendar a {
	text-decoration: none;
	display: block;
	color: #7C64AC;
}


.widget_tag_cloud {
	line-height: 2.5em;
}

.widget_pages ul ul {
	margin-top: 4px;
}

.widget_search {

}
	.widget_search #srch-frm {
		background: none;
	}
	.widget_search .textfield {
		width: 134px;
		margin-right: 6px;
	}

/* 
*****************************************
** Website Design by Gravity Station -- *
** http://www.gravitystation.com ------ *
*****************************************
*/

img.fl {
	float: left;
	padding: 7px;
}

img.fr {
	float: right;
	padding: 7px;
}