/*

	SRGG Solutions - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body 
{
	background-color: #FFFFFF;
	margin: 0;
}

body, div, td 
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

p
{
	margin: 0 0 15px 0;
	line-height: 1.3em;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */

#wrapper {
	width: 804px;
}

#column1 {
	width: 23px;
	background-color: #002A71;
}

#column2 {
	width: 212px;
	background-color: #FFFFFF;
}

#column3 {
	width: 565px;
	background-color: #FFFFFF;
}

#column4 {
	width: 4px;
	background: url(../images/wrapper/bg-right.gif) repeat top left;
}

#content {
	margin-right: 10px;
}

/* =Headers
---------------------------------------------------------------------------------------------------- */
.home {
	background: url(../images/wrapper/hdr-home.gif) no-repeat top left;
}

.services-and-support {
	background: url(../images/wrapper/hdr-services-and-support.jpg) no-repeat top left;
}

.products {
	background: url(../images/wrapper/hdr-products.jpg) no-repeat top left;
}

.csae {
	background: url(../images/wrapper/hdr-csae.jpg) no-repeat top left;
}

.e-newsletter {
	background: url(../images/wrapper/hdr-e-newsletter.jpg) no-repeat top left;
}

.news {
	background: url(../images/wrapper/hdr-news-and-headlines.jpg) no-repeat top left;
}

.resources {
	background: url(../images/wrapper/hdr-resources.jpg) no-repeat top left;
}

.company {
	background: url(../images/wrapper/hdr-company.jpg) no-repeat top left;
}

.faqs {
	background: url(../images/wrapper/hdr-faqs.jpg) no-repeat top left;
}

.contact {
	background: url(../images/wrapper/hdr-contact.jpg) no-repeat top left;
}

.careers {
	background: url(../images/wrapper/hdr-careers.jpg) no-repeat top left;
}

.privacy {
	background: url(../images/wrapper/hdr-privacy.jpg) no-repeat top left;
}

/* =Top Navigation
---------------------------------------------------------------------------------------------------- */
#top-nav {
	width: 225px;
	margin: 0 5px 0 335px;
}

#top-nav a, #top-nav a:visited {
	font-size: 9px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

#top-nav a:hover {
	color: #CCCCCC;
}

#top-nav-home {
	width: 225px;
	margin: 0 5px 0 335px;
}

#top-nav-home a, #top-nav-home a:visited {
	font-size: 9px;
	color: #78623A;
	text-transform: uppercase;
	text-decoration: none;
}

#top-nav-home a:hover {
	color: #CCCCCC;
}

#divider-bar {
	background-color: #CCCCCC;
}

/* =Left Navigation
---------------------------------------------------------------------------------------------------- */
#left-nav {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#left-nav div {
	margin-bottom: 10px;
}

#left-nav a, #left-nav a:visited {
	font-size: 10px;
	color: #A5A4A3;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#left-nav a:hover {
	color: #4C639D;
}

#left-nav a.nav-on, #left-nav a.nav-on:visited, #left-nav a.nav-on:selected, #left-nav a.nav-on:hover 
{
	color: #4C639D;
}

#left-nav-home {
	margin-top: 18px;
	margin-bottom: 24px;
}

#left-nav-home div {
	margin-bottom: 10px;
}

#left-nav-home a, #left-nav-home a:visited {
	font-size: 10px;
	color: #CCCCCC;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#left-nav-home a:hover {
	color: #FFFFFF;
}


/* =Misc - Home Page
---------------------------------------------------------------------------------------------------- */
#home-body {
	position: relative;
	width: 564px;
	height: 313px;
}

#home-intro {
	position: absolute;
	left: 60px;
	top: 26px;
	width: 290px;
	height: 313px;
	text-align: right;
	color: #FFFFFF;
	line-height: 1.50em;
	font-size: 14px;
	font-weight: bold;
}

/* =Misc. Home page feature areas
---------------------------------------------------------------------------------------------------- */
#home-feature {
	position: absolute;
	left: 378px;
	top: 0px;
	width: 187px;
	height: 313px;
	background-color: #DFDECE;
}

#home-feature-header {
	margin: 20px 0 0 20px;
	width: 167px;
	height: 18px;
	background-color: #A5A4A3;
}

#home-feature-header div {
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#home-feature h2 {
	font-size: 12px;
	color: #9C8F70;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

#home-feature p {
	font-size: 11px;
	line-height: 1.75em;
	color: #000000;
}

#home-feature a, #home-feature a:hover, #home-feature a:visisted {
	font-size: 11px;
	color: #9C8F70;
}


