/*	Super Sphere screen master
--------------------------------------- 

company:		Go4 Multimedia
contributors:	Michael Allan, 
version:		1.0
date:			16/09/2005
comments:		

--------------------------------------- */

/* Import components as required
--------------------------------------- */
	@import url(components/image-swaps.css);

/*	Page defaults, incorporating suggestions from
	initial.css v2.1, by Faruk Ates - www.kurafire.net
---------------------------------------
	Colors, typography
--------------------------------------- */
body {
	color: #333; 
	background: #fff;
	font: 100.01%/120% Tahoma, Geneva, sans-serif;
}
/*	Form field text-scaling
	(font-size not reliably inherited from above rule by all browsers)
--------------------------------------- */
input, select, textarea {
	font-size: 100.01%;
}
/*	Zero default margins
--------------------------------------- */
html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}
/*	Headings
--------------------------------------- */
h2, {
	padding: 5px, 0, 5px, 0,;
	font-size: 1.5em;
}
h3, {
	padding: 10px, 10px, 5px, 0,;
}
/*	Non-zero default margins
--------------------------------------- */
li, dd, blockquote {
	margin-left: 1em;
}
/*	Link defaults
--------------------------------------- */
a:link,
a:visited {
	color: #572449;
	text-decoration: none;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
/*	Miscellaneous defaults
--------------------------------------- */
em, strong {
	font-style: normal;
	font-weight: bold;
}
li {
	list-style: none;
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/*	Header
--------------------------------------- */
div#container {
	position: relative;
	width: 100%;
	margin: 17px 0;
}
div#header {
	position: relative;
	font-size: 0.76em;
	background: #C4C4BA url(../images/header_bg_both.gif) no-repeat;
}
img#purple_logo {
	position: absolute;
	top: 13px;
	left: 26px;
}
div#search {
	height: 83px;
	padding: 35px 0 0 515px;
}
div#search input {
	font-size: 0.9em;
}
div#search fieldset div {
	clear: both;
	position: relative;
}
div#search fieldset br {
	display: none;
}
div#search label, div#search fieldset div.cr p {
	margin: 0;
	display: block;
	width: 6em;
	text-align: right;
	float: left;
	padding-right: 10px;
}
div#search input#txtSearch {
	border: 1px solid #89561D;
}
div#search input#btnSearch {
	display: inline;
	color: #fff;
	background-color: #1C1C1C;
	font-weight: bold;
	border: 1px solid #F4D5B2;
}
/*	Search links
--------------------------------------- */
div#search p a {
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-left: 3px;
}
div#search p a:link,
div#search p a:visited {
	color: #fff;
	text-decoration: underline;
}
div#search p a:hover,
div#search p a:focus,
div#search p a:active {
	color: #1c1c1c;
	text-decoration: none;
}
/*	Nav (general)
--------------------------------------- */
div#nav {
	height: 79px;
/*	background: #C4C4BA url(../images/header_bg_2.gif) no-repeat; */
}
div#nav ul {
	display: inline;
}
div#nav li {
	float: left;
}
div#nav li a {
	display: block;
	padding-left: 18px;
}
div#nav a:link,
div#nav a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav a:hover,
div#nav a:focus,
div#nav a:active {
	color: #1c1c1c;
	text-decoration: underline;
}
/*	Nav (small icons)
--------------------------------------- */
div#nav ul#nav-general li {
	margin-left: 16px;
}
div#nav ul#nav-general a {
	margin-top: 36px;
	margin-bottom: 20px;
}
div#nav a#homeButton:link,
div#nav a#homeButton:visited {
	background: url(../images/icon_home.gif) 2px 6px no-repeat;
}
div#nav a#helpButton:link,
div#nav a#helpButton:visited {
	background: url(../images/icon_help.gif) 2px 6px no-repeat;
}
div#nav a#sitemapButton:link,
div#nav a#sitemapButton:visited {
	background: url(../images/icon_sitemap.gif) 2px 6px no-repeat;
}
/*	Nav (larger replaced text)
--------------------------------------- */
ul#nav-sections {
	float: right;
	margin-top: 36px;
	width: 493px;
}
ul#nav-sections li {
	float: right;
}
ul#nav-sections li a {
	display: block;
	margin: 0 10px 0 8px;				/* aligns the last item, then separates the others appropriately */
	text-decoration: none;
	text-indent: -1000em;
	width: 50px;						/*	visible width	*/
	height: 26px;						/*	visible height	*/
	overflow: hidden;					/*	for nested divs in Safari	*/
}
/*  hide from mac ie5 \*/
ul#nav-sections a.swap { overflow: hidden; }
/*	end hiding */