#home-bottom {
	position: relative;
	width: 776px;
	height: 225px;
	margin: 0;
	padding: 0;
}

#home-bottom #feature1 {
	position: absolute;
	left: 25px;
	top: 10px;
	width: 225px;
}

#home-bottom #feature1-header {
	width: 225px;
	height: 18px;
	margin-bottom: 3px;
	background-color: #A5A4A3;
}

#home-bottom #feature1-header div {
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#home-bottom #feature2 {
	position: absolute;
	left: 308px;
	top: 10px;
	width: 225px;
}

#home-bottom #feature2-header {
	width: 225px;
	height: 18px;
	margin-bottom: 3px;
	background-color: #A5A4A3;
}

#home-bottom #feature2-header div {
	padding: 4px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#home-bottom #feature3 {
	position: absolute;
	left: 610px;
	top: 10px;
	width: 170px;
}

#home-bottom #feature4 {
	position: absolute;
	left: 610px;
	top: 100px;
	width: 170px;
}

#home-bottom #feature5 {
	position: absolute;
	left: 610px;
	top: 215px;
	width: 170px;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 10px;
	color: #A5A4A3;
	margin: 15px 10px 10px 0;
}

#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:selected, #breadcrumb a:visisted {
	font-size: 10px;
	color: #A5A4A3;
}

/* =Footer 
---------------------------------------------------------------------------------------------------- */
#close-wrapper {
	background: url(../images/wrapper/bg-bottom.gif) repeat top left;
}

#bottom-right-corner {
	background: url(../images/wrapper/bottom-right-corner.gif) no-repeat top left;
}

#footer {
	font-size: 10px;
	color: #A5A4A3;
}

#footer a, #footer a:hover, #footer a:selected, #footer a:visited {
	font-size: 10px;
	color: #A5A4A3;
}

/* =Misc. Feature area
---------------------------------------------------------------------------------------------------- */
#feature {
	width: 189px;
	background-color: #DFDECE;
}

#feature div {
	padding: 15px 10px 10px 10px;
}

#feature h2 {
	font-size: 12px;
	color: #9C8F70;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

#feature p {
	font-size: 11px;
	color: #000000;
}

#feature a, #feature a:hover, #feature a:visisted {
	font-size: 11px;
	color: #9C8F70;
}

#feature ul
{
	margin: 0 0 10px 16px;
	padding: 0;
	list-style: outside square;
}

#feature ul li
{
	margin: 0;
	padding: 0 0 6px 0;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */

.bigger 
{
	font-size: 14px;
}

.smaller 
{
	font-size: 10px;
}

h1
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4C639D;
	margin: 15px 0 10px 0;
}

h2
{
	font-size: 12px;
	font-weight: bold;
	color: #9B8B6D;
	margin: 0 0 3px 0;
}

.top
{
	margin: 0 0 10px 0;
	float: right;
	background: transparent url(../images/top-arrow.gif) top left no-repeat;
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 9px;
	width: 19px;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul
{
	margin: 0 0 10px 16px;
	padding: 0;
	list-style: outside square;
}

ul li
{
	margin: 0;
	padding: 0 0 6px 0;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.input-box {
	border: 1px solid #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.select-box {
	border: 1px solid #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.text-box {
	border: 1px solid #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width: 300px;
}

.input-button {
	border: 1px solid #999999;
	height: 20px;
	font-size: 9px;
	bgcolor: #EEEEEE;
	color: #666666;
}

.validation 
{
	color: #FF0000;
	font-weight: bold;
}
	
form 
{
	margin: 0;
	padding: 0;
}

.navTitle 
{
		font-weight : bold;
		background-color: #A5A4A3;
		color : #FFFFFF;
		padding: 3px 0 3px 8px;
		text-align: left;
}

fieldset
{
  padding: 5px;
}

legend 
{
  padding: 2px 0 10px 0;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a
{
	color: #4C639D;
	text-decoration: underline;
}

a:visited
{
	color: #A5A4A3;
}

a:hover
{
	color: #4C639D;
}

/* =Sidebar
---------------------------------------------------------------------------------------------------- */
#sideBar {
	padding-top: 10px;
	padding-right: 10px;
}

/* =Hand
---------------------------------------------------------------------------------------------------- */
#hand {
	padding-top: 10px;
}

/* =Training: Courses/Webinars  borders
---------------------------------------------------------------------------------------------------- */
table.courses-webinars td 
{
	border-top: 1px solid #CACBCD;
}