ul#nav-sections a:link,
ul#nav-sections a:visited {
	color: #1c1c1c;
	text-decoration: none;
}
a#aboutButton:link,
a#aboutButton:visited {
/*	background: url(../images/head_text_about.gif) no-repeat;	*/
	background: url(../images/new/nav_2_about.gif) no-repeat;
}
a#servicesButton:link,
a#servicesButton:visited {
/*	background: url(../images/head_text_services.gif) no-repeat;	*/
	background: url(../images/new/nav_2_services.gif) no-repeat;
}
a#partnersButton:link,
a#partnersButton:visited {
/*	background: url(../images/head_text_partners.gif) no-repeat;	*/
	background: url(../images/new/nav_2_smsf.gif) no-repeat;
}
a#trainingButton:link,
a#trainingButton:visited {
/*	background: url(../images/head_text_partners.gif) no-repeat;	*/
	background: url(../images/new/nav_2_training.gif) no-repeat;
}
a#supportButton:link,
a#supportButton:visited {
/*	background: url(../images/head_text_support.gif) no-repeat;	*/
	background: url(../images/new/nav_2_contact.gif) no-repeat;
}
ul#nav-sections ul a:hover,			/*	for hover states, if implemented	*/
ul#nav-sections ul a:focus,
ul#nav-sections ul a:active {
}

/*	Column wrappers & common styles
--------------------------------------- */
div#colwrap-all {
	border-bottom: 3px solid #9a9888;
	background: url(../images/colwrap-all_bg.gif) top right repeat-y;
}
div#colwrap-all-inner {
	border-bottom: 2px solid #fff;
}
div#colwrap-right img#banner-1 {
	border-bottom: 3px solid #fff;
}
.bottom-dashed {
	border-bottom: 1px dashed #9a9888;
}

/*	Individual columns 
	NB: each column styled redundantly for easier editing
--------------------------------------- */
/*	Left column
--------------------------------------- */
div#col-left {
	color: #666;
	background: #fff url(../images/col-left_bg.gif) 0 0 repeat-y;
	font-size: 0.7em;
	line-height: 1.3;
}
div#col-left div.content {
	padding: 20px 16px 26px 16px;
}
div.sidebar-heading {
	padding-bottom: 10px;
	border-bottom: 1px solid #9a9888;
}
div#col-left div.sidebar-element {		/* choose either this style or the one below */
	padding: 12px 0 0px 14px;			/* (redundantly coded) */
	background: url(../images/arrow_single.gif) 0 16px no-repeat;
}
div#col-left div.bottom-dashed {
	padding-bottom: 16px;
}
div#col-left div.sidebar-element-no-arrow {
	padding: 12px 16px 0 14px;
}
div#col-left h3 {
	font-size: 1em;
}
div#col-left p {
	margin-bottom: 10px;
}
div#col-left div.bottom-dashed p,
div#col-left div.bottom-dashed h3 {
	margin: 0;
}
div#col-left p.date {
	margin-bottom: 0;
	font-weight: bold;
	color: #7e7d7d;
}
div#col-left p.date span {
	color: #9a9898;
}
div#col-left a {
	font-weight: bold;
}
div#col-left a:link,					/* standard left column link styles */
div#col-left a:visited {
	color: #572449;
	text-decoration: underline;
}
div#col-left a:hover,
div#col-left a:focus,
div#col-left a:active {
	color: #1c1c1c;
	text-decoration: none;
}
div#col-left p.read-more a:link,		/* separate styles for read more link */
div#col-left p.read-more a:visited {
	text-decoration: none;
}
div#col-left p.read-more a:hover,
div#col-left p.read-more a:focus,
div#col-left p.read-more a:active {
	text-decoration: underline;
}										/* retired styles
div#col-left p.read-more {
	padding-bottom: 30px;
}
div#professional-researches {
	height: 85px;
	background: url(../images/professional_researches.gif) no-repeat;
}
div#professional-researches p {
	padding: 56px 0 0 106px;
}
div#professional-researches a {
	padding-left: 10px;
}
div#professional-researches a:link,
div#professional-researches a:visited {
	color: #fff;
	background: url(../images/arrow_single_white.gif) 0 4px no-repeat;
	text-decoration: none;
}
div#professional-researches a:hover,
div#professional-researches a:focus,
div#professional-researches a:active {
	text-decoration: underline;
}										*/

/*	Centre column
--------------------------------------- */
div#col-centre {
	font-size: 0.7em;
	line-height: 1.3;
}
div#col-centre div.content {
	margin-top: 20px;
	padding: 0 0 20px 10px;
}
div#col-centre div.sidebar-heading,		/*	side margins set on internal elements,	*/
div#col-centre div.sidebar-element,		/*	to avoid box-model discrepancies		*/
div#col-centre p.read-more {
	margin-left: 14px;
	margin-right: 26px;
}
div.sidebar-heading {
	padding-bottom: 10px;
	border-bottom: 1px solid #9a9888;
}
div#col-centre div.sidebar-element {
	padding: 16px 0 0px 0;
}
div#col-centre div.sidebar-element p {
	margin-right: 0;
}
div#col-centre h3 {
	font-size: 1em;
}
div#col-centre p {
	margin-bottom: 10px;
}
div#col-centre p.read-more {
	margin-top: 20px;
}
div#col-centre h3 a:link,
div#col-centre h3 a:visited {
	color: #7e7d7d;
	text-decoration: underline;
}
div#col-centre h3 a:hover,
div#col-centre h3 a:focus,
div#col-centre h3 a:active {
	color: #572449;
}
div#col-centre div.sidebar-element img {
	float: left;
	margin: 0 10px 10px 0;
}
img.no-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
div#col-centre p {
	color: #333;
}
div#col-centre ul {
	margin-top: 0px;
	padding-top: 0px;
}
div#col-centre li {
	margin-left: 0;
	padding: 2px 10px;
	background: url(../images/arrow_single.gif) 0 7px no-repeat;
}
div#col-left a {
	font-weight: bold;
}
div#col-centre a:link,					/* standard centre column link styles */
div#col-centre a:visited {
	color: #7e7d7d;
	text-decoration: underline;
}
div#col-centre a:hover,
div#col-centre a:focus {
	color: #1c1c1c;
	text-decoration: none;
}
div#col-centre p.read-more {
	margin-top: 30px;
	clear: both;
}
div#col-centre p.read-more a {
	padding-left: 14px;
	background: url(../images/arrow_single.gif) 0 4px no-repeat;
}
div#col-centre p.read-more a:link,		/* separate styles for read more link */
div#col-centre p.read-more a:visited {
	color: #572449;
	font-weight: bold;
	text-decoration: none;
}
div#col-centre p.read-more a:hover,
div#col-centre p.read-more a:focus,
div#col-centre p.read-mor  a:active {
	color: #1c1c1c;
	text-decoration: underline;
}

/*	Right column
--------------------------------------- */
div#col-right {
	color: #7e7d7d;
	font-size: 0.7em;
	line-height: 1.1;
}
div#col-right div.content {
	padding: 20px 0 20px 10px;
}
div#col-right div.sidebar-heading,		/*	side margins set on internal elements,	*/
div#col-right div.sidebar-element {		/*	to avoid box-model discrepancies		*/
	margin-left: 16px;
	margin-right: 26px;
}
div#col-right h3 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 16px;
}
div#col-right p {
	margin-bottom: 12px;
}
div#col-right ul {
	margin: 12px 0;
}
div#col-right li {
	margin-left: 0;
	padding: 2px 10px;
	background: url(../images/arrow_single.gif) 0 7px no-repeat;
}
div#col-right div.sidebar-element img {
	float: left;
	margin: 0 10px 10px 0;
}
div#col-right a:link,
div#col-right a:visited {
	color: #7e7d7d;
	text-decoration: underline;
}
div#col-right a:hover,
div#col-right a:focus,
div#col-right a:active {
	color: #572449;
	text-decoration: none;
}
div#col-right p.read-more a {
	padding-left: 14px;
	background: url(../images/arrow_single.gif) 0 4px no-repeat;
}
div#col-right p.read-more a:link,		/* separate styles for read more link */
div#col-right p.read-more a:visited {
	color: #572449;
	font-weight: bold;
	text-decoration: none;
}
div#col-right p.read-more a:hover,
div#col-right p.read-more a:focus,
div#col-right p.read-mor  a:active {
	color: #1c1c1c;
	text-decoration: underline;
}
div.image-group {
	padding: 10px 0;
}
p.address {
	font-weight: bold;
}

/*	Contact form
--------------------------------------- */
form#contact-form {
	margin-top: 20px;
}
form#contact-form p {
	margin-bottom: 4px;
}
form#contact-form span {
	float: left;
	width: 60px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}
form#contact-form input,
form#contact-form textarea {
	font-size: 0.9em;
	background-color: #e5e5df;
	border: 1px solid #929288;
}
form#contact-form input#btnReset,
form#contact-form input#btnSubmit {
	text-transform: uppercase;
	color: #68685B;
	font-weight: bold;
	border: none;
	background-color: #F1F1EC;
	padding: 0;
}
p.buttons {
	font-size: 0.85em;
	width: 90%;
	text-align: right;
}


/*	Footer
--------------------------------------- */
div#footer {
	color: #9a9888;
	padding-top: 12px;
	margin-bottom: 40px;
}
div#contact-info {
	float: left;
	width: 235px;
	border-right: 1px solid #ccc;
}
div#contact-info table {
	margin: 4px 0 10px 20px;
}	
td {
	padding: 0;
}
div#website-info ul {
	margin: 8px 0 0 250px;
	background-color: green;
}
div#website-info p {
	float: left;
	margin: 2px 0 0 26px;
}
div#website-info li {
	float: left;
}
div#website-info a:link,
div#website-info a:visited {
	color: #9a9888;
}
div#website-info a:hover,
div#website-info a:focus,
div#website-info a:active {
	color: #572449;
}
/* --- Form Style --- */
fieldset div {
	clear: both;
	position: relative;
}

label, fieldset div.cr p {
	margin: 0 3px 0 2px;
	display: block;
	width: 16em;
	text-align: right;
	float: left;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}
div.content dl 
{
    padding: 0 0 5px 0;
}

div.error {
color:#ff0000;
}